Skip to content

Instantly share code, notes, and snippets.

@jQsafi

jQsafi/Web developer Portfoilo

Last active February 16, 2019 08:40
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jQsafi/e3800a9e462372c3cd802525880d5a11 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jQsafi/e3800a9e462372c3cd802525880d5a11 to your computer and use it in GitHub Desktop.
Download ZIP
Web developer Portfoilo
Raw
style.css
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0 ; media=all */
@media all{
div.wpcf7{margin:0;padding:0;}
div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;margin:0;padding:0;border:0;}
div.wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;border:2px solid #ff0000;}
.wpcf7-form-control-wrap{position:relative;}
.wpcf7-display-none{display:none;}
div.wpcf7 .ajax-loader{visibility:hidden;display:inline-block;background-image:url('http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/contact-form-7/images/ajax-loader.gif');width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/style.css?ver=4.9.9 ; media=all */
@media all{
body{background:#ffffff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#999;}
.center{width:1170px;margin:0 auto;}
.header_wrap .center{position:relative;}
img{max-width:100%;}
h1,h2,h4,h5,h6{word-wrap:break-word;}
.home_section7_content br{display:none;}
.home .header{padding:30px 0;}
.header{width:100%;padding:10px 0;box-sizing:border-box;float:left;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;z-index:999;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.logo{float:left;max-width:100%;position:relative;z-index:9999999;}
.logo h1,.logo h1 a{text-transform:none;}
.logo h1{float:left;margin:15px 0 0 0;}
.logo h1 a{font-weight:700;}
span.desc{display:block;clear:both;font-size:11.5;position:relative;top:0px;}
.head_inner{width:100%;float:left;top:0;}
#simple-menu{display:block;float:right;margin-top:1.5%;color:#fff;font-size:36px;position:absolute;right:20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);display:none;}
.pad_menutitle{padding:5%;width:90%;}
.pad_menutitle span{display:inline-block;float:right;cursor:pointer;}
#sidr-main{display:none;}
#topmenu{text-align:right;display:block;vertical-align:middle;font-size:0;padding:0;float:right;margin:25px 0 30px 0;}
.has_trans_header.home #topmenu{vertical-align:initial;float:right;}
#topmenu ul{margin:0;padding:0;}
#topmenu ul li{list-style-type:none;display:inline-block;position:relative;margin:0;font-weight:400;}
#topmenu ul li a{display:block;padding:12px 25px;position:relative;}
#topmenu ul li a:after{position:absolute;right:0;width:1px;height:11px;background:#ff0000;content:'';top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);}
#topmenu ul li:last-child a:after{display:none;}
#topmenu ul li ul li a:after{display:none!important;}
#topmenu ul li ul{display:none;position:absolute;width:220px;z-index:9999999;}
#topmenu ul li ul li{margin:0;padding:0;width:100%;display:block;text-align:left;}
#topmenu ul li ul li a{padding:12px 8%;width:auto;margin:0;display:block;font-weight:400;line-height:100%!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#topmenu ul li ul li ul{left:100%;margin-top:-40px;float:none;margin-left:0;}
#topmenu ul li:last-child ul{right:0;}
#topmenu ul li span{font-size:12px;opacity:.5;padding-left:5px;position:absolute;}
#topmenu ul li ul li span{display:none;}
#topmenu .zn_parent_menu:hover li a{border:none!important;}
.has_trans_header.home #topmenu{background-color:transparent!important;}
#slidera{width:100%;margin:0 auto;float:left;min-height:150px;background:#ccc;position:relative;}
.slider-wrapper{position:relative;}
.nivoSlider{min-height:500px!important;}
.center-title,.left-title{clear:both;}
.center-title h2{font-weight:600;text-align:center;clear:both;margin:0;padding-bottom:20px;}
.center-title span{display:block;border-bottom-color:#000;border-bottom:1px solid;width:50px;margin:10px auto 40px auto;}
.left-title p{font-weight:400;margin:0 0 15px;padding:0;text-align:left;font-size:30px;}
.left-title h2{font-weight:600;text-align:left;clear:both;margin:0;padding-bottom:20px;}
p{line-height:27px;padding:0;margin:0 0 20px 0;}
.home1_section_area{width:100%;padding:65px 0 85px 0;clear:both;float:left;}
.home1_section_area_bg{width:100%;padding:130px 0 0;clear:both;overflow:hidden;background-repeat:no-repeat!important;background-size:cover!important;background-position:center top!important;margin-bottom:-60px;top:-60px;position:relative;z-index:999999;}
.post_style4_area{clear:both!important;}
.no_margin_right{margin-right:0!important;}
.home2_section_area{width:100%;padding:75px 0 120px;clear:both;float:left;overflow:hidden;}
.home3_section_area{width:100%;padding:100px 0 75px;clear:both;float:left;overflow:hidden;}
.home3_section_area_bg{width:100%;padding:75px 0 100px;clear:both;overflow:hidden;background-repeat:no-repeat!important;background-size:cover!important;background-position:center top!important;}
.social-icons a:link,.social-icons a:visited{display:inline-block;font-size:16px!important;height:35px;line-height:35px;margin:0 5px 0 0;padding:0;text-align:center;transition:all .6s ease 0;width:35px;color:#FFF;}
.social-icons{margin-top:0;}
.social-icons a:hover{color:#fff;}
#footer .footercols4 .social-icons{margin-top:20px;}
#footer .footercols4 .social-icons a:link,.social-icons a:visited{margin-bottom:5px;}
.home4_section_area{width:100%;padding:75px 0 100px;clear:both;float:left;overflow:hidden;}
.home5_section_area{width:100%;padding:105px 0 90px;clear:both;float:left;overflow:hidden;}
.home6_section_area{width:100%;padding:80px 0 150px 0;clear:both;float:left;overflow:hidden;}
.home6_section_area_bg{width:100%;padding:80px 0;clear:both;overflow:hidden;background-repeat:no-repeat!important;background-size:cover!important;background-position:center top!important;}
.home7_section_area{width:100%;padding:110px 0 0 0;clear:both;float:left;overflow:hidden;}
.home8_section_area{width:100%;padding:90px 0;clear:both;float:left;overflow:hidden;}
.to_top{width:40px;height:38px;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;background:rgba(0,0,0,0.2);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;position:fixed;bottom:20px;right:20px;cursor:pointer;text-align:center;padding-top:2px;display:none;opacity:.4;z-index:99;}
.to_top:hover{opacity:1;}
.to_top i{font-size:26px;padding-top:4px;}
#footer{width:100%;float:left;}
#footer .rowfooter{clear:both;margin:40px -15px 20px -15px;}
#footer .rowfooter p{line-height:24px;margin-bottom:10px;}
#footer .rowfooter p span{color:#ffffff;min-width:70px;display:inline-block;}
#footer .footercols4{width:25%;text-align:left;float:left;margin:0 0 2.6%;padding:0 15px;box-sizing:border-box;}
#footer .footercols4 h4{margin:45px 0 30px;padding:0 0 30px 0;position:relative;}
#footer .footercols4 h4:after{background:#ff0000;height:2px;width:50px;content:'';position:absolute;bottom:0;left:0;}
.newsletter-form{position:relative;margin-bottom:35px;padding-bottom:35px;border-bottom:solid 1px #1d1d1d;}
.newsletter-form input[type="email"]{border:medium none;border-radius:5px;box-sizing:border-box;padding:13px;width:100%;}
.newsletter-form i{background-color:#141414;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;font-size:16px;height:37px;line-height:37px;position:absolute;right:3px;top:3px;-webkit-transition:all .3s;transition:all .3s;text-align:center;width:40px;}
.newsletter-form input[type="submit"]{background-color:transparent;border:medium none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;height:100%;position:absolute;right:0;-webkit-transition:all .3s;transition:all .3s;width:100%;}
#copyright{width:100%;float:left;border-top:solid 1px #252525;}
.copytext{padding:40px 0;line-height:1.9em;text-align:center;}
.copytext:empty{display:none;}
.wpcf7-text{padding:12px;border:none;background:rgba(0,0,0,0.03);width:60%;border:1px solid;border-color:rgba(0,0,0,0.05);box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.wpcf7-textarea{padding:2%;border:none;background:rgba(0,0,0,0.03);width:100%;min-height:200px;border:1px solid;border-color:rgba(0,0,0,0.05);box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.wpcf7-submit{float:left;padding:15px 40px;border:none;font-size:18px;margin-top:10px;cursor:pointer;box-sizing:border-box;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
@media print{
.header,.footer_wrap.layer_wrapper{display:none;}
}
@media screen and (max-width: 29.938em){
.header{height:auto;}
.logo h1{float:none;text-align:center;}
.nivoSlider{height:auto!important;}
.center{width:94%!important;margin:0 auto;overflow:visible;}
.slidebtn{display:none;}
.portfolio-area li{margin:0!important;width:100%!important;}
.footercols4{display:block;width:100%!important;}
.clientbox{padding:5px!important;width:50%!important;height:auto!important;}
.rota ul{margin-left:0;width:1000%!important;}
.bx-wrapper .bx-pager{left:0!important;}
h1,h2,h4,h5,h6{line-height:32px;}
.portfolio-area li{height:auto!important;}
.image-block img{max-width:inherit!important;}
.title{margin:0!important;padding:0!important;font-size:30px!important;max-width:100%!important;}
.slidedesc{max-width:95%!important;font-size:14px!important;}
.portfolio-categ li{margin-right:10px!important;}
.home6_section_area_bg .center{padding:0!important;}
.nivoSlider{min-height:104px!important;}
.home_section1_content img{height:auto;}
.slidedesc,.slidebtn{display:none!important;}
.col-columns-5,.col-columns-6{width:100%!important;}
.nivo-caption{width:100%!important;padding:0 20px!important;box-sizing:border-box;}
.bxslider li{width:300px!important;box-sizing:border-box;}
.row_area{margin:0!important;}
.testimonilacontent::before{left:-30px!important;}
.testimonilacontent::after{right:-30px!important;}
.image-block{height:auto!important;}
.image-block img{min-height:inherit!important;vertical-align:top;}
#slidera{margin-top:0!important;min-height:inherit!important;}
.home.has_trans_header .header_wrap{background:#ccc!important;}
.header.type2{margin-top:0!important;}
.logo h1{margin:0!important;}
section{padding:50px 0!important;}
#slidera section{padding:0!important;}
.post_block_style4{width:100%!important;margin-right:0!important;}
.post_block_style4 .style4-post-thumb{height:inherit!important;}
.post_block_style4 .style4-post-thumb img{min-height:inherit!important;}
.featuresbox{width:100%!important;}
.center-title h2{font-size:22px!important;}
.home_section5_content .view-all-btn{margin-bottom:60px!important;}
.portfolio-content ul{margin-bottom:60px!important;}
.clientbox img{width:auto!important;}
.home1_section_area_bg{padding-top:150px!important;margin-bottom:-100px!important;top:-100px!important;}
.home1_section_area_bg .col-columns-5 img{margin:0 auto!important;display:block;text-align:center;}
.home1_section_area_bg .left-title h2{padding-top:20px!important;font-size:30px!important;}
.left-title p{font-size:20px!important;}
ul.info-list-1{columns:1!important;-webkit-columns:1!important;-moz-columns:1!important;}
ul.info-list-1 li{padding:0 10px!important;}
.homeContactMe,#footer .rowfooter{margin:0 auto!important;}
.contact-left,.contact-right{float:none!important;display:block;width:100%!important;padding:0!important;}
}
@media screen and (max-width:47.938em) and (min-width:30.000em){
#simple-menu{text-shadow:0 0 2px rgba(0,0,0,0.3);z-index:999;top:5px;right:12px;}
.to_top{left:20px;right:auto;}
.nivoSlider{height:auto!important;}
.header{float:left;}
h1,h2,h4,h5,h6{line-height:32px;}
.center{width:94%!important;margin:0 auto;overflow:visible;}
.post_block_style4{margin:0 1.5% 6%;width:47%;}
.portfolio-area li{width:100%!important;}
.clientbox{width:32.6%!important;}
.footercols4{width:50%!important;}
.rota ul{margin-left:-35px;}
.bx-wrapper .bx-pager{left:0!important;}
.portfolio-area li{width:50%!important;height:200px!important;}
.portfolio-area li .image-block{height:200px!important;}
.portfolio-area li .image-block img{min-height:200px!important;}
.portfolio-area li:nth-child(2n+2){margin-right:0!important;}
.bxslider li{left:inherit!important;}
#footer .footercols4{padding:0 33px!important;}
.title{font-size:30px!important;padding-bottom:0!important;}
.slidedesc,.slidebtn{display:none!important;margin:0!important;}
#simple-menu{margin-top:2%!important;}
.nivoSlider{min-height:156px!important;}
.home_section1_content img{height:auto;}
.col-columns-6,.col-columns-5{width:100%!important;box-sizing:border-box;}
.nivo-caption{width:100%!important;padding:0 20px!important;box-sizing:border-box;}
.clientbox{width:33.333%!important;padding:5px!important;height:90px!important;}
.rota ul{margin-left:-15px!important;width:1000%!important;}
.bxslider li{width:456px!important;margin:0 10px!important;box-sizing:border-box;}
.testimonilacontent{width:98%!important;margin:auto;}
.testimonilacontent::before{left:-50px!important;}
.testimonilacontent::after{right:-50px!important;}
#footer .footercols4{min-height:510px;}
#slidera{margin-top:0!important;}
.logo h1{margin:0!important;height:auto!important;}
.home.has_trans_header .header_wrap{background:#ccc!important;}
.header.type2{margin-top:0!important;}
section{padding:50px 0!important;}
#slidera section{padding:0!important;}
.featuresbox{width:50%!important;}
.post_block_style4{width:100%!important;}
.center-title span{margin-bottom:0!important;}
.portfolio-content,.portfolio-area{margin-bottom:60px!important;}
.home_section5_content .view-all-btn{margin-bottom:60px!important;}
.home1_section_area_bg{padding-top:150px!important;margin-bottom:-120px!important;top:-120px!important;}
.home1_section_area_bg .col-columns-5 img{margin:0 auto!important;display:block;text-align:center;}
.home1_section_area_bg .left-title h2{font-size:45px!important;padding:20px 0!important;}
ul.info-list-1 li strong{min-width:inherit!important;}
.featuresbox-area{padding:20px 10px!important;}
.homeContactMe,#footer .rowfooter{margin:0!important;}
.home7_section_area{padding-bottom:0!important;}
.home_section7_content .col-columns-5 .alignright{text-align:center!important;margin:0 auto!important;display:block;float:none!important;}
.row_area{margin:0!important;}
}
@media screen and (max-width:63.938em) and (min-width:20.000em){
#topmenu{display:none;}
#simple-menu{display:block;}
.touchon #topmenu{display:none;}
.touchon #simple-menu{display:block;}
#simple-menu{margin-top:0;}
}
@media screen and (max-width:63.938em) and (min-width:48.000em){
.center{width:94%!important;margin:0 auto;}
.nivoSlider{height:auto!important;}
.slidebtn{width:15%!important;}
.rota ul{margin-left:-14px;}
.bx-wrapper .bx-pager{left:0!important;}
.portfolio-area li{margin:0!important;min-height:125px!important;width:201px!important;}
.bxslider li{left:inherit!important;}
.portfolio-area li{width:33.333%!important;height:210px!important;}
.image-block{height:210px!important;}
.image-block img{min-height:210px!important;}
.portfolio-area li:nth-child(4n+4){margin-right:0;}
#simple-menu{margin-top:0;}
.nivoSlider{min-height:250px!important;}
.home_section1_content img{height:auto;}
.clientbox{width:16.666%!important;height:60px!important;}
.nivo-caption{width:100%!important;padding:0 20px!important;box-sizing:border-box;}
.bxslider li{width:310px!important;margin:0 14px!important;}
.rota ul{margin:0!important;}
.title{font-size:60px!important;padding-bottom:0!important;}
.slidebtn{width:26%!important;}
.slidedesc{margin-bottom:0!important;line-height:22px!important;padding:10px 0!important;}
.logo h1{margin:0!important;}
#simple-menu{top:10px!important;right:0!important;}
.header.type2 #simple-menu{right:0!important;top:30px!important;}
.post_block_style4{width:30.5%!important;}
.post_block_style4 .style4-post-thumb{height:140px!important;}
.post_block_style4 .style4-post-thumb img{min-height:140px!important;}
.chart,.easyPieChart canvas{height:150px!important;width:150px!important;line-height:150px!important;}
.car li{padding:0 5px!important;}
.featuresbox-area{padding:30px!important;}
.portfolio-area .image-block{height:210px!important;}
.home1_section_area_bg .left-title h2{font-size:40px!important;}
.left-title p{font-size:20px!important;}
ul.info-list-1 li{padding:0px 10px!important;font-size:14px!important;}
ul.info-list-1 li strong{min-width:inherit!important;}
.home1_section_area_bg .col-columns-5 img{margin-top:0!important;}
}
@media screen and (max-width:72.438em) and (min-width:63.250em){
.center{width:94%!important;margin:0 auto;}
.image-block{height:240px!important;}
.image-block img{min-height:240px!important;}
.nivoSlider{height:auto!important;}
#simple-menu{margin-top:0;}
.nivoSlider{min-height:407px!important;}
#slidera{margin-top:-61px!important;}
#topmenu{width:75%!important;}
.header.type2 #topmenu{width:75%!important;}
.post_block_style4{width:31.2%!important;}
.car li{padding:25px 20px!important;}
#topmenu ul li a{padding:12px 20px!important;}
.nivo-caption{top:60%!important;}
.post_block_style4 .style4-post-thumb{height:200px!important;}
.post_block_style4 .style4-post-thumb img{min-height:200px!important;}
ul.info-list-1 li{padding:0 10px!important;}
}
.spacecode{clear:both;}
.col-columns-5,.col-columns-6{padding:0 15px;box-sizing:border-box;float:left;}
.col-columns-5{width:45%;}
.col-columns-6{width:55%;}
.featuresbox{float:left;width:33.333%;text-align:center;margin:0;transition:all 0.4s ease-in-out 0s;position:relative;z-index:0;}
.featuresbox-area{padding:55px 40px;height:auto;box-sizing:border-box;}
.features-title{text-align:center;display:block;}
.features-title h5{margin:25px 0;}
.features-description{opacity:0.7;text-align:center;display:block;line-height:26px;}
.features-thumb{text-align:center;display:block;height:72px;width:72px;line-height:72px;font-size:24px;margin:0 auto;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.featuresbox:hover{transform:scale(1.05);box-shadow:0 0 20px #676767;z-index:2;}
.home6_section_area_bg .center{width:100%;padding:0 35px;box-sizing:border-box;}
.bxslider li{padding:0;list-style:none;}
.testimonilacontent h6{margin:30px 0 0 0;font-style:normal;text-transform:uppercase;}
.testimonilacontent p{font-style:normal;}
.testimonilacontent{font-size:14px;line-height:24px;position:relative;padding:30px 30px 10px 30px;box-sizing:border-box;}
.clientsay .bx-wrapper .bx-viewport{padding:0 0 60px 0;}
.clientsay .test-des{height:120px;word-break:break-all;overflow:auto;margin-bottom:30px;}
ul.footmenu{margin:0;padding-left:0;}
.footmenu li{list-style:none;line-height:22px;margin:0 0 5px 0;padding-bottom:5px;}
.footmenu li a{color:#757575;}
.footmenu li a:before{content:"\f105";font-family:FontAwesome;font-size:14px;font-style:normal!important;padding-right:10px;}
.footmenu li a:hover,.footmenu li.current_page_item a{color:#ffffff;}
.row_area{margin:0 -15px;}
.view-all-btn{text-align:center;}
.view-all-btn a{display:inline-block;font:bold 17px/20px 'Assistant';padding:13px 30px;vertical-align:middle;transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;}
.view-all-btn a:hover{opacity:0.8;}
.post_block_style4{width:31.333%;float:left;margin:0 30px 30px 0;padding:0;position:relative;transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;}
.post_block_style4 p{font-size:13px;margin:20px 0 0 0;}
.post_block_style4 h5{margin:0 0 10px 0;font-weight:bold;padding:0;}
.post_block_style4 span{text-transform:capitalize;}
.post_block_style4 .style4-post-thumb img{width:100%;min-height:270px;height:auto;}
.post_block_style4 .style4-post-thumb{height:270px;overflow:hidden;position:relative;}
.post_block_style4 .posts4content{padding:8% 0;overflow:hidden;box-shadow:0 0 10px #e6e6e6;}
.poststyle4date{background:#ffffff;color:#000000;font-size:21px;font-weight:bold;padding:1% 0 3%;position:absolute;right:20px;text-align:center;top:20px;width:65px;z-index:999;}
.poststyle4date span{color:#222222;display:block;font-size:11px;text-transform:uppercase;}
.home1_section_area_bg .left-title h2{font-size:65px;padding-bottom:5px;}
.home1_section_area_bg .col-columns-5 img{margin-top:-50px;}
li{list-style:none;}
ul.info-list-1{columns:2;-webkit-columns:2;-moz-columns:2;margin:0;padding:0;}
ul.info-list-1 li{margin:4px 0;line-height:43px;padding:0px 25px;display:inline-block;width:100%;background:#f4f4f4;color:#7f7e7e;font-size:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-sizing:border-box;}
ul.info-list-1 li strong{font-weight:500;color:#484747;min-width:100px;display:inline-block;}
.home_section7_content .col-columns-5 .alignright{margin-bottom:0;}
.homeContactMe{width:100%;margin:0 -15px;}
.contact-left,.contact-right{float:left;width:50%;box-sizing:border-box;padding:5px;}
.homeContactMe .wpcf7-text,.homeContactMe .wpcf7-textarea{width:100%;background:#ffffff;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/style_core.css?ver=4.9.9 ; media=all */
@media all{
body{margin:0;padding:0;}
a{text-decoration:none;outline:none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
.alignright{float:right;margin:5px 0 20px 20px;}
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;color:#fff;}
.sidr .sidr-inner{padding:0 0 15px;}
.sidr.right{left:auto;right:-260px;}
.sidr ul{display:block;margin:0 0 15px;padding:0;}
.sidr ul li{display:block;margin:0;line-height:35px;}
.sidr ul li a,.sidr ul li span{padding:25px 20px;text-decoration:none;font-size:.9em;}
.sidr ul li ul{border-bottom:none;margin:0;}
.sidr ul li ul li{line-height:40px;font-size:13px;padding-left:12px;}
.sidr ul li ul li:last-child{border-bottom:none;}
.sidr ul li ul li a,.sidr ul li ul li span{padding-left:30px;}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none;}
.pace-inactive{display:none;}
.pace .pace-progress{position:fixed;z-index:2000;top:0;left:0;height:2px;-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;transition:width 1s;}
.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px);}
.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite;}
.bxmain{margin:0 auto;}
.testimonial-image{float:left;margin:0 5% 20px 0;display:block;height:63px;width:63px;overflow:hidden;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.bx-wrapper{max-width:100%!important;}
.bxslider li{line-height:20px;left:0;text-align:left;}
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;}
.bx-wrapper img{max-width:100%;display:block;}
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);}
.bx-wrapper .bx-pager{position:absolute;bottom:-35px;left:0;width:100%;}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;}
.bx-wrapper .bx-pager .bx-pager-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px;display:block;width:13px;height:13px;margin:0 3px;outline:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.portfolio-content,.portfolio-area{width:100%;margin-bottom:0;}
ul.portfolio-categ{padding-bottom:4.5%!important;}
.portfolio-categ li{display:inline-table;}
.portfolio-categ li:last-child{border:none!important;}
.image-block{display:block;position:relative;height:295px;}
.image-block img{box-sizing:border-box;min-height:295px;width:100%;}
.portfolio-area li{float:left;margin:0;width:33.333%;overflow:hidden;box-sizing:border-box;list-style:none;}
.portfolio-area li,.portfolio-area li:hover .gallerytitle,.portfolio-area li:hover .image-block img{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
h4.gallerytitle{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);margin:0 auto;text-align:center;text-transform:uppercase;opacity:0;min-width:240px;min-height:160px;line-height:160px;background:#ff0000;display:inline-table;}
.portfolio-area li:hover h4.gallerytitle{opacity:1;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.portfolio-area li:hover .image-block img{opacity:0.15;}
.portfolio-area li:nth-child(3n+3){margin-right:0;}
.portfolio-item2 div{position:relative;}
.portfolio-categ li a{font-weight:bold;text-transform:uppercase;font-size:13px;letter-spacing:2px;margin:0 0.5px;padding:10px;background:none;}
.portfolio-categ li.active a{background:none!important;}
.portfolio-content ul{margin:0 auto;display:table;padding:0;}
.wpcf7-form br{display:block!important;}
.wpcf7-text,.wpcf7-textarea{margin-top:10px;}
.clientbox{width:16.666%;float:left;box-sizing:border-box;padding:0 5px;margin:0;display:table;height:110px;text-align:center;transition:all .2s ease-in;}
.clientbox a{display:block;vertical-align:top;}
.clientbox:hover{transform:scale(0.9);-webkit-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);-moz-transform:scale(0.9);}
.clientbox img{width:100%;}
.slidebtn{word-wrap:break-word;display:inline-block;margin:30px auto 0 auto;}
.slidebtn a{padding:11px 30px;font-weight:600;}
.title{margin:0 0 15px;font-weight:700;position:relative;padding-bottom:30px;line-height:40px;letter-spacing:10px;}
.slidedesc{letter-spacing:5px;font-weight:600;padding:0;margin:0;line-height:24px;margin-bottom:35px;}
img,a img{border:none;height:auto;vertical-align:top;}
body.blog section{display:none;visibility:hidden;}
body.home section{display:block!important;visibility:visible!important;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/animate.min.css?ver=4.9.9 ; media=all */
@media all{
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/nivo-slider.css?ver=4.9.9 ; media=all */
@media all{
.slider-shadow{background:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;z-index:99;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;}
.slider-wrapper{position:relative;}
.slider-main{position:relative;}
.nivoSlider{position:relative;width:100%;height:auto;background:#ffffff url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/bx_loader.gif) no-repeat center center;}
.nivoSlider img{position:absolute;top:0;left:0;max-width:none;display:none;}
.nivo-main-image{display:block!important;position:relative!important;width:100%;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-html-caption{display:none;}
.nivo-caption{position:absolute;left:0;right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:99;padding:0 50px;display:none;width:auto;text-align:center;margin:0 auto;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/prettyPhoto.css?ver=4.9.9 ; media=all */
@media all{
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/font-awesome.css?ver=4.9.9 ; media=all */
@media all{
[class*='fa-']{display:inline-block;font-family:FontAwesome!important;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-2x{font-size:2em;}
.fa-times:before{content:"\f00d";}
.fa-twitter:before{content:"\f099";}
.fa-facebook:before{content:"\f09a";}
.fa-files-o:before{content:"\f0c5";}
.fa-bars:before{content:"\f0c9";}
.fa-magic:before{content:"\f0d0";}
.fa-pinterest:before{content:"\f0d2";}
.fa-google-plus:before{content:"\f0d5";}
.fa-linkedin:before{content:"\f0e1";}
.fa-lightbulb-o:before{content:"\f0eb";}
.fa-angle-up:before{content:"\f106";}
.fa-angle-down:before{content:"\f107";}
.fa-code:before{content:"\f121";}
.fa-android:before{content:"\f17b";}
.fa-skype:before{content:"\f17e";}
.fa-paper-plane:before{content:"\f1d8";}
.fa-line-chart:before{content:"\f201";}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/circle/jquery.easy-pie-chart.css?ver=4.9.9 ; media=all */
@media all{
#resume{background-color:transparent;}
.vertical-page #resume{padding-bottom:10px;}
.vertical-page .chartbox{margin:0;}
.vertical-page .charts{margin-top:0;}
.easyPieChart{position:relative;text-align:center;}
.easyPieChart canvas{position:absolute;top:0;left:0;}
.hideme{opacity:0;}
.chart{color:#6a6969;}
.chart span{visibility:hidden;color:#ffffff;}
.chartbox p{font-size:20px;margin:30px 0 0 0;font-weight:500;color:#ffffff;text-align:center;visibility:hidden;}
.chartbox{margin-left:50px;margin-top:5px;float:left;display:block;}
.car{margin:0;padding:0;list-style:none;display:block;text-align:center;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.car li{display:inline-block;text-align:center;list-style:none;background:transparent!important;padding:25px 45px;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/custom-animation.css?ver=4.9.9 ; media=all */
@media all{
.home1_section_area .center .col-columns-5,.home1_section_area .center .col-columns-6,.home2_section_area .center,.home3_section_area .center,.home4_section_area .center,.home5_section_area .center .post_block_style4:first-child,.home5_section_area .center .post_block_style4.no_margin_right,.home6_section_area .center,.home7_section_area .center .col-columns-5,.home7_section_area .center .col-columns-6,.home8_section_area .center{visibility:hidden;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/animation.css?ver=4.9.9 ; media=all */
@media all{
.fadeInDown,.fadeInLeft,.fadeInRight,.fadeInUp,.slideInDown,.slideInUp{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible!important;}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
}
/*! CSS Used from: http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/style.css?ver=4.9.9 ; media=all */
@media all{
#introbar{font:normal 12px/1 arial;}
#introbar img{border:none;padding:0;margin:0;vertical-align:middle;height:20px;}
#introbar a{color:#343a3a;text-decoration:none;}
#introbar{clear:both;height:50px;width:100%;padding:10px 0;border-bottom:1px #000 solid;background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/images/body.png) repeat left top #eee;z-index:9999;position:fixed;top:0;box-sizing:border-box;}
#introbar .logointro{margin:0 20px 0 0;}
#introbar .close{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/images/close_hover.png) no-repeat left center;padding:0 0 0 16px;}
#introbar .close:hover{background-image:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/images/close.png);color:#0681b5;}
#introbar .left{float:left!important;padding:5px 0 0 50px;}
#introbar .right{float:right!important;padding-right:50px;}
.clear{clear:both;}
#introbar .purchase{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/images/button.png) no-repeat center top;width:150px;height:28px;padding:0 2px 2px 23px;display:inline-block;text-align:center;font:normal 13px/26px arial;color:#fff;box-sizing:border-box;}
#introbar .purchase:hover{background-image:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/images/button_hover.png);}
.activator,a.activator{position:fixed;left:200px;top:0;padding:0;display:none;background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/images/up.png) no-repeat center top;width:42px;height:36px;font:normal 0px Arial;text-align:center;z-index:9998;}
.activator:hover,a.activator:hover{background-image:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/images/up_hover.png);}
@media (max-width: 479px){
#introbar .left{padding-left:5px;}
#introbar .right{padding-right:5px;}
#introbar .purchase{width:80px!important;padding:0 12px 2px 8px;line-height:26px;background-position:right top;height:28px;overflow:hidden;border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;-khtml-border-radius:6px 0 0 6px;box-sizing:border-box;}
}
@media (min-width: 480px){
#introbar .left{padding-left:20px;}
#introbar .right{padding-right:20px;}
}
}
/*! CSS Used from: Embedded */
body,input,textarea{font-family:Assistant;font-size:15px;}
.post_block_style4 .posts4content{background:#ffffff;padding:8% 9%;}
.poststyle4date{background:rgba(255,255,255, 1)!important;}
.home1_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-1-bg.png);}
.home2_section_area{background-color:#f4f4f4;}
.home3_section_area{background-color:#ffffff;}
.home3_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-3-bg.jpg);}
.home4_section_area{background-color:#ffffff;}
.home5_section_area{background-color:#f4f4f4;}
.home6_section_area{background-color:#eeeeee;}
.home6_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-8-bg.jpg);}
.home7_section_area{background-color:#f4f4f4;}
.home8_section_area{background-color:#ffffff;}
.header{position:relative!important;background-color:rgba(76,76,76, 0);}
.header{position:absolute!important;}
.home.has_trans_header .header_wrap{float:left;position:relative;width:100%;}
.home.has_trans_header .header{position:absolute!important;z-index:999;}
.home.has_trans_header .header{background-image:none;}
.logo h1,.logo h1 a:link,.logo h1 a:visited,.logo h1 a:hover{font-family:'Assistant';font-size:30px;color:#fdd912;}
.logo h1 span,.logo h1 a:link span,.logo h1 a:visited span{color:#ffffff;}
a:link,a:visited{color:#cbcbcb;}
a:hover{color:#282828;}
.title{font-family:'Assistant';font-size:84px;color:#ffffff;}
.slidedesc{font-family:'Assistant';font-size:18px;color:#fdd912;}
.slidebtn{font-family:'Assistant';font-size:17px;}
.slidebtn a{color:#1e1e1e;background-color:#ffffff;}
.slidebtn a:hover{background-color:#fdd912;}
h1,h1 a:link,h1 a:visited{font-family:'Assistant';font-size:32px;color:#282828;}
h1 a:hover{color:#cbcbcb;}
h2{font-family:'Assistant';font-size:36px;color:#282828;}
.chart span{font-family:'Assistant';font-size:24px;}
h4{font-family:'Assistant';font-size:20px;color:#282828;}
h5,h5 a:link,h5 a:visited{font-family:'Assistant';font-size:18px;color:#282828;}
h5 a:hover{color:#cbcbcb;}
h6{font-family:'Assistant';font-size:16px;color:#282828;}
.featuresbox:hover .features-title h5,.featuresbox:hover .features-description{color:#ffffff!important;}
.featuresbox:hover{background-color:#282828!important;}
.social-icons a:link,.social-icons a:visited{background-color:#1c1c1c;color:#797979!important;}
.social-icons a:hover{background-color:#ffffff;color:#141414!important;}
#footer .social-icons a:hover{color:#141414!important;}
.testimonilacontent{background-color:#ffffff;}
.testimonilacontent,.bxslider li p{color:#323131;}
.testimonilacontent:before{color:rgba(50,49,49, 0.1);}
.testimonilacontent p{color:rgba(50,49,49, 1)!important;}
.testimonilacontent h6{color:#000000!important;}
.bx-wrapper .bx-pager.bx-default-pager a:link,.bx-wrapper .bx-pager.bx-default-pager a:visited{background:#000000;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#cbcbcb;}
.portfolio-area li h4.gallerytitle{color:#282828;}
.portfolio-area li,h4.gallerytitle{background-color:#fdd912;}
li.active a:link,li.active a:visited{background-color:#282828;color:#ffffff!important;}
.portfolio-categ li.active a,.portfolio-categ li a:hover{color:#282828!important;}
.portfolio-categ li a:link,.portfolio-categ li a:visited{color:#bdbcbc;}
#simple-menu{color:#ffffff;}
body.home.has_trans_header #simple-menu{color:#ffffff;}
span.desc{color:rgba(255,255,255, 0.5);}
#topmenu ul li a:link,#topmenu ul li a:visited{color:#ffffff;}
#topmenu ul li a:after{background-color:#ffffff;}
#topmenu ul li.current-menu-item>a:link,#topmenu ul li.current-menu-item>a:visited{color:#fdd912;}
#topmenu ul li ul{border-color:#fdd912 transparent transparent transparent;}
#topmenu ul.menu>li:hover:after{background-color:#fdd912;}
#topmenu ul li ul li a:hover{color:#fdd912;}
#topmenu ul.menu ul li{background-color:#e8f1f6;}
#topmenu ul.sub-menu li a{color:#282828;}
#topmenu ul.sub-menu li a:hover{background-color:#282828!important;}
.sidr{background-color:#383939;}
.pad_menutitle{background-color:#cbcbcb;}
.sidr ul li a,.sidr ul li span,.sidr ul li ul li a,.sidr ul li ul li span{color:#FFFFFF;}
#simple-menu .fa-bars{color:#ffffff!important;}
.pad_menutitle .fa-bars,.pad_menutitle .fa-times{color:#FFFFFF!important;}
.pace .pace-progress,.wpcf7-submit{background:#282828;}
.pace .pace-activity{border-top-color:#282828!important;border-left-color:#282828!important;}
.pace .pace-progress-inner{box-shadow:0 0 10px #282828, 0 0 5px #282828;-webkit-box-shadow:0 0 10px #282828, 0 0 5px #282828;-moz-box-shadow:0 0 10px #282828, 0 0 5px #282828;}
.wpcf7-submit{color:#FFFFFF;}
#footer .footercols4 h4{color:#ffffff;}
#footer .footercols4 h4:after{background-color:#ffffff;}
#footer{background:#141414;}
#footer .footercols4,.footmenu li a,#footer a{color:#999999;}
.footmenu li a:hover,.footmenu li.current_page_item a,#footer a:hover{color:#ffffff!important;}
#copyright a{color:#ffffff;}
#copyright{background-color:#141414;}
.copytext,.copytext a:link,.copytext a:visited{color:#858484;}
#topmenu ul li a{font-family:Assistant;}
#topmenu ul li a{font-size:16px;}
#topmenu ul li{line-height:16px;}
body{color:#606060;}
@media screen and (max-width: 480px){
body.home.has_trans_header .header .logo h1 a:link,body.home.has_trans_header .header .logo h1 a:visited{color:#fdd912!important;}
body.home.has_trans_header .header #simple-menu{color:#ffffff!important;}
}
/*! CSS Used from: Embedded */
.chart{margin-bottom:5px;}
.car{text-align:center;}
/*! CSS Used keyframes */
@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);transform:rotate(360deg);}}
@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg);}100%{-o-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg);}100%{transform:rotate(360deg);transform:rotate(360deg);}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
/*! CSS Used fontfaces */
@font-face{font-family:'FontAwesome';src:url('http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');src:url('http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/fontawesome/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'), url('http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;src:local('Assistant'), local('Assistant-Regular'), url(https://fonts.gstatic.com/s/assistant/v2/2sDcZGJYnIjSi6H75xkzamW5O7w.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;src:local('Assistant'), local('Assistant-Regular'), url(https://fonts.gstatic.com/s/assistant/v2/2sDcZGJYnIjSi6H75xkzaGW5.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
Raw
Web developer Portfoilo
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="profile" href="http://gmpg.org/xfn/11"/>
<link rel="pingback" href="http://sktperfectdemo.com/demos/webprogrammer/xmlrpc.php" />
<title>WEB PROGRAMMER</title>
<meta name='robots' content='noindex,follow' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="WEB PROGRAMMER &raquo; Feed" href="http://sktperfectdemo.com/demos/webprogrammer/index.php/feed/" />
<link rel="alternate" type="application/rss+xml" title="WEB PROGRAMMER &raquo; Comments Feed" href="http://sktperfectdemo.com/demos/webprogrammer/index.php/comments/feed/" />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/sktperfectdemo.com\/demos\/webprogrammer\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.9"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='crayon-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/crayon-syntax-highlighter/css/min/crayon.min.css?ver=_2.7.2_beta' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0' type='text/css' media='all' />
<link rel='stylesheet' id='complete-style-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/style.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete-style-core-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/style_core.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete-animated_css-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/animate.min.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete-static_css-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/nivo-slider.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete-gallery_css-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/prettyPhoto.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete-awesome_css-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/fonts/font-awesome.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='skt_circle_styles-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/circle/jquery.easy-pie-chart.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete-cusanimated-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/custom-animation.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete-animation-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/css/animation.css?ver=4.9.9' type='text/css' media='all' />
<link rel='stylesheet' id='complete_google_fonts-css' href='//fonts.googleapis.com/css?family=Assistant%3Aregular%7CRoboto%3Aregular%2Citalic%2C900%2C700%2C500%2C300%2C100%7CLato%3Aregular%2Citalic%2C900%2C700%2C300%2C100%26subset%3Dlatin%2C' type='text/css' media='screen' />
<link rel='stylesheet' id='ns_styles-css' href='http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/style.css?ver=4.9.9' type='text/css' media='all' />
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var CrayonSyntaxSettings = {"version":"_2.7.2_beta","is_admin":"0","ajaxurl":"http:\/\/sktperfectdemo.com\/demos\/webprogrammer\/wp-admin\/admin-ajax.php","prefix":"crayon-","setting":"crayon-setting","selected":"crayon-setting-selected","changed":"crayon-setting-changed","special":"crayon-setting-special","orig_value":"data-orig-value","debug":""};
var CrayonSyntaxStrings = {"copy":"Press %s to Copy, %s to Paste","minimize":"Click To Expand Code"};
/* ]]> */
</script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/crayon-syntax-highlighter/js/min/crayon.min.js?ver=_2.7.2_beta'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/complete.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/vidbg.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/other.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/jquery.bxslider.min.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/index.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/jquery.quicksand.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/script.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/counterup.min.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/jquery.prettyPhoto.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/circle/jquery.easy-pie-chart.js?ver=4.9.9'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/circle/custom.js?ver=4.9.9'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/assets/js/animation.js?ver=1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/themebar/js/jquery.cookie.js?ver=4.9.9'></script>
<link rel='https://api.w.org/' href='http://sktperfectdemo.com/demos/webprogrammer/index.php/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://sktperfectdemo.com/demos/webprogrammer/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://sktperfectdemo.com/demos/webprogrammer/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.9.9" />
<style type="text/css">
/*Fixed Background*/
/*BOXED LAYOUT*/
.site_boxed .layer_wrapper, body.home.site_boxed #slidera {width: 83.5%;float: left;margin: 0 8.25%;
background: #ffffff;}
.site_boxed .stat_bg, .site_boxed .stat_bg_overlay{width: 83.5%;}
.site_boxed .social_buttons{background: #ffffff;}
.site_boxed .center {width: 95%!important;margin: 0 auto;}
.site_boxed .head_top .center{ width:95%!important;}
/*Site Content Text Style*/
body, input, textarea{
font-family:Assistant; font-size:15px; }
.single_post .single_post_content .tabs li a:link, .single_post .single_post_content .tabs li a:visited{ color:#606060;}
/*Feattured Boxes Section*/
.featured_area_bg{background:url();}
.featured_area{background-color:#f2f2f2;}
.featured_block img{height:70px;; width:70px;}
.featured_block{background-color:#ffffff;}
.sktmore{background-color:#383939;}
.sktmore:hover{background-color:#cbcbcb;}
.expanding-grid .spacer{background-color:#cbcbcb;}
.expand-left h2, .expand-left{color:#000000;}
.headingseperator h3{color:#000000;}
.headingseperator h3::after{border-bottom-color:#cbcbcb;}
.plans .plan-box{background:rgba(255,255,255, 0.6) !important;}
.plans.has-popular .plan-box.popular-plan{background:rgba(255,255,255, 1) !important;}
.plans .plan-price{background:rgba(255,255,255, 1);}
.plan-box.popular-plan .plan-price, .plans.has-popular .plan-box.popular-plan .plan-button a{background-color:#3bbfff;color:#ffffff;}
.plans .yes::before{color:#3bbfff;}
.plans .plan-content li{color:#454646;}
.plans .plan-button a{background-color:#fafafa;}
.expanding-grid .links > li a.active:after{border-bottom-color:#cbcbcb;}
.squarebox{background-color:#ffffff;}
.squarebox:hover{background-color:#79ab9f;}
.squaretitle{color:#000000;}
.perfectbox{background-color:#ffffff; border-color:#f5f5f5;}
.perfectborder:hover, .perfectbox:hover{border-color:#f5f5f5 !important;}
.perfectbox:hover .perfectborder{background-color:#f5f5f5;}
.post_block_style3{background-color:#ffffff; border-color:#eaeaea;}
.post_block_style3:before{background:#9f9f9f;}
.post_block_style4 .posts4content{background:#ffffff; padding:8% 9%; }
.poststyle4date{background:rgba(255,255,255, 1) !important;}
/*Home Section 1*/
.home1_section_area{background-color:;}
.home1_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-1-bg.png);}
/*Home Section 2*/
.home2_section_area{background-color:#f4f4f4;}
.home2_section_area_bg{background:url();}
/*Home Section 3*/
.home3_section_area{background-color:#ffffff;}
.home3_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-3-bg.jpg);}
/*Home Section 4*/
.home4_section_area{background-color:#ffffff;}
.home4_section_area_bg{background:url();}
/*Home Section 5*/
.home5_section_area{background-color:#f4f4f4;}
.home5_section_area_bg{background:url();}
/*Home Section 6*/
.home6_section_area{background-color:#eeeeee;}
.home6_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-8-bg.jpg);}
/*Home Section 7*/
.home7_section_area{background-color:#f4f4f4;}
.home7_section_area_bg{background:url();}
/*Home Section 8*/
.home8_section_area{background-color:#ffffff;}
.home8_section_area_bg{background:url();}
/*Home Section 9*/
.home9_section_area{background-color:#f4f4f4;}
.home9_section_area_bg{background:url();}
/*Home Section 10*/
.home10_section_area{background-color:#eeeeee;}
.home10_section_area_bg{background:url();}
/*Home Section 11*/
.home11_section_area{background-color:#ffffff;}
.home11_section_area_bg{background:url();}
/*Home Section 12*/
.home12_section_area{background-color:;}
.home12_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-12-bg.jpg);}
/*Home Section 13*/
.home13_section_area{background-color:#ffffff;}
.home13_section_area_bg{background:url();}
/*Home Section 14*/
.home14_section_area{background-color:;}
.home14_section_area_bg{background:url(http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/section-14-bg.jpg);}
/*Home Section 15*/
.home15_section_area{background-color:#f6f6f6;}
.home15_section_area_bg{background:url();}
/*Home Section 16*/
.home16_section_area{background-color:#ffffff;}
.home16_section_area_bg{background:url();}
/*Home Section 17*/
.home17_section_area{background-color:#ffffff;}
.home17_section_area_bg{background:url();}
/*-----------------------------COLORS------------------------------------*/
/*Header Color*/
.header{ position:relative!important; background-color: rgba(76,76,76, 0);}
/*Head Top Bar Color*/
.home .head-info-area, .home.has_trans_header .page .heade{background-color: rgba(250,250,250, 1) !important; z-index:9; position:relative;}
.page .head-info-area, .single .head-info-area, .archive .head-info-area, .search .head-info-area, .error404 .head-info-area{ background:#fafafa;}
.header{ position:absolute !important;}
.home.has_trans_header .header_wrap {float: left; position:relative;width: 100%;}
.home.has_trans_header .header{position: absolute!important;z-index: 999;}
/*Boxed Header should have boxed width*/
body.home.site_boxed .header_wrap.layer_wrapper{width: 83.5%;float: left;margin: 0 8.25%;}
.home.has_trans_header .header, .home.has_trans_header.page.page-template-page-frontpage_template .header{background-image:none;}
@media screen and (max-width:767px){
.home.has_trans_header .page .header, .page .header, .single .header, .error404 .header, .search .header{ background:#4c4c4c !important; position:relative !important}
}
/*LOGO*/
.logo img{height:73px;; width:238px;; margin-top:10px;;}
.logo h2, .logo h1, .logo h2 a:link, .logo h2 a:visited, .logo h1 a:link, .logo h1 a:visited, .logo h2 a:hover, .logo h1 a:hover{
font-family:'Assistant'; font-size:30px; color:#fdd912;
}
.logo h2 span, .logo h1 span, .logo h2 a:link span, .logo h2 a:visited span, .logo h1 a:link span, .logo h1 a:visited span{
color:#ffffff;
}
/*HEADER TEXT BAR*/
.head-info-area, .head-info-area a:link, .head-info-area a:visited{
font-family:'Roboto'; font-size:14px; color:#4c4c4c;
}
.head-info-area a:hover{
color:#cbcbcb;
}
a:link, a:visited, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce .star-rating span, .woocommerce-page .star-rating span{color:#cbcbcb;}
a:hover{color:#282828;}
/*Slider Title*/
.title{
font-family:'Assistant'; font-size:84px; color:#ffffff;
}
.slidedesc{
font-family:'Assistant'; font-size:18px; color:#fdd912;
}
.slidebtn{
font-family:'Assistant'; font-size:17px;;
}
.slidebtn a{
color:#1e1e1e; background-color:#ffffff;
}
.slidebtn a:hover{background-color:#fdd912}
.nivo-controlNav a, .nivo-directionNav a{background-color:#ffffff}
.nivo-controlNav a.active, a.nivo-prevNav:hover, a.nivo-nextNav:hover{background-color:#282828}
/* Global H1 */
h1, h1 a:link, h1 a:visited{
font-family:'Assistant'; font-size:32px; color:#282828;
}
h1 a:hover{
color:#cbcbcb;
}
/* Global H2 */
h2, h2 a:link, h2 a:visited{
font-family:'Assistant'; font-size:36px; color:#282828;
}
h2 a:hover{
color:#cbcbcb;
}
/* Global H3 */
h3, h3 a:link, h3 a:visited{
font-family:'Assistant'; font-size:24px; color:#282828;
}
.chart span{
font-family:'Assistant'; font-size:24px; }
h3 a:hover{
color:#cbcbcb;
}
/* Global H4 */
h4, h4 a:link, h4 a:visited{
font-family:'Assistant'; font-size:20px; color:#282828;
}
h4 a:hover{
color:#cbcbcb;
}
/* Global H5 */
h5, h5 a:link, h5 a:visited{
font-family:'Assistant'; font-size:18px; color:#282828;
}
h5 a:hover{
color:#cbcbcb;
}
/* Global H6 */
h6, h6 a:link, h6 a:visited{
font-family:'Assistant'; font-size:16px; color:#282828;
}
h6 a:hover{color:#cbcbcb;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{background-color:#cbcbcb;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{background:#cbcbcb;}
/* Post Meta Color */
.post_block_style1_meta, .post_block_style1_meta a:link, .post_block_style1_meta a:visited, .post_block_style2_meta, .post_block_style2_meta a:link, .post_block_style2_meta a:visited, .single_metainfo, .single_metainfo a:link, .single_metainfo a:visited{
color:#282828;
}
/* Team Box Background Color */
.cols1:hover .team-infobox, .cols1:hover .team-infobox:before, .cols2:hover .team-infobox, .cols2:hover .team-infobox:before, .cols3:hover .team-infobox, .cols3:hover .team-infobox:before, .cols4:hover .team-infobox, .cols4:hover .team-infobox:before{
background-color:#ffffff;
box-shadow:0 0 5px #efefef;
}
#viewallbutton{background-color:#ffffff;}
.featuresbox:hover .features-title h5, .featuresbox:hover .features-description{color:#ffffff !important;}
.featuresbox:hover{background-color:#282828 !important;}
/* Social Icon Background Color */
.social-icons a:link, .social-icons a:visited{
background-color:#1c1c1c;
color:#797979 !important;
}
/* Social Icon Hover Background Color */
.social-icons a:hover{
background-color:#ffffff;
color:#141414 !important;
}
#footer .social-icons a:hover{color:#141414 !important;}
/* Teambox Background Color */
.testimonilacontent, .testimonial-box{background-color:#ffffff;}
.testimonial-box:after{border-top-color:#ffffff;}
.testimonilacontent, .bxslider li p{color:#323131;}
.clientsayarea{background-color:#ffffff;}
.testimonilacontent:before{color:rgba(50,49,49, 0.1);}
.testimonilacontent p{color:rgba(50,49,49, 1) !important;}
.testimonilacontent h6{color:#000000 !important;}
.testimonilacontent i{color:#cbcbcb !important;}
/* Pager Color */
.bx-wrapper .bx-pager.bx-default-pager a:link, .bx-wrapper .bx-pager.bx-default-pager a:visited{
background:#000000;
}
/* Pager Active Color */
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
background:#cbcbcb;
}
/* Gallery Filter Active Bgcolor */
.portfolio-area li h4.gallerytitle{color:#282828;}
.portfolio-area li, h4.gallerytitle{background-color:#fdd912;}
li.active a:link, li.active a:visited{
background-color:#282828;
color:#ffffff !important;
}
.portfolio-categ li.active a, .portfolio-categ li a:hover{color:#282828 !important;}
/* Gallery Filter Active Bgcolor */
.portfolio-categ li a:link, .portfolio-categ li a:visited{color:#bdbcbc;}
/* Skills Bar Background Color */
.skill-bg{
background-color:#f8f8f8;
}
/* Skills Bar Text Color */
.skillbar-title{color:#ffffff;}
#simple-menu{color:#ffffff;}
body.home.has_trans_header #simple-menu{color:#ffffff;}
span.desc{color:rgba(255,255,255, 0.5);}
/*MENU Text Color*/
#topmenu ul li a:link, #topmenu ul li a:visited{color:#ffffff;}
#topmenu ul li a:after{background-color:#ffffff;}
#topmenu ul li.menu_hover>a:link, #topmenu ul li.menu_hover>a:visited, body.has_trans_header.home #topmenu ul li.menu_hover>a:link, body.has_trans_header.home #topmenu ul li.menu_hover>a:visited{color:#fdd912;}
#topmenu ul li.current-menu-item>a:link, #topmenu ul li.current-menu-item>a:visited, #topmenu ul li.current-menu-parent>a:link, #topmenu ul li.current_page_parent>a:visited, #topmenu ul li.current-menu-ancestor>a:link, #topmenu ul li.current-menu-ancestor>a:visited{color:#fdd912;}
#topmenu ul li ul{border-color:#fdd912 transparent transparent transparent;}
#topmenu ul.menu>li:hover:after{background-color:#fdd912;}
#topmenu ul li ul li a:hover{color:#fdd912;}
#topmenu ul.menu ul li{background-color:#e8f1f6;}
#topmenu ul.sub-menu li a, #topmenu ul.children li a{color:#282828;}
#topmenu ul.sub-menu li a:hover, #topmenu ul.children li a:hover, #topmenu li.menu_highlight_slim:hover, #topmenu ul.sub-menu li.current_page_item a, #topmenu ul.children li.current_page_item a, #topmenu ul.sub-menu li.current-menu-item a, #topmenu ul.children li.current-menu-item a{background-color:#282828 !important;}
.sidr{ background-color:#383939;}
.pad_menutitle{ background-color:#cbcbcb;}
.sidr ul li a, .sidr ul li span, .sidr ul li ul li a, .sidr ul li ul li span{color:#FFFFFF;}
#simple-menu .fa-bars{color:#ffffff !important;}
.pad_menutitle .fa-bars, .pad_menutitle .fa-times{color:#FFFFFF !important;}
.head_soc .social_bookmarks a:link, .head_soc .social_bookmarks a:visited{color:#ffffff;}
.head_soc .social_bookmarks.bookmark_hexagon a:before {border-bottom-color: rgba(255,255,255, 0.3)!important;}
.head_soc .social_bookmarks.bookmark_hexagon a i {background:rgba(255,255,255, 0.3)!important;}
.head_soc .social_bookmarks.bookmark_hexagon a:after { border-top-color:rgba(255,255,255, 0.3)!important;}
/*BASE Color*/
.widget_border, .heading_border, #wp-calendar #today, .thn_post_wrap .more-link:hover, .moretag:hover, .search_term #searchsubmit, .error_msg #searchsubmit, #searchsubmit, .complete_pagenav a:hover, .nav-box a:hover .left_arro, .nav-box a:hover .right_arro, .pace .pace-progress, .homeposts_title .menu_border, span.widget_border, .ast_login_widget #loginform #wp-submit, .prog_wrap, .lts_layout1 a.image, .lts_layout2 a.image, .lts_layout3 a.image, .rel_tab:hover .related_img, .wpcf7-submit, .woo-slider #post_slider li.sale .woo_sale, .nivoinner .slide_button_wrap .lts_button, #accordion .slide_button_wrap .lts_button, .img_hover, p.form-submit #submit, .optimposts .type-product a.button.add_to_cart_button{background:#282828;}
.woocommerce span.onsale, .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:#282828 !important;}
.woocommerce-MyAccount-navigation li a{ background:rgba(40,40,40, 0.1) !important;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background:rgba(40,40,40, 0.7) !important;}
.share_active, .comm_auth a, .logged-in-as a, .citeping a, .lay3 h2 a:hover, .lay4 h2 a:hover, .lay5 .postitle a:hover, .nivo-caption p a, .acord_text p a, .org_comment a, .org_ping a, .contact_submit input:hover, .widget_calendar td a, .ast_biotxt a, .ast_bio .ast_biotxt h3, .lts_layout2 .listing-item h2 a:hover, .lts_layout3 .listing-item h2 a:hover, .lts_layout4 .listing-item h2 a:hover, .lts_layout5 .listing-item h2 a:hover, .rel_tab:hover .rel_hover, .post-password-form input[type~=submit], .bio_head h3, .blog_mo a:hover, .ast_navigation a:hover, .lts_layout4 .blog_mo a:hover{color:#282828;}
#home_widgets .widget .thn_wgt_tt, #sidebar .widget .thn_wgt_tt, #footer .widget .thn_wgt_tt, .astwt_iframe a, .ast_bio .ast_biotxt h3, .ast_bio .ast_biotxt a, .nav-box a span, .lay2 h2.postitle:hover a{color:#282828;}
.pace .pace-activity{border-top-color: #282828!important;border-left-color: #282828!important;}
.pace .pace-progress-inner{box-shadow: 0 0 10px #282828, 0 0 5px #282828;
-webkit-box-shadow: 0 0 10px #282828, 0 0 5px #282828;
-moz-box-shadow: 0 0 10px #282828, 0 0 5px #282828;}
.fotorama__thumb-border, .ast_navigation a:hover{ border-color:#282828!important;}
/*Text Color on BASE COLOR Element*/
.icon_round a, #wp-calendar #today, .moretag:hover, .search_term #searchsubmit, .error_msg #searchsubmit, .complete_pagenav a:hover, .ast_login_widget #loginform #wp-submit, #searchsubmit, .prog_wrap, .rel_tab .related_img i, .lay1 h2.postitle a, .nivoinner .slide_button_wrap .lts_button, #accordion .slide_button_wrap .lts_button, .lts_layout1 .icon_wrap a, .lts_layout2 .icon_wrap a, .lts_layout3 .icon_wrap a, .lts_layout1 .icon_wrap a:hover{color:#FFFFFF;}
.thn_post_wrap .listing-item .moretag:hover, body .lts_layout1 .listing-item .title, .lts_layout2 .img_wrap .complete_plus, .img_hover .icon_wrap a, body .thn_post_wrap .lts_layout1 .icon_wrap a, .wpcf7-submit, .woo-slider #post_slider li.sale .woo_sale, p.form-submit #submit, .optimposts .type-product a.button.add_to_cart_button{color:#FFFFFF;}
/*Sidebar Widget Background Color */
#sidebar .widget{ background:#FFFFFF;}
#sidebar .widget_wrap{border-color:#eeeff5;}
/*Widget Title Color */
#sidebar .widget-title, #sidebar .widget-title a{color:#666666;}
#sidebar #sidebar .widget, #sidebar .widget .widget_wrap{ color:#999999;}
#sidebar .widget .widgettitle, #sidebar .widget .widgettitle a:link, #sidebar .widget .widgettitle a:visited{font-size:20px;}
#sidebar .widget li a, #sidebar .widget a, #sidebar li i{ color:#141414;}
#sidebar .widget li a:hover, #sidebar .widget a:hover, #sidebar li:hover i, #sidebar li.current-cat a{ color:#cbcbcb;}
.flipcard .front{background-color:#ffffff; border-color:#e0e0e0;}
.flipcard .back{background-color:#f7f7f7; border-color:#000000;}
.divider5 span, .divider6 span{background-color:#8c8b8b;}
.divider1, .divider2, .divider3, .divider4, .divider5, .divider6, .fusion-title .title-sep, .fusion-title.sep-underline, .product .product-border, .fusion-title .title-sep{border-color:#8c8b8b;}
.timeline-both-side li .timeline-description{background-color:#ffffff;}
.timeline-both-side:before, .timeline-both-side li .border-line, .timeline-both-side li .border-line:before{background-color:#dedede;}
.timeline-both-side:after, .timeline-both-side li .timeline-description{border-color:#dedede;}
.griditem{background-color:#ffffff;}
.griditem{border-color:#cccccc;}
.serviceboxbg:hover{background-color:;}
.serviceboxbg h6, .serviceboxbg a{color:#282828 !important;}
.serviceboxbg h6:after{background:#282828;}
.serviceboxbg p{color:rgba(40,40,40, 0.8);}
.serviceboxbg:hover h6, .serviceboxbg:hover a{color:#282828 !important;}
#footer .footercols1 h4, #footer .footercols2 h4, #footer .footercols3 h4, #footer .footercols4 h4{color:#ffffff;}
#footer .footercols1 h4:after, #footer .footercols2 h4:after, #footer .footercols3 h4:after, #footer .footercols4 h4:after{background-color:#ffffff;}
#footer .contact-info{background:#161616;}
#footer .contact-info .box i{color:#ffffff;}
#footer .contact-info .box h5{color:#ffffff;}
#footer .contact-info .box p{color:#757575;}
#footer .contact-info .box i::after{background:#cbcbcb;}
#footer .contact-info .box{border-right-color:#1f1f1f;}
/*FOOTER WIDGET COLORS*/
#footer{background:#141414;}
#footer .footercols1, #footer .footercols2, #footer .footercols3, #footer .footercols4, .footer-post-area ul li h6, .footer-post-area ul li h6 a:link, .footer-post-area ul li h6 a:visited, .footmenu li a, #footer a{color:#999999;}
.infoseparator{border-color:rgba(153,153,153, 0.1);}
.footmenu li a:hover, .footmenu li.current_page_item a, #footer a:hover, .infoseparator span{color: #ffffff !important;}
#copyright a{color: #ffffff;}
/*COPYRIGHT COLORS*/
#copyright{background-color:#141414;}
.copytext, .copytext a:link, .copytext a:visited{color: #858484;}
.foot_soc .social_bookmarks a:link, .foot_soc .social_bookmarks a:visited{color:#858484;}
.foot_soc .social_bookmarks.bookmark_hexagon a:before {border-bottom-color: rgba(133,132,132, 0.3);}
.foot_soc .social_bookmarks.bookmark_hexagon a i {background:rgba(133,132,132, 0.3);}
.foot_soc .social_bookmarks.bookmark_hexagon a:after { border-top-color:rgba(133,132,132, 0.3);}
/*-------------------------------------TYPOGRAPHY--------------------------------------*/
/*Post Titles and headings Font*/
.postitle, .product_title{ font-family:Lato;}
/*Menu Font*/
#topmenu ul li a{ font-family:Assistant;}
#topmenu ul li a{font-size:16px;}
#topmenu ul li {line-height: 16px;}
/*Body Text Color*/
body, .home_cat a, .contact_submit input, .comment-form-comment textarea{ color:#606060;}
.single_post_content .tabs li a{ color:#606060;}
.thn_post_wrap .listing-item .moretag{ color:#606060;}
/*Post Title */
.postitle, .postitle a, .nav-box a, h3#comments, h3#comments_ping, .comment-reply-title, .related_h3, .nocomments, .lts_layout2 .listing-item h2 a, .lts_layout3 .listing-item h2 a, .lts_layout4 .listing-item h2 a, .author_inner h5, .product_title, .woocommerce-tabs h2, .related.products h2, .optimposts .type-product h2.postitle a, .woocommerce ul.products li.product h3{ text-decoration:none; color:#282828;}
/*Woocommerce*/
.optimposts .type-product a.button.add_to_cart_button:hover{background-color:#FFFFFF;color:#282828;}
.optimposts .lay2_wrap .type-product span.price, .optimposts .lay3_wrap .type-product span.price, .optimposts .lay4_wrap .type-product span.price, .optimposts .lay4_wrap .type-product a.button.add_to_cart_button{color:#282828;}
.optimposts .lay2_wrap .type-product a.button.add_to_cart_button:before, .optimposts .lay3_wrap .type-product a.button.add_to_cart_button:before{color:#282828;}
.optimposts .lay2_wrap .type-product a.button.add_to_cart_button:hover:before, .optimposts .lay3_wrap .type-product a.button.add_to_cart_button:hover:before, .optimposts .lay4_wrap .type-product h2.postitle a{color:#282828;}
@media screen and (max-width: 480px){
body.home.has_trans_header .header .logo h1 a:link, body.home.has_trans_header .header .logo h1 a:visited{ color:#fdd912!important;}
body.home.has_trans_header .header #simple-menu{color:#ffffff!important;}
}
/*USER'S CUSTOM CSS---------------------------------------------------------*/
/*---------------------------------------------------------*/
</style>
<!--[if IE]>
<style type="text/css">
.text_block_wrap, .home .lay1, .home .lay2, .home .lay3, .home .lay4, .home .lay5, .home_testi .looper, #footer .widgets{opacity:1!important;}
#topmenu ul li a{display: block;padding: 20px; background:url(#);}
</style>
<![endif]-->
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
<body class="home blog site_full has_trans_header">
<!--HEADER-->
<div class="header_wrap layer_wrapper">
<!--HEADER STARTS-->
<div class="header type2">
<div class="head_inner">
<div class="center">
<!--LOGO START-->
<div class="logo">
<h1><a href="http://sktperfectdemo.com/demos/webprogrammer/">WEB PROGRAMMER</a></h1>
<span class="desc"></span>
</div>
<!--LOGO END-->
<!--MENU START-->
<!--MOBILE MENU START-->
<a id="simple-menu" href="#sidr"><i class="fa-bars"></i></a>
<!--MOBILE MENU END-->
<div id="topmenu" class="">
<div class="menu-header"><ul id="menu-header" class="menu"><li id="menu-item-3316" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-has-children menu-item-3316"><a href="http://sktperfectdemo.com/demos/webprogrammer/">Home</a>
<ul class="sub-menu">
<li id="menu-item-3317" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3317"><a href="#">Sliders</a>
<ul class="sub-menu">
<li id="menu-item-3318" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3318"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/we-tested-our-theme-with-meta-slider/">Meta Slider</a></li>
<li id="menu-item-3319" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3319"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/master-slider/">Master Slider</a></li>
<li id="menu-item-3320" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3320"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/we-tested-our-theme-with-cyclone-slider/">Cyclone Slider</a></li>
<li id="menu-item-3321" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3321"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/we-tested-our-theme-with-crelly-slider/">Crelly Slider</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-3323" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3323"><a href="#">Variation Layouts</a>
<ul class="sub-menu">
<li id="menu-item-3324" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3324"><a href="#">Header Layouts</a>
<ul class="sub-menu">
<li id="menu-item-3330" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3330"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/header-layout-1-2/">Header Layout 1</a></li>
<li id="menu-item-3329" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3329"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/header-layout-2/">Header Layout 2</a></li>
<li id="menu-item-3328" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3328"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/header-layout-3/">Header Layout 3</a></li>
<li id="menu-item-3327" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3327"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/header-layout-4/">Header Layout 4</a></li>
</ul>
</li>
<li id="menu-item-3325" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3325"><a href="#">Footer Layouts</a>
<ul class="sub-menu">
<li id="menu-item-3335" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3335"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/footer-layout-1/">Footer Layout 1</a></li>
<li id="menu-item-3334" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3334"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/footer-layout-2/">Footer Layout 2</a></li>
<li id="menu-item-3333" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3333"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/footer-layout-3/">Footer Layout 3</a></li>
<li id="menu-item-3332" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3332"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/footer-layout-4/">Footer Layout 4</a></li>
<li id="menu-item-3331" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3331"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/footer-layout-5/">Footer Layout 5</a></li>
</ul>
</li>
<li id="menu-item-3326" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3326"><a href="#">Site Layouts</a>
<ul class="sub-menu">
<li id="menu-item-3337" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3337"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/site-layout-boxed/">Site Layout Boxed</a></li>
<li id="menu-item-3336" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3336"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/site-layout-full/">Site Layout Full</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-3338" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3338"><a href="#">Pages</a>
<ul class="sub-menu">
<li id="menu-item-3339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3339"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/about-us/">About Us</a></li>
<li id="menu-item-3340" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3340"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/services/">Services</a></li>
<li id="menu-item-3341" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3341"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/page-right-sidebar/">Page Right Sidebar</a></li>
<li id="menu-item-3342" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3342"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/page-left-sidebar/">Page Left Sidebar</a></li>
<li id="menu-item-3344" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3344"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/page-no-sidebar/">Page No Sidebar</a></li>
<li id="menu-item-3343" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3343"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/page-full-width/">Page Full Width</a></li>
<li id="menu-item-3348" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3348"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/inner-page-header-with-banner/">Inner Header With Banner</a></li>
<li id="menu-item-3346" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3346"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/inner-page-with-header-slider/">Inner Header With Slider</a></li>
<li id="menu-item-3347" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3347"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/inner-page-header-with-map/">Inner Header With Map</a></li>
<li id="menu-item-3345" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3345"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/inner-page-header-with-video/">Inner Header With Video</a></li>
</ul>
</li>
<li id="menu-item-3349" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3349"><a href="#">Shortcodes</a>
<ul class="sub-menu">
<li id="menu-item-3352" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3352"><a href="#">Testimonials</a>
<ul class="sub-menu">
<li id="menu-item-3353" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3353"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/testimonial-rotator/">Testimonial Rotator</a></li>
<li id="menu-item-3354" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3354"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/testimonial-box/">Testimonial Box</a></li>
</ul>
</li>
<li id="menu-item-3356" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3356"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/shortcode-our-team/">Our Team</a></li>
<li id="menu-item-3355" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3355"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/shortcode-services/">Service Box</a></li>
<li id="menu-item-3350" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3350"><a href="#">Gallery</a>
<ul class="sub-menu">
<li id="menu-item-3359" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3359"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/gallery-filter/">Gallery With Filter</a></li>
<li id="menu-item-3357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3357"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/photo-gallery-carousel/">Gallery Carousel</a></li>
</ul>
</li>
<li id="menu-item-3351" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3351"><a href="#">Posts</a>
<ul class="sub-menu">
<li id="menu-item-3364" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3364"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/recent-posts-style1/">Recent Posts Style1</a></li>
<li id="menu-item-3363" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3363"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/recent-posts-style2/">Recent Posts Style2</a></li>
<li id="menu-item-3362" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3362"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/recent-posts-style3/">Recent Posts Style3</a></li>
<li id="menu-item-3361" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3361"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/recent-posts-style4/">Recent Posts Style4</a></li>
<li id="menu-item-3365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3365"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/posts-timeline/">Posts Timeline</a></li>
<li id="menu-item-3366" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3366"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/posts-grid/">Posts Grid</a></li>
<li id="menu-item-3367" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3367"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/footer-posts/">Footer Posts</a></li>
</ul>
</li>
<li id="menu-item-3360" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3360"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/skills-bar/">Skills Bar</a></li>
<li id="menu-item-3368" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3368"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/social-icons/">Social Icons</a></li>
<li id="menu-item-3370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3370"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/flip-box-shortcode/">Flip Box Shortcode</a></li>
<li id="menu-item-3371" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3371"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/dividers/">Dividers</a></li>
<li id="menu-item-3372" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3372"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/promotion-boxes/">Promotion Boxes</a></li>
</ul>
</li>
<li id="menu-item-3373" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3373"><a href="#">Blogs</a>
<ul class="sub-menu">
<li id="menu-item-3375" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3375"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/blog-right-sidebar/">Blog Right Sidebar</a></li>
<li id="menu-item-3377" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3377"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/blog-left-sidebar/">Blog Left Sidebar</a></li>
<li id="menu-item-3378" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3378"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/blog-full-width/">Blog Full Width</a></li>
<li id="menu-item-3376" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3376"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/blog-no-sidebar/">Blog No Sidebar</a></li>
</ul>
</li>
<li id="menu-item-3374" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3374"><a href="#">Contact Us</a>
<ul class="sub-menu">
<li id="menu-item-3380" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3380"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/contact-layout-1/">Contact Layout 1</a></li>
<li id="menu-item-3379" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3379"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/contact-layout-2/">Contact Layout 2</a></li>
</ul>
</li>
</ul></div> </div>
<!--MENU END-->
<div class="clear"></div>
</div>
</div>
</div>
<!--HEADER ENDS--></div><!--layer_wrapper class END-->
<!--Slider START-->
<div id="slidera" class="layer_wrapper sliderheader_layout2 ">
<script>
(function(e) {
var t = function(t, n) {
var r = e.extend({}, e.fn.nivoSlider.defaults, n);
var i = {
currentSlide: 0,
currentImage: "",
totalSlides: 0,
running: false,
paused: false,
stop: false,
controlNavEl: false
};
var s = e(t);
s.data("nivo:vars", i).addClass("nivoSlider");
var o = s.children();
o.each(function() {
var t = e(this);
var n = "";
if (!t.is("img")) {
if (t.is("a")) {
t.addClass("nivo-imageLink");
n = t
}
t = t.find("img:first")
}
var r = r === 0 ? t.attr("width") : t.width(),
s = s === 0 ? t.attr("height") : t.height();
if (n !== "") {
n.css("display", "none")
}
t.css("display", "none");
i.totalSlides++
});
if (r.randomStart) {
r.startSlide = Math.floor(Math.random() * i.totalSlides)
}
if (r.startSlide > 0) {
if (r.startSlide >= i.totalSlides) {
r.startSlide = i.totalSlides - 1
}
i.currentSlide = r.startSlide
}
if (e(o[i.currentSlide]).is("img")) {
i.currentImage = e(o[i.currentSlide])
} else {
i.currentImage = e(o[i.currentSlide]).find("img:first")
}
if (e(o[i.currentSlide]).is("a")) {
e(o[i.currentSlide]).css("display", "block")
}
var u = e("<img/>").addClass("nivo-main-image");
u.attr("src", i.currentImage.attr("src")).show();
s.append(u);
e(window).resize(function() {
s.children("img").width(s.width());
u.attr("src", i.currentImage.attr("src"));
u.stop().height("auto");
e(".nivo-slice").remove();
e(".nivo-box").remove()
});
s.append(e('<div class="nivo-caption"></div>'));
var a = function(t) {
var n = e(".nivo-caption", s);
if (i.currentImage.attr("title") != "" && i.currentImage.attr("title") != undefined) {
var r = i.currentImage.attr("title");
if (r.substr(0, 1) == "#") r = e(r).html();
if (n.css("display") == "block") {
setTimeout(function() {
n.html(r)
}, t.animSpeed)
} else {
n.html(r);
n.stop().fadeIn(t.animSpeed)
}
} else {
n.stop().fadeOut(t.animSpeed)
}
};
a(r);
var f = 0;
if (!r.manualAdvance && o.length > 1) {
f = setInterval(function() {
d(s, o, r, false)
}, r.pauseTime)
}
if (r.directionNav) {
s.append('<div class="nivo-directionNav"><a class="nivo-prevNav fa-angle-left"></a><a class="nivo-nextNav fa-angle-right"></a></div>');
e(s).on("click", "a.nivo-prevNav", function() {
if (i.running) {
return false
}
clearInterval(f);
f = "";
i.currentSlide -= 2;
d(s, o, r, "prev")
});
e(s).on("click", "a.nivo-nextNav", function() {
if (i.running) {
return false
}
clearInterval(f);
f = "";
d(s, o, r, "next")
})
}
if (r.controlNav) {
i.controlNavEl = e('<div class="nivo-controlNav"></div>');
s.after(i.controlNavEl);
for (var l = 0; l < o.length; l++) {
if (r.controlNavThumbs) {
i.controlNavEl.addClass("nivo-thumbs-enabled");
var c = o.eq(l);
if (!c.is("img")) {
c = c.find("img:first")
}
if (c.attr("data-thumb")) i.controlNavEl.append('<a class="nivo-control" rel="' + l + '"><img src="' + c.attr("data-thumb") + '" alt="" /></a>')
} else {
i.controlNavEl.append('<a class="nivo-control" rel="' + l + '">' + (l + 1) + "</a>")
}
}
e("a:eq(" + i.currentSlide + ")", i.controlNavEl).addClass("active");
e("a", i.controlNavEl).bind("click", function() {
if (i.running) return false;
if (e(this).hasClass("active")) return false;
clearInterval(f);
f = "";
u.attr("src", i.currentImage.attr("src"));
i.currentSlide = e(this).attr("rel") - 1;
d(s, o, r, "control")
})
}
if (r.pauseOnHover) {
s.hover(function() {
i.paused = true;
clearInterval(f);
f = ""
}, function() {
i.paused = false;
if (f === "" && !r.manualAdvance) {
f = setInterval(function() {
d(s, o, r, false)
}, r.pauseTime)
}
})
}
s.bind("nivo:animFinished", function() {
u.attr("src", i.currentImage.attr("src"));
i.running = false;
e(o).each(function() {
if (e(this).is("a")) {
e(this).css("display", "none")
}
});
if (e(o[i.currentSlide]).is("a")) {
e(o[i.currentSlide]).css("display", "block")
}
if (f === "" && !i.paused && !r.manualAdvance) {
f = setInterval(function() {
d(s, o, r, false)
}, r.pauseTime)
}
r.afterChange.call(this)
});
var h = function(t, n, r) {
if (e(r.currentImage).parent().is("a")) e(r.currentImage).parent().css("display", "block");
e('img[src="' + r.currentImage.attr("src") + '"]', t).not(".nivo-main-image,.nivo-control img").width(t.width()).css("visibility", "hidden").show();
var i = e('img[src="' + r.currentImage.attr("src") + '"]', t).not(".nivo-main-image,.nivo-control img").parent().is("a") ? e('img[src="' + r.currentImage.attr("src") + '"]', t).not(".nivo-main-image,.nivo-control img").parent().height() : e('img[src="' + r.currentImage.attr("src") + '"]', t).not(".nivo-main-image,.nivo-control img").height();
for (var s = 0; s < n.slices; s++) {
var o = Math.round(t.width() / n.slices);
if (s === n.slices - 1) {
t.append(e('<div class="nivo-slice" name="' + s + '"><img src="' + r.currentImage.attr("src") + '" style="position:absolute; width:' + t.width() + "px; height:auto; display:block !important; top:0; left:-" + (o + s * o - o) + 'px;" /></div>').css({
left: o * s + "px",
width: t.width() - o * s + "px",
height: i + "px",
opacity: "0",
overflow: "hidden"
}))
} else {
t.append(e('<div class="nivo-slice" name="' + s + '"><img src="' + r.currentImage.attr("src") + '" style="position:absolute; width:' + t.width() + "px; height:auto; display:block !important; top:0; left:-" + (o + s * o - o) + 'px;" /></div>').css({
left: o * s + "px",
width: o + "px",
height: i + "px",
opacity: "0",
overflow: "hidden"
}))
}
}
e(".nivo-slice", t).height(i);
u.stop().animate({
height: e(r.currentImage).height()
}, n.animSpeed)
};
var p = function(t, n, r) {
if (e(r.currentImage).parent().is("a")) e(r.currentImage).parent().css("display", "block");
e('img[src="' + r.currentImage.attr("src") + '"]', t).not(".nivo-main-image,.nivo-control img").width(t.width()).css("visibility", "hidden").show();
var i = Math.round(t.width() / n.boxCols),
s = Math.round(e('img[src="' + r.currentImage.attr("src") + '"]', t).not(".nivo-main-image,.nivo-control img").height() / n.boxRows);
for (var o = 0; o < n.boxRows; o++) {
for (var a = 0; a < n.boxCols; a++) {
if (a === n.boxCols - 1) {
t.append(e('<div class="nivo-box" name="' + a + '" rel="' + o + '"><img src="' + r.currentImage.attr("src") + '" style="position:absolute; width:' + t.width() + "px; height:auto; display:block; top:-" + s * o + "px; left:-" + i * a + 'px;" /></div>').css({
opacity: 0,
left: i * a + "px",
top: s * o + "px",
width: t.width() - i * a + "px"
}));
e('.nivo-box[name="' + a + '"]', t).height(e('.nivo-box[name="' + a + '"] img', t).height() + "px")
} else {
t.append(e('<div class="nivo-box" name="' + a + '" rel="' + o + '"><img src="' + r.currentImage.attr("src") + '" style="position:absolute; width:' + t.width() + "px; height:auto; display:block; top:-" + s * o + "px; left:-" + i * a + 'px;" /></div>').css({
opacity: 0,
left: i * a + "px",
top: s * o + "px",
width: i + "px"
}));
e('.nivo-box[name="' + a + '"]', t).height(e('.nivo-box[name="' + a + '"] img', t).height() + "px")
}
}
}
u.stop().animate({
height: e(r.currentImage).height()
}, n.animSpeed)
};
var d = function(t, n, r, i) {
var s = t.data("nivo:vars");
if (s && s.currentSlide === s.totalSlides - 1) {
r.lastSlide.call(this)
}
if ((!s || s.stop) && !i) {
return false
}
r.beforeChange.call(this);
if (!i) {
u.attr("src", s.currentImage.attr("src"))
} else {
if (i === "prev") {
u.attr("src", s.currentImage.attr("src"))
}
if (i === "next") {
u.attr("src", s.currentImage.attr("src"))
}
}
s.currentSlide++;
if (s.currentSlide === s.totalSlides) {
s.currentSlide = 0;
r.slideshowEnd.call(this)
}
if (s.currentSlide < 0) {
s.currentSlide = s.totalSlides - 1
}
if (e(n[s.currentSlide]).is("img")) {
s.currentImage = e(n[s.currentSlide])
} else {
s.currentImage = e(n[s.currentSlide]).find("img:first")
}
if (r.controlNav) {
e("a", s.controlNavEl).removeClass("active");
e("a:eq(" + s.currentSlide + ")", s.controlNavEl).addClass("active")
}
a(r);
e(".nivo-slice", t).remove();
e(".nivo-box", t).remove();
var o = r.effect,
f = "";
if (r.effect === "random") {
f = new Array("sliceDownRight", "sliceDownLeft", "sliceUpRight", "sliceUpLeft", "sliceUpDown", "sliceUpDownLeft", "fold", "fade", "boxRandom", "boxRain", "boxRainReverse", "boxRainGrow", "boxRainGrowReverse");
o = f[Math.floor(Math.random() * (f.length + 1))];
if (o === undefined) {
o = "fade"
}
}
if (r.effect.indexOf(",") !== -1) {
f = r.effect.split(",");
o = f[Math.floor(Math.random() * f.length)];
if (o === undefined) {
o = "fade"
}
}
if (s.currentImage.attr("data-transition")) {
o = s.currentImage.attr("data-transition")
}
s.running = true;
var l = 0,
c = 0,
d = "",
m = "",
g = "",
y = "";
if (o === "sliceDown" || o === "sliceDownRight" || o === "sliceDownLeft") {
h(t, r, s);
l = 0;
c = 0;
d = e(".nivo-slice", t);
if (o === "sliceDownLeft") {
d = e(".nivo-slice", t)._reverse()
}
d.each(function() {
var n = e(this);
n.css({
top: "0px"
});
if (c === r.slices - 1) {
setTimeout(function() {
n.animate({
opacity: "1.0"
}, r.animSpeed, "", function() {
t.trigger("nivo:animFinished")
})
}, 100 + l)
} else {
setTimeout(function() {
n.animate({
opacity: "1.0"
}, r.animSpeed)
}, 100 + l)
}
l += 50;
c++
})
} else if (o === "sliceUp" || o === "sliceUpRight" || o === "sliceUpLeft") {
h(t, r, s);
l = 0;
c = 0;
d = e(".nivo-slice", t);
if (o === "sliceUpLeft") {
d = e(".nivo-slice", t)._reverse()
}
d.each(function() {
var n = e(this);
n.css({
bottom: "0px"
});
if (c === r.slices - 1) {
setTimeout(function() {
n.animate({
opacity: "1.0"
}, r.animSpeed, "", function() {
t.trigger("nivo:animFinished")
})
}, 100 + l)
} else {
setTimeout(function() {
n.animate({
opacity: "1.0"
}, r.animSpeed)
}, 100 + l)
}
l += 50;
c++
})
} else if (o === "sliceUpDown" || o === "sliceUpDownRight" || o === "sliceUpDownLeft") {
h(t, r, s);
l = 0;
c = 0;
var b = 0;
d = e(".nivo-slice", t);
if (o === "sliceUpDownLeft") {
d = e(".nivo-slice", t)._reverse()
}
d.each(function() {
var n = e(this);
if (c === 0) {
n.css("top", "0px");
c++
} else {
n.css("bottom", "0px");
c = 0
}
if (b === r.slices - 1) {
setTimeout(function() {
n.animate({
opacity: "1.0"
}, r.animSpeed, "", function() {
t.trigger("nivo:animFinished")
})
}, 100 + l)
} else {
setTimeout(function() {
n.animate({
opacity: "1.0"
}, r.animSpeed)
}, 100 + l)
}
l += 50;
b++
})
} else if (o === "fold") {
h(t, r, s);
l = 0;
c = 0;
e(".nivo-slice", t).each(function() {
var n = e(this);
var i = n.width();
n.css({
top: "0px",
width: "0px"
});
if (c === r.slices - 1) {
setTimeout(function() {
n.animate({
width: i,
opacity: "1.0"
}, r.animSpeed, "", function() {
t.trigger("nivo:animFinished")
})
}, 100 + l)
} else {
setTimeout(function() {
n.animate({
width: i,
opacity: "1.0"
}, r.animSpeed)
}, 100 + l)
}
l += 50;
c++
})
} else if (o === "fade") {
h(t, r, s);
m = e(".nivo-slice:first", t);
m.css({
width: t.width() + "px"
});
m.animate({
opacity: "1.0"
}, r.animSpeed * 2, "", function() {
t.trigger("nivo:animFinished")
})
} else if (o === "slideInRight") {
h(t, r, s);
m = e(".nivo-slice:first", t);
m.css({
width: "0px",
opacity: "1"
});
m.animate({
width: t.width() + "px"
}, r.animSpeed * 2, "", function() {
t.trigger("nivo:animFinished")
})
} else if (o === "slideInLeft") {
h(t, r, s);
m = e(".nivo-slice:first", t);
m.css({
width: "0px",
opacity: "1",
left: "",
right: "0px"
});
m.animate({
width: t.width() + "px"
}, r.animSpeed * 2, "", function() {
m.css({
left: "0px",
right: ""
});
t.trigger("nivo:animFinished")
})
} else if (o === "boxRandom") {
p(t, r, s);
g = r.boxCols * r.boxRows;
c = 0;
l = 0;
y = v(e(".nivo-box", t));
y.each(function() {
var n = e(this);
if (c === g - 1) {
setTimeout(function() {
n.animate({
opacity: "1"
}, r.animSpeed, "", function() {
t.trigger("nivo:animFinished")
})
}, 100 + l)
} else {
setTimeout(function() {
n.animate({
opacity: "1"
}, r.animSpeed)
}, 100 + l)
}
l += 20;
c++
})
} else if (o === "boxRain" || o === "boxRainReverse" || o === "boxRainGrow" || o === "boxRainGrowReverse") {
p(t, r, s);
g = r.boxCols * r.boxRows;
c = 0;
l = 0;
var w = 0;
var E = 0;
var S = [];
S[w] = [];
y = e(".nivo-box", t);
if (o === "boxRainReverse" || o === "boxRainGrowReverse") {
y = e(".nivo-box", t)._reverse()
}
y.each(function() {
S[w][E] = e(this);
E++;
if (E === r.boxCols) {
w++;
E = 0;
S[w] = []
}
});
for (var x = 0; x < r.boxCols * 2; x++) {
var T = x;
for (var N = 0; N < r.boxRows; N++) {
if (T >= 0 && T < r.boxCols) {
(function(n, i, s, u, a) {
var f = e(S[n][i]);
var l = f.width();
var c = f.height();
if (o === "boxRainGrow" || o === "boxRainGrowReverse") {
f.width(0).height(0)
}
if (u === a - 1) {
setTimeout(function() {
f.animate({
opacity: "1",
width: l,
height: c
}, r.animSpeed / 1.3, "", function() {
t.trigger("nivo:animFinished")
})
}, 100 + s)
} else {
setTimeout(function() {
f.animate({
opacity: "1",
width: l,
height: c
}, r.animSpeed / 1.3)
}, 100 + s)
}
})(N, T, l, c, g);
c++
}
T--
}
l += 100
}
}
};
var v = function(e) {
for (var t, n, r = e.length; r; t = parseInt(Math.random() * r, 10), n = e[--r], e[r] = e[t], e[t] = n);
return e
};
var m = function(e) {
if (this.console && typeof console.log !== "undefined") {
console.log(e)
}
};
this.stop = function() {
if (!e(t).data("nivo:vars").stop) {
e(t).data("nivo:vars").stop = true;
m("Stop Slider")
}
};
this.start = function() {
if (e(t).data("nivo:vars").stop) {
e(t).data("nivo:vars").stop = false;
m("Start Slider")
}
};
r.afterLoad.call(this);
return this
};
e.fn.nivoSlider = function(n) {
return this.each(function(r, i) {
var s = e(this);
if (s.data("nivoslider")) {
return s.data("nivoslider")
}
var o = new t(this, n);
s.data("nivoslider", o)
})
};
e.fn.nivoSlider.defaults = {
effect: "fade",
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 4000,
startSlide: 0,
directionNav: false,
controlNav: false,
controlNavThumbs: false,
pauseOnHover: true,
manualAdvance: false,
prevText: "Prev",
nextText: "Next",
randomStart: false,
beforeChange: function() {},
afterChange: function() {},
slideshowEnd: function() {},
lastSlide: function() {},
afterLoad: function() {}
};
e.fn._reverse = [].reverse
})(jQuery);
</script>
<section id="home_slider">
<div class="slider-main">
<div class="slider-shadow"></div>
<div class="slider-wrapper slide-temp theme-default">
<div id="slider" class="nivoSlider">
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/slides/slider1.jpg" data-thumb="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/slides/slider1.jpg" alt="" title="#htmlcaption" />
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/slides/slider2.jpg" data-thumb="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/slides/slider2.jpg" alt="" title="#htmlcaption" />
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/slides/slider3.jpg" data-thumb="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/slides/slider3.jpg" alt="" title="#htmlcaption" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<div class="title">CODER</div>
<div class="slidedesc">CODE TO BRING IDEAS TO LIFE</div>
<div class="slidebtn"><a href="#">HIRE ME</a></div>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<div class="title">CODER</div>
<div class="slidedesc">CODE TO BRING IDEAS TO LIFE</div>
<div class="slidebtn"><a href="#">HIRE ME</a></div>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<div class="title">CODER</div>
<div class="slidedesc">CODE TO BRING IDEAS TO LIFE</div>
<div class="slidebtn"><a href="#">HIRE ME</a></div>
</div>
</div>
</div>
</section> </div>
<!--Slider END-->
<div class="fixed_site layer_wrapper">
<div class="fixed_wrap fixindex">
<section class="home1_section_area home1_section_area_bg" >
<div class="center">
<div class="home_section1_content">
<div class="row_area">
<div class="col-columns-5"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/jonathan-doe.png" /></div>
<div class="col-columns-6">
<div class="left-title">
<h2 style="color:#282828">I&prime;m Jonathan Doe,
</h2>
<p style="color:#282828">Web Designer & Web Developer</p>
</div>
<div class="spacecode" style="height:5px;"></div>
<p>Aliquam aliquam luctus nunc, in interdum enim dictum a. Fusce condimentum ipsum quis aliquet convallis. Sed tempor nibh ac dui finibus rutrum bibendum nec eros. Nam malesuada consequat purus, quis malesuada sapien porttitor eu.</p>
<div class="spacecode" style="height:20px;"></div>
<ul class="info-list-1">
<li><strong>Full Name:</strong> Jonathan Doe</li>
<li><strong>Address:</strong> los angeles, USA</li>
<li><strong>Email:</strong> info@sitename.com</li>
<li><strong>Skype:</strong> Jonathan_Doe</li>
<li><strong>Birthday:</strong> 31 May, 1990</li>
<li><strong>Phone:</strong> 1236547890</li>
<li><strong>Job Roll:</strong> Web Programmer</li>
</ul>
<div class="clear"></div>
<div class="view-all-btn" style="text-align:left; margin-top:11%; ">
<a href="#" target="_parent" style="color:#1e1e1e; background:#fdd912;
">
<span>
DOWNLOAD RESUME
</span>
</a>
</div>
</div>
<div class="clear"></div></div> </div>
</div>
</section>
<section class="home2_section_area " >
<div class="center">
<div class="home_section2_content">
<div class="center-title">
<h2 style="color:#282828">What i Do
</h2>
<span style="border-bottom-color:transparent"></span>
</div>
<div class="featuresbox" style="background:#fdd912; color:#282828">
<a href="#" target="_self">
<div class="featuresbox-area">
<div class="features-thumb"
style="background:#343434;color:#ffffff;
">
<i class="fa fa-files-o"></i>
</div>
<div class="features-title"><h5 style="color:#282828">UI/UX Design</h5></div>
<div class="features-description" style="color:#282828">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis</div>
</div>
</a>
</div>
<div class="featuresbox" style="background:#ffffff; color:#282828">
<a href="#" target="_self">
<div class="featuresbox-area">
<div class="features-thumb"
style="background:#343434;color:#ffffff;
">
<i class="fa fa-lightbulb-o"></i>
</div>
<div class="features-title"><h5 style="color:#282828">Brand Identity</h5></div>
<div class="features-description" style="color:#282828">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis</div>
</div>
</a>
</div>
<div class="featuresbox" style="background:#fdd912; color:#282828">
<a href="#" target="_self">
<div class="featuresbox-area">
<div class="features-thumb"
style="background:#343434;color:#ffffff;
">
<i class="fa fa-magic"></i>
</div>
<div class="features-title"><h5 style="color:#282828">Web Design</h5></div>
<div class="features-description" style="color:#282828">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis</div>
</div>
</a>
</div>
<div class="featuresbox" style="background:#ffffff; color:#282828">
<a href="#" target="_self">
<div class="featuresbox-area">
<div class="features-thumb"
style="background:#343434;color:#ffffff;
">
<i class="fa fa-android"></i>
</div>
<div class="features-title"><h5 style="color:#282828">Mobile Apps</h5></div>
<div class="features-description" style="color:#282828">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis</div>
</div>
</a>
</div>
<div class="featuresbox" style="background:#fdd912; color:#282828">
<a href="#" target="_self">
<div class="featuresbox-area">
<div class="features-thumb"
style="background:#343434;color:#ffffff;
">
<i class="fa fa-line-chart"></i>
</div>
<div class="features-title"><h5 style="color:#282828">Analytics</h5></div>
<div class="features-description" style="color:#282828">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis</div>
</div>
</a>
</div>
<div class="featuresbox" style="background:#ffffff; color:#282828">
<a href="#" target="_self">
<div class="featuresbox-area">
<div class="features-thumb"
style="background:#343434;color:#ffffff;
">
<i class="fa fa-code"></i>
</div>
<div class="features-title"><h5 style="color:#282828">Web Development</h5></div>
<div class="features-description" style="color:#282828">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis</div>
</div>
</a>
</div>
<div class="clear"></div> </div>
</div>
</section>
<section class="home3_section_area home3_section_area_bg" >
<div class="center">
<div class="home_section3_content">
<div class="center-title">
<h2 style="color:#ffffff">fun facts
</h2>
<span style="border-bottom-color:transparent"></span>
</div>
<div class="vertical-page">
<article class="cvpage " id="resume">
<div class="charts clearfix">
<div>
<ul class="car hideme">
<li>
<div class="chartbox">
<div class="chart" data-percent="95">
<span>95%</span>
</div>
<p>ADOBE PHOTOSHOP</p>
</div>
</li>
<li>
<div class="chartbox">
<div class="chart" data-percent="75">
<span>75%</span>
</div>
<p>MOBILE APPS</p>
</div>
</li>
<li>
<div class="chartbox">
<div class="chart" data-percent="90">
<span>90%</span>
</div>
<p>WEB DEVELOPMENT</p>
</div>
</li>
<li>
<div class="chartbox">
<div class="chart" data-percent="70">
<span>70%</span>
</div>
<p>SOCIAL NETWORKING</p>
</div>
</li>
</ul>
<div style="clear:both"></div>
</div>
</div>
</article>
</div>
<div style="clear:both; height:10px; overflow:hidden;""></div>
<style type="text/css">
.chart{ margin-bottom:5px;}
.car, .skills ul{text-align:center;}
</style>
<script type="text/javascript">
jQuery(".chartbox p").each( function(){
if( jQuery(this).html() == "" ){
jQuery(this).remove();
}
});
var pixflow_js_opt = {"pie_chart_color":"#fdd912","pie_track_color":"#4b4b4b","pie_chart_size":"191"};
</script>
</div>
</div>
</section>
<section class="home4_section_area " >
<div class="center">
<div class="home_section4_content">
<div class="center-title">
<h2 style="color:#282828">Our Works
</h2>
</div>
<div class="spacecode" style="height:35px;"></div>
<div class="portfolio-content"><ul class="portfolio-categ filter"><li class="all active"><a href="#">ALL</a></li><li class="cat-item-branding"><a href="#" title="Branding">Branding</a></li><li class="cat-item-development"><a href="#" title="Development">Development</a></li><li class="cat-item-web-design"><a href="#" title="Web Design">Web Design</a></li></ul><ul class="portfolio-area"><li data-id="id-1" data-type="cat-item-branding" class="portfolio-item2">
<a class="image-zoom" href="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery6.jpg" rel="prettyPhoto[gallery]" title="Title here"><div>
<span class="image-block"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery6.jpg" alt="Title here" title="Title here"/></span>
<h4 class="gallerytitle">Title here</h4>
</div></a>
</li>
<li data-id="id-2" data-type="cat-item-branding" class="portfolio-item2">
<a class="image-zoom" href="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery4.jpg" rel="prettyPhoto[gallery]" title="Title here"><div>
<span class="image-block"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery4.jpg" alt="Title here" title="Title here"/></span>
<h4 class="gallerytitle">Title here</h4>
</div></a>
</li>
<li data-id="id-3" data-type="cat-item-development" class="portfolio-item2">
<a class="image-zoom" href="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery5.jpg" rel="prettyPhoto[gallery]" title="Title here"><div>
<span class="image-block"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery5.jpg" alt="Title here" title="Title here"/></span>
<h4 class="gallerytitle">Title here</h4>
</div></a>
</li>
<li data-id="id-4" data-type="cat-item-web-design" class="portfolio-item2">
<a class="image-zoom" href="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery3.jpg" rel="prettyPhoto[gallery]" title="Title here"><div>
<span class="image-block"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery3.jpg" alt="Title here" title="Title here"/></span>
<h4 class="gallerytitle">Title here</h4>
</div></a>
</li>
<li data-id="id-5" data-type="cat-item-development" class="portfolio-item2">
<a class="image-zoom" href="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery2.jpg" rel="prettyPhoto[gallery]" title="Title Here"><div>
<span class="image-block"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery2.jpg" alt="Title Here" title="Title Here"/></span>
<h4 class="gallerytitle">Title Here</h4>
</div></a>
</li>
<li data-id="id-6" data-type="cat-item-development web-design" class="portfolio-item2">
<a class="image-zoom" href="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery1.jpg" rel="prettyPhoto[gallery]" title="Title here"><div>
<span class="image-block"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/gallery1.jpg" alt="Title here" title="Title here"/></span>
<h4 class="gallerytitle">Title here</h4>
</div></a>
</li>
</ul><div class="clear"></div></div>
</div>
</div>
</section>
<section class="home5_section_area " >
<div class="center">
<div class="home_section5_content">
<div class="center-title">
<h2 style="color:#282828">Latest News
</h2>
<span style="border-bottom-color:transparent"></span>
</div>
<div class="post_style4_area"><div class="post_block_style4 "><div class="style4-post-thumb"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/2016/11/11/aenean-tempus-ac-urna/" title="Aenean tempus ac urna"><img width="370" height="273" src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog1.jpg" class="attachment-full size-full wp-post-image" alt="" srcset="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog1.jpg 370w, http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog1-300x221.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" /></a><div class="poststyle4date">11<span>Nov</span></div></div><div class="posts4content">
<h5><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/2016/11/11/aenean-tempus-ac-urna/" title="Aenean tempus ac urna">Aenean tempus ac urna</a></h5>
<span>By <a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/author/webprogram1/">webprogram1</a></span></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum augue vitae mauris accumsan, eu</p>
</div>
</div><div class="post_block_style4 "><div class="style4-post-thumb"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/2016/11/11/iaculis-molestie-scelerisque/" title="Iaculis molestie scelerisque"><img width="370" height="273" src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog2.jpg" class="attachment-full size-full wp-post-image" alt="" srcset="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog2.jpg 370w, http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog2-300x221.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" /></a><div class="poststyle4date">11<span>Nov</span></div></div><div class="posts4content">
<h5><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/2016/11/11/iaculis-molestie-scelerisque/" title="Iaculis molestie scelerisque">Iaculis molestie scelerisque</a></h5>
<span>By <a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/author/webprogram1/">webprogram1</a></span></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum augue vitae mauris accumsan, eu</p>
</div>
</div><div class="post_block_style4 no_margin_right "><div class="style4-post-thumb"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/2016/11/11/tristique-magna-et/" title="Tristique magna et"><img width="370" height="273" src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog3.jpg" class="attachment-full size-full wp-post-image" alt="" srcset="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog3.jpg 370w, http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2016/11/blog3-300x221.jpg 300w" sizes="(max-width: 370px) 100vw, 370px" /></a><div class="poststyle4date">11<span>Nov</span></div></div><div class="posts4content">
<h5><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/2016/11/11/tristique-magna-et/" title="Tristique magna et">Tristique magna et</a></h5>
<span>By <a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/author/webprogram1/">webprogram1</a></span></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum augue vitae mauris accumsan, eu</p>
</div>
</div><div class="clear"></div></div>
<div class="view-all-btn" style="text-align:center; margin-top:4.5%; ">
<a href="#" target="_parent" style="color:#282828;
border:solid 1px #000000;
">
<span>
VIEW ALL POSTS
</span>
</a>
</div>
</div>
</div>
</section>
<section class="home6_section_area home6_section_area_bg" >
<div class="center">
<div class="home_section6_content">
<div class="center-title">
<h2 style="color:#ffffff">What Our Clients Say
</h2>
<span style="border-bottom-color:transparent"></span>
</div>
<div class="clientsay bxmain rota">
<ul class="bxslider" style="display: none;"><li><div class="testimonilacontent"><div class="test-des">Vivamus lacinia cursu semper bibendum felis scelerisque in. Fusce tempus e eget scelerisque tincidunt. Curabitur tincidunt nunc eget enim aliquet, ut tristique justo dictum lacinia nec.</div><div class="testimonial-image"><img width="228" height="264" src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2017/06/team7.jpg" class="attachment-full size-full wp-post-image" alt="" /></div><h6>John Dow</h6>
<p>CEO </p>
</div></li><li><div class="testimonilacontent"><div class="test-des">Vivamus lacinia cursu semper bibendum felis scelerisque in. Fusce tempus e eget scelerisque tincidunt. Curabitur tincidunt nunc eget enim aliquet, ut tristique justo dictum lacinia nec.</div><div class="testimonial-image"><img width="228" height="263" src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2017/06/team4.jpg" class="attachment-full size-full wp-post-image" alt="" /></div><h6>Safira</h6>
<p> <span>(Happy Customer)</span></p>
</div></li><li><div class="testimonilacontent"><div class="test-des">Vivamus lacinia cursu semper bibendum felis scelerisque in. Fusce tempus e eget scelerisque tincidunt. Curabitur tincidunt nunc eget enim aliquet, ut tristique justo dictum lacinia nec.</div><div class="testimonial-image"><img width="228" height="264" src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/uploads/2017/06/team5.jpg" class="attachment-full size-full wp-post-image" alt="" /></div><h6>Alex</h6>
<p> <span>(Happy Client)</span></p>
</div></li></ul></div>
</div>
</div>
</section>
<section class="home7_section_area " >
<div class="center">
<div class="home_section7_content">
<div class="row_area">
<div class="col-columns-6">
<div class="left-title">
<h2 style="color:#282828">Contact Me
</h2>
</div>
<p style="font-size:17px;">Mauris condimentum eget velit a porta. Duis tristique neque quis est aliquet, vicongue leo gravida. Aliquam vel mi condimentum, accumsan felis at, vestibulum erat. </p>
<div class="spacecode" style="height:20px;"></div>
<div role="form" class="wpcf7" id="wpcf7-f3382-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/demos/webprogrammer/#wpcf7-f3382-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="3382" />
<input type="hidden" name="_wpcf7_version" value="5.0" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f3382-o1" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
</div>
<div class="homeContactMe">
<div class="contact-left"><span class="wpcf7-form-control-wrap your-fname"><input type="text" name="your-fname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="First Name" /></span><span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Email" /></span></div>
<div class="contact-right"><span class="wpcf7-form-control-wrap your-lname"><input type="text" name="your-lname" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Last Name" /></span><span class="wpcf7-form-control-wrap your-phone"><input type="tel" name="your-phone" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Phone" /></span></div>
<p><span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Message"></textarea></span><br />
<input type="submit" value="SUBMIT" class="wpcf7-form-control wpcf7-submit" />
</p></div>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>
</div>
<div class="col-columns-5"><img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/jonathan-doe.png" class="alignright" /></div>
</div>
</div>
</div>
</section>
<section class="home8_section_area " >
<div class="center">
<div class="home_section8_content">
<div class="row_area">
<div class="clientbox">
<a href="#" target="_blank">
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/client-logo1.jpg"/>
</a>
</div>
<div class="clientbox">
<a href="#" target="_blank">
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/client-logo2.jpg"/>
</a>
</div>
<div class="clientbox">
<a href="#" target="_blank">
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/client-logo3.jpg"/>
</a>
</div>
<div class="clientbox">
<a href="#" target="_blank">
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/client-logo4.jpg"/>
</a>
</div>
<div class="clientbox">
<a href="#" target="_blank">
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/client-logo5.jpg"/>
</a>
</div>
<div class="clientbox">
<a href="#" target="_blank">
<img src="http://sktperfectdemo.com/demos/webprogrammer/wp-content/themes/web-programmer/images/client-logo2.jpg"/>
</a>
</div>
<div class="clear"></div></div>
</div>
</div>
</section>
</div>
</div>
<a class="to_top "><i class="fa-angle-up fa-2x"></i></a>
<!--Footer Start-->
<div class="footer_wrap layer_wrapper ">
<div id="footer" >
<div class="center">
<div class="rowfooter">
<div class="clear"></div>
<div class="footercols4"><h4>CONTACT US</h4>
<p>Street 238,52 tempor <br>Donec ultricies mattis nulla, suscipit <br>risus tristique ut.</p>
<div class="spacecode" style="height:10px;"></div>
<p><span>Phone:</span> 1.800.555.6789</p>
<p><span>E-mail:</span> <a href="mailto:support@sitename.com">support@sitename.com</a></p>
<p><span>Website:</span> <a href="https://www.sktthemes.net">sktthemes.net</a></p>
</div>
<div class="footercols4"><h4>OUR SERVICES</h4><div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="footmenu"><li id="menu-item-3309" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-3309"><a href="http://sktperfectdemo.com/demos/webprogrammer/">Home</a></li>
<li id="menu-item-3310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3310"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/about-us/">About Us</a></li>
<li id="menu-item-3314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3314"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/services/">Services</a></li>
<li id="menu-item-3312" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3312"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/flip-box/">Flip Box</a></li>
<li id="menu-item-3313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3313"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/gallery/">Gallery</a></li>
<li id="menu-item-3311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3311"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/blog/">Blog</a></li>
<li id="menu-item-3315" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3315"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/contact-layout-1/">Contact Us</a></li>
</ul></div> </div>
<div class="footercols4"><h4>QUICK LINKS</h4><div class="menu-footer-menu-container"><ul id="menu-footer-menu-1" class="footmenu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-3309"><a href="http://sktperfectdemo.com/demos/webprogrammer/">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3310"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/about-us/">About Us</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3314"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/services/">Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3312"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/flip-box/">Flip Box</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3313"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/gallery/">Gallery</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3311"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/blog/">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3315"><a href="http://sktperfectdemo.com/demos/webprogrammer/index.php/contact-layout-1/">Contact Us</a></li>
</ul></div></div>
<div class="footercols4"><h4>NEWSLETTER</h4><form class="newsletter-form"><input placeholder="Enter your email" type="email"><i class="fa fa-paper-plane" aria-hidden="true"><input value="" type="submit"></i></form>
<div class="social-icons">
<a href="#" target="_blank" class="fa fa-facebook fa-1x" title="facebook"></a>
<a href="#" target="_blank" class="fa fa-twitter fa-1x" title="twitter"></a>
<a href="#" target="_blank" class="fa fa-google-plus fa-1x" title="google-plus"></a>
<a href="#" target="_blank" class="fa fa-linkedin fa-1x" title="linkedin"></a>
<a href="#" target="_blank" class="fa fa-pinterest fa-1x" title="pinterest"></a>
<a href="#" target="_blank" class="fa fa-skype fa-1x" title="skype"></a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="copyright">
<div class="center">
<div class="copytext">&copy; Copyright 2017 <a href="#">Web Programmer</a>. All Rights Reserved by <a href="https://www.sktthemes.net/" target="_blank" rel="nofollow">SKT Themes</a></div>
</div>
</div>
<!--Footer END-->
</div><!--layer_wrapper class END-->
<script type="text/javascript">
var t = jQuery.noConflict();
t(document).ready( function() {
var introset = readCookie('hideintro');
if( introset == 1 ){
closeintro();
}
t(".close").click(function(){
closeintro();
createCookie('hideintro',1,1);
});
t(".activator").click(function(){
showintro();
eraseCookie('hideintro');
});
});
var closeintro = function() {
t('#introbar').hide();
t('.activator').show();
t('html').css('padding-top','0');
}
var showintro = function() {
t('.activator').hide();
t('#introbar').show();
t('html').css('padding-top','50px');
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
</script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"http:\/\/sktperfectdemo.com\/demos\/webprogrammer\/index.php\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}},"cached":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-includes/js/hoverIntent.min.js?ver=1.8.1'></script>
<script type='text/javascript' src='http://sktperfectdemo.com/demos/webprogrammer/wp-includes/js/wp-embed.min.js?ver=4.9.9'></script>
</body>
</html>
<!-- Page generated by LiteSpeed Cache 1.9.1.1 on 2019-02-16 08:26:40 -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment