<!DOCTYPE html>
A great beginning to know me
Progressively maintain inexpensive information without intuitive markets. Quickly reconceptualize 2.0 imperatives without next-generation meta-services. Professionally conceptualize plug-and-play metrics without orthogonal information. Appropriately strategize dynamic infrastructures and turnkey channels. Seamlessly synthesize high-quality total linkage without distinctive intellectual capital.
Completely reinvent business mindshare with superior strategic theme areas. Dramatically build reliable platforms without real-time e-tailers. Competently predominate covalent scenarios rather than future-proof content. Intrinsicly innovate holistic users whereas cost effective partnerships. Objectively transform collaborative outsourcing before an expanded array of services. Monotonectally provide access to next-generation imperatives rather than mission-critical materials. Seamlessly negotiate excellent services rather than web-enabled sources. Quickly actualize proactive niches rather than user friendly catalysts for change. Efficiently negotiate distributed experiences for alternative best practices. Efficiently.
We strive to give the best service to our clients
Quickly actualize proactive niches rather than user friendly catalysts for change.
Read more ...Quickly actualize proactive niches rather than user friendly catalysts for change.
Read more ...Quickly actualize proactive niches rather than user friendly catalysts for change.
Read more ...Quickly actualize proactive niches rather than user friendly catalysts for change.
Read more ...<link href="css/style.min.css" rel="stylesheet">
<style>body{margin:0;padding:0;font-family:Raleway,sans-serif;font-size:14px;line-height:24px;color:#6b6e80;background:#f4f4f4;scrollbar-face-color:#333}::-moz-selection{color:#fff;text-shadow:none;background:#39b3d7}::-webkit-selection{color:#fff;text-shadow:none;background:#39b3d7}::selection{color:#fff;text-shadow:none;background:#39b3d7}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#333}::-webkit-scrollbar-thumb{background-color:#666;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background-color:#000}a{color:#5bc0de;text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a:hover{color:#269abc;text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}hr{border-top-color:#eaeaea}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{color:#333}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#428bca;border-color:#bbb;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn,.form-control{-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}.btn-danish{color:#fff;background-color:#5bc0de;border-color:#269abc}.btn-danish.active,.btn-danish:active,.btn-danish:focus,.btn-danish:hover,.open>.dropdown-toggle.btn-danish{color:#fff;background-color:#269abc;border-color:#269abc}.btn-danish.active,.btn-danish:active,.open>.dropdown-toggle.btn-danish{background-image:none}.btn-danish.disabled,.btn-danish.disabled.active,.btn-danish.disabled:active,.btn-danish.disabled:focus,.btn-danish.disabled:hover,.btn-danish[disabled],.btn-danish[disabled].active,.btn-danish[disabled]:active,.btn-danish[disabled]:focus,.btn-danish[disabled]:hover,fieldset[disabled] .btn-danish,fieldset[disabled] .btn-danish.active,fieldset[disabled] .btn-danish:active,fieldset[disabled] .btn-danish:focus,fieldset[disabled] .btn-danish:hover{background-color:#269abc;border-color:#269abc}.btn-danish .badge{color:#5bc0de;background-color:#fff}.navbar-default{background-color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-color:#fff}.navbar-default .navbar-brand{color:#5bc0de;font-size:28px;font-weight:400;padding-top:22px;padding-bottom:20px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.navbar-default .navbar-brand span{font-weight:800}.navbar-default .navbar-brand:hover{color:#269abc;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.navbar-default .navbar-nav>li>a{color:#898ba2;font-size:16px;text-shadow:none;padding:25px 20px}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#242636;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#5bc0de;font-weight:800;background-color:transparent}.navbar-default .navbar-nav li.dropdown.open>a,.navbar-default .navbar-nav li.dropdown.open>a:hover{color:#fff;background-color:#5bc0de}.dropdown-menu{background-color:#5bc0de;border:none;padding-top:0;padding-bottom:0;-webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.dropdown-menu>li>a{color:#fff;padding-top:12px;padding-bottom:12px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff;background-color:#39b3d7}.navbar-transparent{background-color:transparent;border-color:transparent}.navbar-transparent .navbar-brand{color:#5bc0de;font-weight:700;font-size:36px;padding-top:35px;padding-bottom:30px}.navbar-transparent .navbar-brand:hover{color:#5bc0de}.navbar-transparent .navbar-nav>li>a{color:#fff;font-size:16px;padding:35px 25px 30px}.navbar-transparent .navbar-nav>li>a:focus,.navbar-transparent .navbar-nav>li>a:hover{color:#fff}.navbar-transparent .navbar-nav>li>a:focus::before,.navbar-transparent .navbar-nav>li>a:hover::before{content:;position:absolute;left:50%;bottom:15px;width:70%;margin-left:-35%;border-bottom:2px dashed #fff}.navbar-transparent .navbar-nav li.dropdown.open>a::before,.navbar-transparent .navbar-nav li.dropdown.open>a:focus::before,.navbar-transparent .navbar-nav li.dropdown.open>a:hover::before,.navbar-transparent .navbar-nav>.active>a:before,.navbar-transparent .navbar-nav>.active>a:focus::before,.navbar-transparent .navbar-nav>.active>a:hover::before{content:;border-bottom:none}.navbar-transparent .navbar-nav>.active>a,.navbar-transparent .navbar-nav>.active>a:focus,.navbar-transparent .navbar-nav>.active>a:hover{color:#fff;text-shadow:none;background-color:transparent}.navbar-transparent .navbar-nav li.dropdown.open>a,.navbar-transparent .navbar-nav li.dropdown.open>a:hover{color:#fff;background-color:#0f101a}.navbar-transparent .dropdown-menu{background-color:#0f101a;border:none;padding-top:0;padding-bottom:0;-webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.navbar-transparent .dropdown-menu>li>a{color:#898ba2;padding-top:12px;padding-bottom:12px}.navbar-transparent .dropdown-menu>.active>a,.navbar-transparent .dropdown-menu>.active>a:focus,.navbar-transparent .dropdown-menu>.active>a:hover,.navbar-transparent .dropdown-menu>li>a:focus,.navbar-transparent .dropdown-menu>li>a:hover{color:#5bc0de;background-color:#1d1f2c}#header{position:relative;width:100%;height:450px;padding-top:180px;-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}.overlay{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(50,66,90,.65)}#header blockquote{position:relative;z-index:2;font-family:'Noto Serif',serif;text-align:center;border-left:none;padding-left:50px;padding-right:50px;margin-bottom:20px}#header blockquote p{font-size:28px;line-height:34px;font-weight:400;font-style:italic;color:#fff}#header blockquote small{font-family:Raleway,sans-serif;color:#fff;font-style:italic}#header blockquote::before{font-family:FontAwesome;content:"\f10d";position:absolute;left:0;top:0;font-size:25px;color:#d9dae9;width:25px;height:25px;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg)}#header blockquote::after{font-family:FontAwesome;content:"\f10e";position:absolute;right:0;top:0;font-size:25px;color:#d9dae9;width:25px;height:25px;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);transform:rotate(15deg)}#header.heading{width:100%;min-height:240px;height:auto;padding-top:10px;-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-position:center top;background-repeat:no-repeat}#header.heading .title-desc{position:relative;z-index:3;padding:90px 0 40px;text-align:center;color:#fff}#header.heading h2{color:#fff;font-size:34px;font-weight:700;font-style:italic}#featured{width:100%;height:auto;padding:40px 0;background:#d9dae9}.featured-container{background:#fff;padding:10px}.featured-container .featured-img{position:relative;width:100%;height:auto;overflow:hidden}.featured-container .featured-img img{max-width:100%;height:auto}.featured-container .featured-img.featured-img-avatar{position:relative;height:auto}.featured-container .featured-img.featured-img-avatar h3{position:absolute;left:0;bottom:15px;display:inline-block;padding:10px 16px;background-color:#5bc0de}.featured-container .featured-img h3{position:absolute;left:0;bottom:10px;display:block;max-width:90%;font-size:16px;font-weight:400;color:#fff}.featured-container .featured-img h3 a{display:block;padding:10px 15px;background-color:#5bc0de;color:#fff}.featured-container .featured-img h3 a:hover{background-color:#269abc;color:#fff}#content{width:100%;padding:80px 0;font-size:16px;line-height:28px;color:#666}.post-container::after,.post-container::before{content:"";clear:both;display:table}.post-container{margin-bottom:30px}.post-content{position:relative;display:block;background-color:#fff;border:1px solid #eee;padding:20px 25px;margin-bottom:2px}.post-content.no-padding{padding:0}.post-content.no-padding img{margin:0}.post-atribut{background-color:#fff;border:1px solid #eee;border-bottom-width:3px;padding:20px 25px}.post-atribut .fa,.post-atribut .glyphicon,.post-atribut a{font-size:20px;color:#6b6e80;vertical-align:middle}.post-atribut a:focus,.post-atribut a:focus .fa,.post-atribut a:focus .glyphicon,.post-atribut a:hover,.post-atribut a:hover .fa,.post-atribut a:hover .glyphicon{color:#5bc0de}.post-atribut span{display:block;vertical-align:middle;font-size:14px;text-align:center}.post-content img{max-width:100%;height:auto;display:block;margin:5px auto 20px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.post-meta{display:block;padding-top:5px;padding-bottom:15px}.post-meta span{font-size:13px;line-height:13px;color:#888}.page-title{text-align:center;border-bottom:1px solid #ddd;margin-bottom:40px}.page-title h2{position:relative;margin-top:0;margin-bottom:20px;font-weight:800;text-transform:uppercase}.page-title h2::after{content:;position:absolute;left:50%;bottom:-22px;width:80px;height:3px;margin-left:-40px;background-color:#5bc0de}.heading-title{display:block}.heading-title h2{color:#555;font-weight:700;text-align:left;font-size:30px;line-height:34px;margin-top:0;margin-bottom:30px}.heading-title.heading-small h2{color:#555;font-weight:700;text-align:left;font-size:20px;line-height:24px;margin-bottom:10px}.post-content blockquote{position:relative;border-left:none;background-color:#5bc0de;color:#fff;border-radius:2px;padding-top:50px;padding-bottom:30px}.post-content blockquote p{text-indent:55px}.post-content blockquote small{color:rgba(0,0,0,.35)}.post-content blockquote::before{content:'\f10d';font-family:FontAwesome;position:absolute;left:20px;top:20px;font-size:34px;color:#269abc}.post-link:after,.post-link:before{content:;display:table;clear:both}.post-link{padding-top:10px}.post-link a{color:#6b6e80;text-align:center;text-transform:uppercase;font-size:12px;font-weight:400;display:block;background-image:url(../img/read_more.png);background-repeat:repeat-x;background-position:10px center}.post-link a span{display:inline-block;padding:0 12px;background-color:#fff;border:1px solid #eaeaea;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.post-link a:focus,.post-link a:hover{color:#39b3d7}.post-link a:hover>span{color:#5bc0de;-webkit-border-radius:14px;-moz-border-radius:14px;-o-border-radius:14px;border-radius:14px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.content-img{width:auto;height:auto;overflow:hidden;margin-bottom:20px}.content-img img{max-width:100%;height:auto;border-radius:3px}.content-img-bg{width:230px;height:230px;-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-position:center top;margin-left:auto;margin-right:auto;margin-bottom:20px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%}.content-text{text-align:center}.content-text.text-justify{text-align:justify}.post-single{padding-bottom:30px}.post-single,.post-single p{font-family:Raleway,sans-serif;font-size:17px;line-height:26px;display:inline-block}.post-single .heading-title h2{font-family:Raleway,sans-serif;font-size:34px;line-height:38px;font-weight:400;margin-bottom:0;margin-top:5px;text-align:left}.post-single .post-meta{display:block;padding-top:20px;padding-bottom:15px}.post-single .post-meta span{font-family:Raleway,sans-serif;font-size:12px;line-height:16px}.post-single img{max-width:100%;height:auto;margin-bottom:20px;margin-top:20px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}.post-single blockquote{position:relative;padding-left:0;border-left:none;padding-top:40px}.post-single blockquote::before{content:'\f10d';font-family:FontAwesome;position:absolute;left:0;top:0;font-size:26px;color:#bbb}.avatar-img{width:100px;height:100px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;overflow:hidden}.avatar-img img{padding:0;margin:0;max-width:100%;height:auto}.no-avatar-img{position:relative;width:100px;height:100px;background:#ddd;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;overflow:hidden}.no-avatar-img .fa{position:absolute;left:50%;top:50%;font-size:70px;color:#fff;text-align:center;width:70px;height:70px;margin-left:-35px;margin-top:-36px}.comment{margin-top:0;padding-bottom:10px}.comment ul{padding:0;list-style-type:none}.comment ul ul{margin-left:85px;padding:0;list-style-type:none}.comment:after,.comment:before{content:"";display:table;clear:both}.comment h3{font-size:24px;line-height:26px;color:#5c7280;margin:20px 0 40px}.comment img{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}.comment img.avatar{position:relative;float:left;margin-left:0;margin-top:0;width:65px;height:65px}.post-comments{border:1px solid #eee;margin-bottom:20px;margin-left:85px;margin-right:0;padding:10px 20px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#fff;color:#6b6e80;position:relative}.post-comments:before{content:"";position:absolute;top:8px;left:-10px;border:10px;border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;border-left:0 solid transparent}.comment .meta{font-size:13px;color:#aaa;padding-bottom:8px;margin-bottom:10px!important;border-bottom:1px solid #eee}.comment-form{padding:20px 0}.comment-form .form-control{background:#fff;border-color:#eee;padding:10px 20px;margin:10px 0;height:45px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;color:#999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.comment-form .form-control:focus{background:#39b3d7;border-color:#269abc;color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.comment-form textarea.form-control{height:auto;resize:none}.comment-form .form-control::-webkit-input-placeholder{color:#aaa;font-weight:300;font-size:14px;text-transform:uppercase}.comment-form .form-control:-moz-placeholder{color:#aaa;font-weight:300;font-size:14px;text-transform:uppercase}.comment-form .form-control::-moz-placeholder{color:#aaa;font-weight:300;font-size:14px;text-transform:uppercase}.comment-form .form-control:-ms-input-placeholder{color:#aaa;font-weight:300;font-size:14px;text-transform:uppercase}.comment-form .form-control:focus::-webkit-input-placeholder{color:#eee;font-weight:300;font-size:14px;text-transform:uppercase}.comment-form .form-control:focus:-moz-placeholder{color:#eee;font-weight:300;font-size:14px;text-transform:uppercase}.comment-form .form-control:focus::-moz-placeholder{color:#eee;font-weight:300;font-size:14px;text-transform:uppercase}.comment-form .form-control:focus:-ms-input-placeholder{color:#eee;font-weight:300;font-size:14px;text-transform:uppercase}.pager>li>a:focus,.pager>li>a:hover{background-color:#39b3d7;border-color:#269abc;color:#fff}.pager>.disabled>a,.pager>.disabled>a:focus,.pager>.disabled>a:hover{border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#39b3d7;border-color:#39b3d7}.sidebar .widget-sidebar:after,.sidebar .widget-sidebar:before{content:"";display:table;clear:both}.sidebar .widget-sidebar{margin-bottom:20px}.sidebar .widget-sidebar h3{margin-bottom:20px;font-family:'Noto Serif',serif;font-size:20px;line-height:24px;color:#506A85;font-weight:400}.sidebar .widget_archive ul>li>a,.sidebar .widget_categories ul>li>a{font-size:14px;line-height:22px;color:#6b6e80}.sidebar .widget_archive ul>li>a:hover,.sidebar .widget_categories ul>li>a:hover{color:#39b3d7}.sidebar .widget_categories ul>li>a::before{content:"\f05d";font-family:FontAwesome;font-size:16px;padding-right:15px}.sidebar .widget_archive ul>li>a::before{content:"\f133";font-family:FontAwesome;font-size:14px;padding-right:15px}.sidebar .widget-sidebar .navbar-form{position:relative;margin-left:0;padding-left:0}.sidebar .widget-sidebar .navbar-form>.form-control{display:block;width:100%;padding-right:55px}.sidebar .widget-sidebar .navbar-form>.btn-search{position:absolute;right:22px;top:6px}.sidebar .widget-sidebar.default_widget>ul,.sidebar .widget_archive ul,.sidebar .widget_categories ul,.sidebar .widget_top-posts ul{list-style-type:none;padding-left:0;margin-left:0}.sidebar .widget-sidebar.default_widget>ul>li,.sidebar .widget-sidebar.default_widget>ul>li>a{font-size:14px;color:#6b6e80}.sidebar .widget-sidebar.default_widget>ul>li>a::before{content:'\f10c';font-family:FontAwesome;font-size:12px;padding-right:15px}.sidebar .widget-sidebar.default_widget>ul>li>a:focus,.sidebar .widget-sidebar.default_widget>ul>li>a:hover{color:#39b3d7}.post-wrapper{position:relative;display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.post-img{position:relative;float:left;display:inline;width:70px;height:70px;margin-right:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-repeat:no-repeat;background-position:center center;overflow:hidden}.post-text{padding:0;font-size:14px;line-height:21px}.post-text>.post-meta{display:block;padding-top:0!important;padding-bottom:5px;font-size:12px}.post-text>.heading-title h2{margin-top:0;margin-bottom:0;font-family:Raleway,sans-serif;font-size:14px;line-height:18px;font-weight:600}#portfolio{width:100%;display:table;margin:40px 0}#portfolio.portfolio-page .portfolio-sort{margin:40px auto 60px;max-width:970px;display:table;text-align:center}#portfolio.portfolio-page .portfolio-sort>li>a{position:relative;display:block;padding:10px 20px;margin-right:10px;margin-bottom:10px;border:1px solid #39b3d7;color:#269abc;background-color:transparent;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}#portfolio.portfolio-page .portfolio-sort>.active>a,#portfolio.portfolio-page .portfolio-sort>.active>a:focus,#portfolio.portfolio-page .portfolio-sort>.active>a:hover{color:#fff;background-color:#39b3d7}#portfolio.portfolio-page .portfolio-sort>li:last-child>a{margin-right:0}#portfolio .container-portfolio{position:relative;display:block;width:100%;padding:0;margin:0;list-style-type:none}#portfolio .container-portfolio>li{display:block;float:left;width:25%;height:auto;padding:0;margin:0;overflow:hidden}#portfolio .container-portfolio>li>.portfolio-item{position:relative;width:100%;height:100%;overflow:hidden}#portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption{position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 22px;text-align:center;background-color:rgba(50,66,90,.85);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#portfolio .container-portfolio>li>.portfolio-item:hover>.portfolio-caption{opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption>.portfolio-text{color:#fff;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#portfolio .container-portfolio>li>.portfolio-item:hover>.portfolio-caption>.portfolio-text{color:#fff;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}#contact{width:100%;padding:0;position:relative}#map::after,#map::before{content:"";display:table;clear:both}#map{width:100%;height:240px;padding:0;margin:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#map img{max-width:none}.contact{padding:40px 0}#partner{width:100%;padding:40px 0 60px}#partner .brand-img>li{float:left;width:25%;border:1px solid #ddd;border-right:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#partner .brand-img>li:last-child{border-right:1px solid #ddd}#partner .brand-img>li>a{padding:20px 0;display:block;text-align:center;opacity:.5;filter:alpha(opacity=50);-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#partner .brand-img>li>a:hover{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#partner .brand-img>li>a:hover>img,#partner .brand-img>li>a>img{display:block;margin-left:auto;margin-right:auto;max-height:62px;width:auto}#footer{width:100%;color:#ddd;padding:80px 0 60px;background-color:#1b1d2a;background-image:url(../img/map.png);-webkit-background-size:cover!important;-moz-background-size:cover!important;-ms-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;background-repeat:no-repeat;background-position:top center}#footer .widget:after,#footer .widget:before{content:"";display:table;clear:both}#footer .widget{margin-bottom:20px}#footer .widget h3{font-size:20px;font-weight:600;margin-bottom:20px}#footer .widget ul>li>a{color:#5bc0de}#footer .widget ul>li>a:before{content:"\f005";font-family:FontAwesome;font-size:11px;color:#ccc;padding-right:10px}#footer .widget ul>li>a:hover{color:#ccc}#footer .widget ul>li>a:hover:before{color:#5bc0de}#footer .footer-logo{text-align:right}#footer .footer-logo h2{margin-top:10px;font-weight:700}#copyright{width:100%;padding:15px 0 5px;background-color:#0f101a;color:#ccc;font-size:13px}#copyright .social-icon>li>a{position:relative;width:32px;height:32px;background:#6b6e80;display:block;border-radius:100%}#copyright .social-icon>li>a>.fa{position:absolute;left:50%;top:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;color:#1b1d2a;font-size:19px}#copyright .social-icon>li>a:hover>.fa{color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#copyright .social-icon>li>.icon-twitter:hover{background:#4099FF}#copyright .social-icon>li>.icon-facebook:hover{background:#4467AD}#copyright .social-icon>li>.icon-youtube:hover{background:#FF4B4B}#copyright .social-icon>li>.icon-instagram:hover{background:#6e99b2}#copyright .copy-left{text-align:left;margin-top:10px}#copyright .copy-right{text-align:right;margin-top:5px}</style>
<link href="css/responsive.min.css" rel="stylesheet">
<style>@media screen and (min-width:1200px){.featured-container .featured-img{position:relative;width:100%;height:180px;overflow:hidden}#portfolio .container-portfolio>li{float:left;width:25%;height:auto;padding:0;margin:0;overflow:hidden}}@media screen and (min-width:993px) and (max-width:1200px){#portfolio .container-portfolio>li{float:left;width:25%;height:auto;padding:0;margin:0;overflow:hidden}}@media screen and (min-width:768px) and (max-width:992px){#portfolio .container-portfolio>li{float:left;width:50%;height:auto;padding:0;margin:0}#portfolio .container-portfolio>li:nth-child(2n+1){width:50%;clear:both;margin:0;padding:0}}@media screen and (max-width:767px){.navbar-default .navbar-toggle{margin-top:8px}.navbar-default .navbar-brand{padding-top:15px;padding-bottom:13px}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-nav>li>a{display:block;padding-top:12px;padding-bottom:12px;padding-left:15px;color:#898ba2}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav li.dropdown.open>a,.navbar-default .navbar-nav li.dropdown.open>a:hover{color:#fff;background-color:#39b3d7}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#898ba2;padding-top:12px;padding-bottom:12px}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:#39b3d7}.dropdown-menu>li>a{display:block;padding-top:12px;padding-bottom:12px;padding-left:25px}.navbar-transparent .navbar-toggle{margin-top:10px}.navbar-transparent .navbar-brand{padding-top:10px}.navbar-transparent .navbar-toggle .icon-bar{background-color:#fff}.navbar-transparent .navbar-header{background-color:transparent}.navbar-transparent .navbar-collapse{background-color:rgba(15,16,26,.95);border-color:transparent}.navbar-transparent .navbar-nav>li>a{padding-top:12px;padding-bottom:12px;padding-left:15px;color:#fff}.navbar-transparent .navbar-nav>li>a:focus::before,.navbar-transparent .navbar-nav>li>a:hover::before{content:;border-bottom:none}.navbar-transparent .navbar-nav li.dropdown.open>a,.navbar-transparent .navbar-nav li.dropdown.open>a:hover{color:#5bc0de;background-color:#1d1f2c}.navbar-transparent .navbar-nav>.active>a,.navbar-transparent .navbar-nav>.active>a:focus,.navbar-transparent .navbar-nav>.active>a:hover{color:#5bc0de}.navbar-transparent .navbar-nav>.active>a:after{border-bottom:none}.navbar-transparent .navbar-nav .open .dropdown-menu>.active>a,.navbar-transparent .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-transparent .navbar-nav .open .dropdown-menu>.active>a:hover{color:#5bc0de;background-color:#1d1f2c}.navbar-transparent .navbar-nav .open .dropdown-menu>li>a{color:#fff;padding-top:12px;padding-bottom:12px}.navbar-transparent .navbar-nav .open .dropdown-menu>li>a:hover{color:#5bc0de;background-color:#1d1f2c}#header{min-height:450px;height:auto;padding-top:140px}#header.heading{padding-top:40px;min-height:240px;height:auto}#header h2{font-size:24px}#header h1{font-size:32px}#header .header-content,#header.heading .header-content{font-size:16px;padding-left:0;padding-right:0;padding-top:100px}#featured{padding-top:60px}.featured-container{margin-bottom:20px}.featured-container .featured-img{position:relative;width:100%;height:200px;overflow:hidden}.featured-container .featured-img img{display:block;width:100%;height:auto;margin:0 auto}.post-content img,.post-img img,.post-single img{width:100%;height:auto}.sidebar{padding-top:40px}.sidebar .widget-sidebar .navbar-form>.btn-search{position:absolute;right:22px;top:16px}#portfolio.portfolio-page .portfolio-sort{display:table;padding-left:20px;padding-right:20px}#portfolio .container-portfolio>li{display:block;float:left;width:50%;height:auto;padding:0;margin:0}#portfolio .container-portfolio>li>.portfolio-item img{width:100%;height:auto}#portfolio .container-portfolio>li:nth-child(2n+1){width:50%;clear:both;margin:0;padding:0}#portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption{opacity:1;filter:alpha(opacity=100)}#portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption>.portfolio-text{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}#map{min-height:240px;height:auto}#partner .brand-img>li{width:50%;margin-bottom:-1px}#partner .brand-img>li:nth-child(even){border-right:1px solid #ddd}#footer .footer-logo{text-align:left}#copyright .copy-left,#copyright .copy-right{padding:5px 0;float:none;text-align:center}}@media screen and (min-width:480px) and (max-width:662px){.featured-container .featured-img{position:relative;width:100%;height:200px;overflow:hidden}#portfolio .container-portfolio>li{display:block;float:left;width:100%;height:auto;padding:0;margin:0}#portfolio .container-portfolio>li:nth-child(2n+1){width:100%;clear:both;margin:0;padding:0}}@media screen and (max-width:480px){.featured-container .featured-img{position:relative;width:100%;height:auto;overflow:hidden}#portfolio .container-portfolio>li{float:left;width:100%;height:auto;padding:0;margin:0}#portfolio .container-portfolio>li:nth-child(1n+1){width:100%;clear:both;margin:0;padding:0}#portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption{opacity:1;filter:alpha(opacity=100)}#portfolio .container-portfolio>li>.portfolio-item>.portfolio-caption>.portfolio-text{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}</style>
<link href="css/blue.min.css" rel="stylesheet" id="color-style">
<link href="css/demo.css" rel="stylesheet">
<style>/*
========================================
DANISH - RESPONSIVE BLOG TEMPLATE
========================================
@author : Templateninja
@version : v1.1
@date-create : 05/18/2014
@last-update : 09/27/2014
@file-name : style
.demo-btn{
position: fixed;
z-index: 5;
left: -1px;
top: 200px;
width: 38px;
height: 40px;
border: 1px solid #ddd;
border-left: none;
background-color: #fff;
text-align: center;
font-size: 20px;
line-height: 38px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-ms-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.demo-container{
position: fixed;
z-index: 999;
left: 0;
top: 242px;
background-color: #fff;
width: 138px;
height: 150px;
padding: 0;
margin: 0;
border: 2px solid #ddd;
border-left: none;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-ms-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.demo-container h4{
margin: 20px 20px 0; padding: 0; color: #434a54; font-size: 11px; line-height: 13px; font-weight: 700; text-transform: uppercase;
}
.demo-container ul{
margin: 20px 20px 20px 20px; padding: 0; list-style-type: none;
}
.demo-container ul > li{
float: left; margin: 0; padding: 0; display: block; width: 30px; height: 30px; background-color: #fff; border: 2px solid #fff; border-bottom: 1px solid #fff; border-left: none;
}
.demo-btn:hover, .demo-container ul > li:hover{
cursor: pointer;
}
.demo-container ul > .color-orange{
background-color: #fc6e51;
}
.demo-container ul > .color-green{
background-color: #5cb85c;
}
.demo-container ul > .color-yellow{
background-color: #f0ad4e;
}
.demo-container ul > .color-red{
background-color: #ed5565;
}
.demo-container ul > .color-blue{
background-color: #5bc0de;
}
.demo-container ul > .color-pink{
background-color: #ec87c0;
}</style>
</head>
<body>
<nav class="navbar navbar-default navbar-transparent navbar-fixed-top" role="navigation">
</nav>
<section id="header" style="background-image: url(img/image-post-header-01.jpg);">
Mendapatkan hati wanita cantik itu tidak mudah, apalagi jika kamu tidak terlalu lucu ~
Tarjono
</section>
<img src="img/image-post-category-01.jpg" alt="image post category danish">
<img src="img/image-post-category-02.jpg" alt="image post category danish">
<img src="img/image-post-category-03.jpg" alt="image post category danish">
<section id="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...
<a href="#">Read more</a>
<a href="#"> 2000</a>
<a href="#"> 400</a>
<a href="#"> 2500</a>
<img src="img/image-portfolio-02.jpg" alt="danish personal blog template">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
<a href="#"> 2000</a>
<a href="#"> 400</a>
<a href="#"> 2500</a>
<img src="img/image-portfolio-03.jpg" alt="danish personal blog template">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
<a href="#">Read more</a>
<a href="#"> 2000</a>
<a href="#"> 400</a>
<a href="#"> 2500</a>
Dikehidupan manusia itu memang banyak usaha yang tidak membuahkan hasil. Usaha mendapatkan cintamu misalnya..
Bardiman
<a href="#"> 2000</a>
<a href="#"> 400</a>
<a href="#"> 2500</a>
<img src="img/image-portfolio-04.jpg" alt="danish personal blog template">
This is sample post image caption
<a href="#">Read more</a>
<a href="#"> 2000</a>
<a href="#"> 400</a>
<a href="#"> 2500</a>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...
<a href="#">Read more</a>
<a href="#"> 2000</a>
<a href="#"> 400</a>
<a href="#"> 2500</a>
</section>
<section id="portfolio">
<img src="img/image-portfolio-01.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
<img src="img/image-portfolio-02.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
<img src="img/image-portfolio-03.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
<img src="img/image-portfolio-04.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
<img src="img/image-portfolio-05.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
<img src="img/image-portfolio-06.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
<img src="img/image-portfolio-07.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
<img src="img/image-portfolio-08.jpg" class="img-responsive" alt="portfolio danish personal blog template">
Short Description About Portfolio Lorem ipsum dolor sit amet.
<a href="#" class="btn btn-danish">View »</a>
</section>
<section id="partner">
</section>
<section id="footer">
</section>
<section id="copyright">
Copyright © 2014 templateninja. All Right Reserved.
</section>
<script src="js/jquery.js"></script> <script src="js/bootstrap.js"></script> <script src="js/masonry.pkgd.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script> <script src="js/gmap3.min.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/jquery.easing.js"></script> <script src="js/jquery.parallax.js"></script> <script src="js/script.min.js"></script> <script src="js/demo.js"></script> </body>
</html>