cv
リビジョン | 3f23a8d5f7fb221f42adabdf343adf4d4514cba3 (tree) |
---|---|
日時 | 2017-06-22 15:59:50 |
作者 | <porjolovsky@bitb...> |
CV 1.6
@@ -1,1 +1,1 @@ | ||
1 | -body,html{overflow-x:hidden}h6,header{text-transform:uppercase}.copyright:before,.me-nav>li>a:after,.timeline-event:before{content:" "}.speciality-icon,header{float:left}.me-logo,.project-info,header{text-align:right}#page-content section,.blog-slide-photo,.blog-slider-holder,.clear,.comment-avatar,.page-title,.post-carousel,.single-project{overflow:hidden}body{color:#282828;font-size:12px;font-family:"Helvetica Neue",Raleway,Helvetica,Arial,sans-serif}.nav a,a,a>*{color:inherit}.clear{display:block;visibility:hidden;clear:both;width:0;height:0}img,object,video{display:block;height:auto}a,a>*{-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.me-nav>li>a:after,a,a>*{transition:all .1s ease-in-out}a:focus,a:hover,a>:focus,a>:hover{text-decoration:none}p{line-height:22px;margin-bottom:25px}strong{font-weight:none}img{max-width:100%;-webkit-backface-visibility:hidden}#google-map img,img.too-short{max-width:none}:focus,a:focus,a:visited,input:focus,textarea:focus{outline:0}h1,h2,h3,h4,h5,h6{font-family:inherit;margin-top:0}h1,h2,h3{font-weight:100}h4,h5,h6{font-weight:500}h6{font-size:11px;margin-bottom:11px}h1{font-size:70px;margin-bottom:32px}h2{font-size:55px;margin-bottom:30px}h3{font-size:45px;margin-bottom:24px}h4{font-size:28px;margin-bottom:20px}h5{font-size:16px;margin-bottom:18px}#page-content{position:relative;padding-left:229px;height:100%}.page-title{position:relative;z-index:1}.page-title .page-title-bg,.page-title .page-title-bg img{position:absolute;top:0;left:0}.page-title .page-title-bg{right:0;bottom:0;z-index:1}.container,.page-title .content{position:relative;z-index:2}.page-title.bottom-padded{padding-bottom:60px}.container{margin:-60px 60px 0;padding:40px;background:#fff}.black{background-color:#000}.dark{color:#fff}.padded{padding:60px}.padded-short{padding:30px}.padded-vertical{padding:50px 0}.short{margin-bottom:0!important}.medium{margin-bottom:15px!important}.long{margin-bottom:50px!important}hr.sep{display:block;border:none;margin:0;height:50px}hr.sep-line{display:block;border:none;margin:50px 0;height:1px;background-color:#eaeaea}.bottom-bar,.end-of-section,.top-bar{font-size:11px;font-weight:500}.end-of-section{padding-top:50px}.top-bar{padding-bottom:70px;margin-bottom:50px;border-bottom:1px solid rgba(0,0,0,.1)}.dark .top-bar{border-bottom:1px solid rgba(255,255,255,.2)}.bottom-bar{padding-top:55px;margin-top:50px;border-top:1px solid rgba(0,0,0,.1)}.dark .bottom-bar{border-top:1px solid rgba(255,255,255,.2)}.title-icon,.title-icon:before{font-size:75px!important;margin-left:0!important;margin-bottom:20px}.inline-icon,.inline-icon:before{font-size:15px}.icon-before{padding-right:10px}.icon-after{padding-left:10px}.icon-before-and-after{padding-right:8px;padding-left:8px}.text-blue{color:#25b5f1}.text-green{color:#add71c}.text-red{color:#f65757}.text-yellow{color:#fbce43}.text-orange{color:#f4934c}.text-violet{color:#816ae6}.dark .text-muted{color:rgba(255,255,255,.5)}header{position:fixed;width:230px;height:100%;display:block;z-index:1000}.nav-white{background:#fff}.nav-black{background:#000;color:#fff}.nav-image{background-image:url(../images/backgrounds/nav-bg.jpg)}.me-logo{position:relative;height:230px;color:#fff;text-transform:none}.logo-content{position:absolute;top:50%;right:0;padding:0 15px}.me-logo a:focus,.me-logo a:focus *,.me-logo a:hover,.me-logo a:hover *{color:inherit}.logo-caption,.me-logo a:focus .logo-caption,.me-logo a:hover .logo-caption{color:#282828}.me-logo h4{font-weight:100}.logo-caption{font-size:11px;display:block;font-weight:500}.my-logo{padding:20px}.my-logo a{display:block}.me-nav a:hover,.me-nav a>:hover{color:inherit}.me-nav{font-size:11px;font-weight:600}.nav-white .me-nav>li{border-bottom:1px solid #eaeaea}.nav-black .me-nav>li{border-bottom:1px solid #1d1d1d}.me-nav>li:last-child{border-bottom:none}.me-nav>li>a{padding:18px}.me-nav>li>a:after{position:absolute;top:0;right:-3px;height:100%;width:3px;opacity:0;visibility:hidden;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.me-nav>li.active>a:after{opacity:1;visibility:visible}.me-nav>li>a:focus,.me-nav>li>a:hover{color:inherit!important}.nav-black .me-nav>li>a:focus,.nav-black .me-nav>li>a:hover,.nav-white .me-nav>li>a:focus,.nav-white .me-nav>li>a:hover{background:0 0}.me-nav>li>a>i{margin-left:20px;font-size:13px}.nav-white .me-nav>li>a>i{color:#d5d5d5}.nav-black .me-nav>li>a>i{color:#4f4f4f}.copyright{position:absolute;bottom:0;right:0;padding-bottom:30px;padding-right:15px;font-size:10px}.copyright:before{position:absolute;top:-30px;right:15px;height:2px;width:30px;display:block}#profile{position:relative}#profile-bg,#profile-bg img{left:0;position:absolute;top:0}#profile-bg{right:0;bottom:0;z-index:1}img.too-slim{width:100%;max-height:none}img.too-short{height:100%}#profile .content{position:relative;width:100%;height:100%;z-index:2}#profile .top-bar a{color:inherit}#profile .top-bar a:hover{text-decoration:underline}.profile-content{position:absolute;top:50%}.profile-bottom-bar{position:absolute;bottom:0;left:0;right:0;margin:0 50px 50px}.resume-box{position:relative;border:1px solid #eaeaea;padding:35px;margin-bottom:30px;z-index:1;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.project-mask,.resume-box{transition:all .3s ease-in-out}.dimmed-effect .resume-box:hover{border-color:#fff;box-shadow:21px 21px 100px 0 rgba(0,0,0,.1);z-index:2}.dimmed-effect .resume-box:hover,.post:hover .post-content{-webkit-box-shadow:21px 21px 100px 0 rgba(0,0,0,.1);-moz-box-shadow:21px 21px 100px 0 rgba(0,0,0,.1)}.resume-box>:last-child{margin-bottom:0}.resume-box.disable{opacity:.4}.skill-name{display:block;font-weight:500;margin-bottom:8px}.skill-bar{height:3px;width:100%;background-color:#ddd;display:table;margin-bottom:30px}.skill-rate-off,.skill-rate-on{display:table-cell;border-left:2px solid #fff;border-right:2px solid #fff}.sb-blue .skill-rate-on{background-color:#25b5f1}.sb-green .skill-rate-on{background-color:#add71c}.sb-red .skill-rate-on{background-color:#f65757}.sb-yellow .skill-rate-on{background-color:#fbce43}.sb-orange .skill-rate-on{background-color:#f4934c}.sb-violet .skill-rate-on{background-color:#816ae6}.sb-black .skill-rate-on{background-color:#000}.sb-php .skill-rate-on{background-color:#4f5b93}.sb-mysql .skill-rate-on{background-color:#e97b00}.sb-jquery .skill-rate-on{background-color:#0769ad}.sb-vanilla .skill-rate-on{background-color:#ead069}.sb-cplusplus .skill-rate-on{background-color:#204060}.speciality{padding:20px 0;border-bottom:1px solid #eaeaea}.speciality:last-child{border-bottom:none}.speciality-icon:before{font-size:38px!important}.speciality-content{padding-top:6px;padding-left:90px}.speciaity-description{color:#757575;margin-bottom:0}.timeline{position:relative;border-left:1px solid #eaeaea;padding:30px 0}.timeline-event{position:relative;padding-left:30px;padding-bottom:50px}.timeline-event:last-child{padding-bottom:0}.timeline-event:before{position:absolute;top:0;left:-9px;width:7px;height:7px;border:5px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.comment-meta,.post-info{border-bottom:1px solid #eaeaea}.te-blue:before{background-color:#25b5f1}.te-green:before{background-color:#add71c}.te-red:before{background-color:#f65757}.te-yellow:before{background-color:#fbce43}.te-orange:before{background-color:#f4934c}.te-violet:before{background-color:#816ae6}.te-black:before{background-color:#000}.te-php:before{background-color:#4f5b93}.te-mysql:before{background-color:#e97b00}.te-jquery:before{background-color:#0769ad}.te-vanilla:before{background-color:#ead069}.te-cplusplus:before{background-color:#204060}.event-date{font-weight:500;font-size:11px;margin-bottom:20px}.event-name{font-weight:500;font-size:14px}.event-description{font-size:11px;color:#757575}.single-project{position:relative;width:25%;float:left;background:#000}.single-project a:hover{color:inherit;text-decoration:none}.project-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);opacity:0;visibility:hidden;color:#fff;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.single-project:hover .project-mask{opacity:1;visibility:visible}.project-info{position:absolute;top:50%;right:-100%;width:100%;opacity:0;transition:all .5s cubic-bezier(.23,1,.32,1) .3s;-moz-transition:all .5s cubic-bezier(.23,1,.32,1) .3s;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1) .3s;-o-transition:all .5s cubic-bezier(.23,1,.32,1) .3s}.single-project:hover .project-info{right:0;opacity:1}.project-buttons,.project-caption,.project-title{padding:0 20px}.project-title{font-size:36px;font-weight:100}.btn,.comment-meta,.post-date,.post-date-alt,.project-caption{font-weight:500}.project-caption{font-size:12px}.project-buttons{border-top:1px solid rgba(255,255,255,.2);margin-top:15px;padding-top:15px}.post-info,.post-text{padding:30px}.post{margin-bottom:40px}.post .post-content{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.post:hover .post-content{box-shadow:21px 21px 100px 0 rgba(0,0,0,.1)}.post-image{position:relative;z-index:1}.post-content-holder{position:relative;margin-top:-70px;padding-left:30px;z-index:2}.post-content{background:#fff}.post-info{line-height:9px}.post-meta{float:right;font-size:10px}.post-meta span{float:left;margin-left:13px}.post-meta span:first-child{margin-left:0}.post-meta span i{color:#d5d5d5;margin-right:7px}.dark .post-meta span{color:#CCC}.dark .post-meta span i{color:rgba(255,255,255,.3)}.post-date{float:left;font-size:14px}.post-carousel{position:relative}.post-carousel-holder{position:relative;width:200000em;list-style:none;margin:0;padding:0 0 100px;overflow:hidden}.post-carousel-item{margin-bottom:60px;margin-right:20px}.post-carousel-control{margin-top:10px;float:right}.post-carousel-control a:focus{color:inherit}.post-carousel-control a:first-child{margin-right:20px;padding-right:20px;border-right:1px solid #eaeaea}.blog-slider-holder{position:relative}.blog-slide-photo,.blog-slider-top-bar{top:0;left:0;right:0;position:absolute}.blog-slider-top-bar{margin:60px 60px 0;padding-bottom:30px;z-index:10}.blog-slide{padding-top:160px!important}.blog-slide-photo{bottom:0;z-index:1}.blog-slide-content{position:relative;z-index:2}.post-date-alt{font-size:13px;margin-bottom:10px}.comments-list,.comments-list ul{list-style:none;margin:20px 0 0;padding:0}.comments-list li{margin-bottom:30px}.comments-list li li{margin-left:45px}.comments-list li li .comment-content{background-color:#fbfbfb}.comment-avatar{float:left;width:90px;height:90px}.comment-content{padding:20px;border:1px solid #eaeaea;margin-left:89px}.comment-meta{font-size:11px;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px}.comment-reply{float:right;margin-left:20px}.comment-date{float:right;color:#939393;font-size:10px}#contact{position:relative}#google-map{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.contact-content{position:relative;background:rgba(255,255,255,.8);width:33%;z-index:2;height:100%}.black .contact-content{background:rgba(0,0,0,.6)}#contact-form-holder{position:absolute;top:65px;z-index:3;color:#fff;padding:30px;width:300px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}#contact-form-holder.form-hidden{right:-300px}#contact-form-holder.form-visible{right:0}.contact-form-trigger{position:absolute;top:0;left:-80px;width:80px;height:80px;text-align:center;display:block;cursor:pointer;transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.contact-form-trigger i:before{position:absolute;top:50%;left:50%;width:36px;height:36px;margin-left:-18px!important;margin-top:-18px;font-size:36px;line-height:36px}.btn{color:inherit;font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:none;padding:18px 20px;margin-bottom:3px}.btn:active{box-shadow:none}.btn-group-sm>.btn,.btn-sm{padding:11px 18px}.btn-group-xs>.btn,.btn-xs{padding:7px 14px;font-size:10px}.btn-group-lg>.btn,.btn-lg{padding:20px 24px;font-size:13px}.btn-black,.btn-black:focus,.btn-black:hover,.btn-blue,.btn-blue:focus,.btn-blue:hover,.btn-danger,.btn-green,.btn-green:focus,.btn-green:hover,.btn-info,.btn-orange,.btn-orange:focus,.btn-orange:hover,.btn-primary,.btn-primary:focus,.btn-primary:hover,.btn-red,.btn-red:focus,.btn-red:hover,.btn-success,.btn-violet,.btn-violet:focus,.btn-violet:hover,.btn-warning,.btn-yellow,.btn-yellow:focus,.btn-yellow:hover,.dark .btn-defalut:focus,.dark .btn-defalut:hover{color:#fff}.btn-blue{background-color:#25b5f1}.btn-green{background-color:#add71c}.btn-red{background-color:#f65757}.btn-yellow{background-color:#fbce43}.btn-orange{background-color:#f4934c}.btn-violet{background-color:#816ae6}.btn-black{background-color:#000}.btn-blue:focus,.btn-blue:hover{background-color:#07a2e2}.btn-green:focus,.btn-green:hover{background-color:#92b80e}.btn-red:focus,.btn-red:hover{background-color:#de4131}.btn-yellow:focus,.btn-yellow:hover{background-color:#e6b623}.btn-orange:focus,.btn-orange:hover{background-color:#e67929}.btn-violet:focus,.btn-violet:hover{background-color:#684ce0}.btn-black:focus,.btn-black:hover{background-color:#333}.btn-default{border:1px solid rgba(0,0,0,.1);background:0 0}.btn-default:focus,.btn-default:hover{border:1px solid rgba(0,0,0,.2);background:0 0}.dark .btn-default{border:1px solid rgba(255,255,255,.2);background:0 0}.dark .btn-default:focus,.dark .btn-default:hover{border:1px solid rgba(255,255,255,.5);background:0 0;color:#fff}.btn>i,.btn>i:focus,.btn>i:hover{color:rgba(0,0,0,.4)}.dark .btn-default>i,.dark .btn-default>i:focus,.dark .btn-default>i:hover{color:rgba(255,255,255,.4)}.btn.btn-pull-up{margin-top:-20px}.btn-white{background-color:#fff;color:#222}.btn-white:focus,.btn-white:hover{background-color:#222;color:#fff}.label-defalut{border:1px solid #eaeaea;background:0 0;color:#333}.dark .label-defalut{border:1px solid rgba(255,255,255,.2);background:0 0;color:#fff}.label-blue{background-color:#25b5f1}.label-green{background-color:#add71c}.label-red{background-color:#f65757}.label-yellow{background-color:#fbce43}.label-orange{background-color:#f4934c}.label-violet{background-color:#816ae6}.label-black{background-color:#000}ul.social-icons{display:inline-block;padding:0;margin:0}ul.social-icons.si-pull-up{margin-top:-25px}ul.social-icons li{list-style-type:none;margin:0 4px 0 0;padding:0;border:1px solid rgba(0,0,0,.1);font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block}.black ul.social-icons li{border:1px solid rgba(255,255,255,.2);transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}ul.social-icons li a{display:block;width:36px;height:52px;text-align:center}ul.social-icons li a i{-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;opacity:.4}ul.social-icons li a i,ul.social-icons li a:hover i{margin-top:17px;font-size:15px;line-height:15px;transition:all .6s ease-in-out}ul.social-icons li:hover{border:1px solid rgba(255,255,255,1);background-color:rgba(255,255,255,1)}ul.social-icons li a:hover i{-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;opacity:1}ul.social-icons li a:hover .fa-facebook{color:#3b5998}ul.social-icons li a:hover .fa-twitter{color:#55acee}ul.social-icons li a:hover .fa-google-plus{color:#dd4b39}.nav-pills,.nav-tabs{margin-bottom:20px}.nav-pills li a,.nav-tabs li a{font-size:11px;font-weight:500;padding:16px 20px}.nav-pills li a:focus,.nav-pills li a:hover,.nav-tabs li a:focus,.nav-tabs li a:hover{color:inherit;background:#f2f2f2}.nav-tabs li a{-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}.nav-pills li a,.panel-group .panel{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.panel-default>.panel-heading{border:#eaeaea;background:#fff;padding:19px 20px}.panel-default>.panel-heading:hover{background:#f2f2f2}.panel-title{font-size:12px}.panel-title a:focus,.panel-title a:hover{color:inherit}.progress{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;background-color:#f2f2f2}.progress,.progress-bar{-webkit-box-shadow:none;-moz-box-shadow:none}.progress-bar{box-shadow:none}.progress-bar-blue{background-color:#25b5f1}.progress-bar-green{background-color:#add71c}.progress-bar-red{background-color:#f65757}.progress-bar-yellow{background-color:#fbce43}.progress-bar-orange{background-color:#f4934c}.progress-bar-violet{background-color:#816ae6}.progress-bar-black{background-color:#000}.list-inline li{margin-right:15px}.list-unstyled-icons .inline-icon{float:left;margin-left:-35px}.list-unstyled-icons li{padding-left:35px;margin-bottom:15px}.list-unstyled-icons li:last-child{margin-bottom:0}.list-group-item:first-child,.list-group-item:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.popover{-webkit-box-shadow:5px 5px 50px 0 rgba(0,0,0,.15);-moz-box-shadow:5px 5px 50px 0 rgba(0,0,0,.15);box-shadow:5px 5px 50px 0 rgba(0,0,0,.15);border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.popover.bottom>.arrow{border-bottom-color:#fff}.popover.top>.arrow{border-top-color:#fff}.popover.left>.arrow{border-left-color:#fff}.popover.right>.arrow{border-right-color:#fff}.tooltip-inner{border-radius:2px}.tooltip-inner,.well{-webkit-border-radius:2px;-moz-border-radius:2px}.well{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:2px}.alert{border-radius:2px}.alert,.form-control{-webkit-border-radius:2px;-moz-border-radius:2px}blockquote{font-weight:200}blockquote footer{font-size:11px;font-weight:500}.form-control{border-radius:2px}.dark .form-control{border:none}.form-control:focus{border-color:#ccc;outline:0;-webkit-box-shadow:3px 3px 30px 0 rgba(0,0,0,.15);-moz-box-shadow:3px 3px 30px 0 rgba(0,0,0,.15);box-shadow:3px 3px 30px 0 rgba(0,0,0,.15)}.dark .form-control:focus{border-color:#ccc;outline:0;-webkit-box-shadow:3px 3px 30px 0 rgba(0,0,0,.3);-moz-box-shadow:3px 3px 30px 0 rgba(0,0,0,.3);box-shadow:3px 3px 30px 0 rgba(0,0,0,.3)}.modal-content{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.carousel-control:focus,.carousel-control:focus *,.carousel-control:hover,.carousel-control:hover *{color:#fff}@media (max-width:1500px){#page-content{padding-left:200px}.container{width:920px}header{width:200px}.me-logo{height:200px}.single-project{width:33.33333%}.contact-content{width:45%}}@media (max-width:1199px){.copyright,.me-logo,.me-nav>li>a>span{display:none}#page-content{padding-left:80px}.container{width:830px;margin:-60px 40px 0}h2{font-size:53px}h3{font-size:42px}.padded{padding:40px}.top-bar{padding-bottom:55px}.bottom-bar{padding-top:40px}header{width:80px}.me-nav{text-align:center}.me-nav>li>a>i{margin:0}.profile-bottom-bar{margin:0 40px 35px}.blog-slider-top-bar{margin:40px 40px 0;padding-bottom:20px}#contact-form{top:55px}}@media (max-width:991px){.container{width:630px;margin:-60px 30px 0}.contact-content,.single-project{width:50%}h1{font-size:60px}h2{font-size:50px}h3{font-size:40px}.padded{padding:30px}.top-bar{padding-bottom:45px;margin-bottom:40px}.bottom-bar{padding-top:40px;margin-top:40px}.profile-bottom-bar{margin:0 30px 40px}.blog-slider-top-bar{margin:40px 30px 0;padding-bottom:20px}}@media (max-width:767px){.container,.padded,.padded-short{padding:30px}.comment-avatar,.post .post-meta,.post-carousel-control{display:none}.container{width:85%}h1{font-size:49px}h2{font-size:40px}h3{font-size:32px}h5{font-size:14px}header{width:45px}.contact-content,.single-project{width:100%}#page-content{padding-left:45px}.me-nav i{margin-left:-1px!important}#profile .top-bar{border:none}.resume-box{padding:20px}.speciality .speciality-content{padding-left:60px}.speciality .speciality-icon:before{margin-left:10px;font-size:32px!important}.post .post-content-holder{margin-top:-50px;padding-left:20px}.post .post-info,.post .post-text{padding:20px}.post .post-date{font-size:12px}.comment-content,.comments-list li li{margin-left:0}.contact-form-trigger{left:-60px;width:60px;height:60px}.contact-form-trigger i:before{width:24px;height:24px;margin-left:-12px!important;margin-top:-12px;font-size:24px;line-height:24px}#contact-form-holder{width:200px;padding:20px}#contact-form-holder.form-hidden{right:-200px}}#page-loader,.pace{top:0;position:fixed;right:0;bottom:0}#page-loader{left:0;z-index:9100!important;width:100%;height:100%;background-color:#fff}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-perspective:12rem;-moz-perspective:12rem;-ms-perspective:12rem;-o-perspective:12rem;perspective:12rem;z-index:2000;height:6rem;width:6rem;margin:auto;left:0}.pace.pace-inactive .pace-progress{display:none}.pace .pace-progress{z-index:2000;display:block;position:absolute;left:0;top:0;height:65px;width:65px!important;line-height:20px;font-size:20px;border-radius:0;color:#fff;font-weight:100;text-align:center}.pace .pace-progress:after{margin-top:22px;content:attr(data-progress-text);display:block}.project-image{width:100%;height:auto;overflow-y:hidden}.form-group.has-error{text-shadow:1px 1px 1px rgba(255,50,25,.9)}.form-group.has-error .form-control{border-color:#a94442}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483} | |
\ No newline at end of file | ||
1 | +body,html{overflow-x:hidden}h6,header{text-transform:uppercase}.copyright:before,.me-nav>li>a:after,.timeline-event:before{content:" "}.speciality-icon,header{float:left}.me-logo,.project-info,header{text-align:right}#page-content section,.blog-slide-photo,.blog-slider-holder,.clear,.comment-avatar,.page-title,.post-carousel,.single-project{overflow:hidden}body{color:#282828;font-size:12px;font-family:"Helvetica Neue",Raleway,Helvetica,Arial,sans-serif}.nav a,a,a>*{color:inherit}.clear{display:block;visibility:hidden;clear:both;width:0;height:0}img,object,video{display:block;height:auto}a,a>*{-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.me-nav>li>a:after,a,a>*{transition:all .1s ease-in-out}a:focus,a:hover,a>:focus,a>:hover{text-decoration:none}p{line-height:22px;margin-bottom:25px}strong{font-weight:none}img{max-width:100%;-webkit-backface-visibility:hidden}#google-map img,img.too-short{max-width:none}:focus,a:focus,a:visited,input:focus,textarea:focus{outline:0}h1,h2,h3,h4,h5,h6{font-family:inherit;margin-top:0}h1,h2,h3{font-weight:100}h4,h5,h6{font-weight:500}h6{font-size:11px;margin-bottom:11px}h1{font-size:70px;margin-bottom:32px}h2{font-size:55px;margin-bottom:30px}h3{font-size:45px;margin-bottom:24px}h4{font-size:28px;margin-bottom:20px}h5{font-size:16px;margin-bottom:18px}#page-content{position:relative;padding-left:229px;height:100%}.page-title{position:relative;z-index:1}.page-title .page-title-bg,.page-title .page-title-bg img{position:absolute;top:0;left:0}.page-title .page-title-bg{right:0;bottom:0;z-index:1}.container,.page-title .content{position:relative;z-index:2}.page-title.bottom-padded{padding-bottom:60px}.container{margin:-60px 60px 0;padding:40px;background:#fff}.black{background-color:#000}.dark{color:#fff}.padded{padding:60px}.padded-short{padding:30px}.padded-vertical{padding:50px 0}.short{margin-bottom:0!important}.medium{margin-bottom:15px!important}.long{margin-bottom:50px!important}hr.sep{display:block;border:none;margin:0;height:50px}hr.sep-line{display:block;border:none;margin:50px 0;height:1px;background-color:#eaeaea}.bottom-bar,.end-of-section,.top-bar{font-size:11px;font-weight:500}.end-of-section{padding-top:50px}.top-bar{padding-bottom:70px;margin-bottom:50px;border-bottom:1px solid rgba(0,0,0,.1)}.dark .top-bar{border-bottom:1px solid rgba(255,255,255,.2)}.bottom-bar{padding-top:55px;margin-top:50px;border-top:1px solid rgba(0,0,0,.1)}.dark .bottom-bar{border-top:1px solid rgba(255,255,255,.2)}.title-icon,.title-icon:before{font-size:75px!important;margin-left:0!important;margin-bottom:20px}.inline-icon,.inline-icon:before{font-size:15px}.icon-before{padding-right:10px}.icon-after{padding-left:10px}.icon-before-and-after{padding-right:8px;padding-left:8px}.text-blue{color:#25b5f1}.text-green{color:#add71c}.text-red{color:#f65757}.text-yellow{color:#fbce43}.text-orange{color:#f4934c}.text-violet{color:#816ae6}.dark .text-muted{color:rgba(255,255,255,.5)}header{position:fixed;width:230px;height:100%;display:block;z-index:1000}.nav-white{background:#fff}.nav-black{background:#000;color:#fff}.nav-image{background-image:url(../images/backgrounds/nav-bg.jpg)}.me-logo{position:relative;height:230px;color:#fff;text-transform:none}.logo-content{position:absolute;top:50%;right:0;padding:0 15px}.me-logo a:focus,.me-logo a:focus *,.me-logo a:hover,.me-logo a:hover *{color:inherit}.logo-caption,.me-logo a:focus .logo-caption,.me-logo a:hover .logo-caption{color:#282828}.me-logo h4{font-weight:100}.logo-caption{font-size:11px;display:block;font-weight:500}.my-logo{padding:20px}.my-logo a{display:block}.me-nav a:hover,.me-nav a>:hover{color:inherit}.me-nav{font-size:11px;font-weight:600}.nav-white .me-nav>li{border-bottom:1px solid #eaeaea}.nav-black .me-nav>li{border-bottom:1px solid #1d1d1d}.me-nav>li:last-child{border-bottom:none}.me-nav>li>a{padding:18px}.me-nav>li>a:after{position:absolute;top:0;right:-3px;height:100%;width:3px;opacity:0;visibility:hidden;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.me-nav>li.active>a:after{opacity:1;visibility:visible}.me-nav>li>a:focus,.me-nav>li>a:hover{color:inherit!important}.nav-black .me-nav>li>a:focus,.nav-black .me-nav>li>a:hover,.nav-white .me-nav>li>a:focus,.nav-white .me-nav>li>a:hover{background:0 0}.me-nav>li>a>i{margin-left:20px;font-size:13px}.nav-white .me-nav>li>a>i{color:#d5d5d5}.nav-black .me-nav>li>a>i{color:#4f4f4f}.copyright{position:absolute;bottom:0;right:0;padding-bottom:30px;padding-right:15px;font-size:10px}.copyright:before{position:absolute;top:-30px;right:15px;height:2px;width:30px;display:block}#profile{position:relative}#profile-bg,#profile-bg img{left:0;position:absolute;top:0}#profile-bg{right:0;bottom:0;z-index:1}img.too-slim{width:100%;max-height:none}img.too-short{height:100%}#profile .content{position:relative;width:100%;height:100%;z-index:2}#profile .top-bar a{color:inherit}#profile .top-bar a:hover{text-decoration:underline}.profile-content{position:absolute;top:50%}.profile-bottom-bar{position:absolute;bottom:0;left:0;right:0;margin:0 50px 50px}.resume-box{position:relative;border:1px solid #eaeaea;padding:35px;margin-bottom:30px;z-index:1;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.project-mask,.resume-box{transition:all .3s ease-in-out}.dimmed-effect .resume-box:hover{border-color:#fff;box-shadow:21px 21px 100px 0 rgba(0,0,0,.1);z-index:2}.dimmed-effect .resume-box:hover,.post:hover .post-content{-webkit-box-shadow:21px 21px 100px 0 rgba(0,0,0,.1);-moz-box-shadow:21px 21px 100px 0 rgba(0,0,0,.1)}.resume-box>:last-child{margin-bottom:0}.resume-box.disable{opacity:.4}.skill-name{display:block;font-weight:500;margin-bottom:8px}.skill-bar{height:3px;width:100%;background-color:#ddd;display:table;margin-bottom:30px}.skill-rate-off,.skill-rate-on{display:table-cell;border-left:2px solid #fff;border-right:2px solid #fff}.sb-blue .skill-rate-on{background-color:#25b5f1}.sb-green .skill-rate-on{background-color:#add71c}.sb-red .skill-rate-on{background-color:#f65757}.sb-yellow .skill-rate-on{background-color:#fbce43}.sb-orange .skill-rate-on{background-color:#f4934c}.sb-violet .skill-rate-on{background-color:#816ae6}.sb-black .skill-rate-on{background-color:#000}.sb-php .skill-rate-on{background-color:#4f5b93}.sb-mysql .skill-rate-on{background-color:#e97b00}.sb-mongodb .skill-rate-on{background-color:#7fc857}.sb-python .skill-rate-off{background-color:#ffd343}.sb-python .skill-rate-on{background-color:#2b5b84}.sb-jquery .skill-rate-on{background-color:#0769ad}.sb-vanilla .skill-rate-on{background-color:#ead069}.sb-cplusplus .skill-rate-on{background-color:#204060}.speciality{padding:20px 0;border-bottom:1px solid #eaeaea}.speciality:last-child{border-bottom:none}.speciality-icon:before{font-size:38px!important}.speciality-content{padding-top:6px;padding-left:90px}.speciaity-description{color:#757575;margin-bottom:0}.timeline{position:relative;border-left:1px solid #eaeaea;padding:30px 0}.timeline-event{position:relative;padding-left:30px;padding-bottom:50px}.timeline-event:last-child{padding-bottom:0}.timeline-event:before{position:absolute;top:0;left:-9px;width:7px;height:7px;border:5px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.comment-meta,.post-info{border-bottom:1px solid #eaeaea}.te-blue:before{background-color:#25b5f1}.te-green:before{background-color:#add71c}.te-red:before{background-color:#f65757}.te-yellow:before{background-color:#fbce43}.te-orange:before{background-color:#f4934c}.te-violet:before{background-color:#816ae6}.te-black:before{background-color:#000}.te-php:before{background-color:#4f5b93}.te-mysql:before{background-color:#e97b00}.te-jquery:before{background-color:#0769ad}.te-vanilla:before{background-color:#ead069}.te-cplusplus:before{background-color:#204060}.event-date{font-weight:500;font-size:11px;margin-bottom:20px}.event-name{font-weight:500;font-size:14px}.event-description{font-size:11px;color:#757575}.single-project{position:relative;width:25%;float:left;background:#000}.single-project a:hover{color:inherit;text-decoration:none}.project-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);opacity:0;visibility:hidden;color:#fff;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.single-project:hover .project-mask{opacity:1;visibility:visible}.project-info{position:absolute;top:50%;right:-100%;width:100%;opacity:0;transition:all .5s cubic-bezier(.23,1,.32,1) .3s;-moz-transition:all .5s cubic-bezier(.23,1,.32,1) .3s;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1) .3s;-o-transition:all .5s cubic-bezier(.23,1,.32,1) .3s}.single-project:hover .project-info{right:0;opacity:1}.project-buttons,.project-caption,.project-title{padding:0 20px}.project-title{font-size:36px;font-weight:100}.btn,.comment-meta,.post-date,.post-date-alt,.project-caption{font-weight:500}.project-caption{font-size:12px}.project-buttons{border-top:1px solid rgba(255,255,255,.2);margin-top:15px;padding-top:15px}.post-info,.post-text{padding:30px}.post{margin-bottom:40px}.post .post-content{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.post:hover .post-content{box-shadow:21px 21px 100px 0 rgba(0,0,0,.1)}.post-image{position:relative;z-index:1}.post-content-holder{position:relative;margin-top:-70px;padding-left:30px;z-index:2}.post-content{background:#fff}.post-info{line-height:9px}.post-meta{float:right;font-size:10px}.post-meta span{float:left;margin-left:13px}.post-meta span:first-child{margin-left:0}.post-meta span i{color:#d5d5d5;margin-right:7px}.dark .post-meta span{color:#CCC}.dark .post-meta span i{color:rgba(255,255,255,.3)}.post-date{float:left;font-size:14px}.post-carousel{position:relative}.post-carousel-holder{position:relative;width:200000em;list-style:none;margin:0;padding:0 0 100px;overflow:hidden}.post-carousel-item{margin-bottom:60px;margin-right:20px}.post-carousel-control{margin-top:10px;float:right}.post-carousel-control a:focus{color:inherit}.post-carousel-control a:first-child{margin-right:20px;padding-right:20px;border-right:1px solid #eaeaea}.blog-slider-holder{position:relative}.blog-slide-photo,.blog-slider-top-bar{top:0;left:0;right:0;position:absolute}.blog-slider-top-bar{margin:60px 60px 0;padding-bottom:30px;z-index:10}.blog-slide{padding-top:160px!important}.blog-slide-photo{bottom:0;z-index:1}.blog-slide-content{position:relative;z-index:2}.post-date-alt{font-size:13px;margin-bottom:10px}.comments-list,.comments-list ul{list-style:none;margin:20px 0 0;padding:0}.comments-list li{margin-bottom:30px}.comments-list li li{margin-left:45px}.comments-list li li .comment-content{background-color:#fbfbfb}.comment-avatar{float:left;width:90px;height:90px}.comment-content{padding:20px;border:1px solid #eaeaea;margin-left:89px}.comment-meta{font-size:11px;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px}.comment-reply{float:right;margin-left:20px}.comment-date{float:right;color:#939393;font-size:10px}#contact{position:relative}#google-map{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.contact-content{position:relative;background:rgba(255,255,255,.8);width:33%;z-index:2;height:100%}.black .contact-content{background:rgba(0,0,0,.6)}#contact-form-holder{position:absolute;top:65px;z-index:3;color:#fff;padding:30px;width:300px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}#contact-form-holder.form-hidden{right:-300px}#contact-form-holder.form-visible{right:0}.contact-form-trigger{position:absolute;top:0;left:-80px;width:80px;height:80px;text-align:center;display:block;cursor:pointer;transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.contact-form-trigger i:before{position:absolute;top:50%;left:50%;width:36px;height:36px;margin-left:-18px!important;margin-top:-18px;font-size:36px;line-height:36px}.btn{color:inherit;font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:none;padding:18px 20px;margin-bottom:3px}.btn:active{box-shadow:none}.btn-group-sm>.btn,.btn-sm{padding:11px 18px}.btn-group-xs>.btn,.btn-xs{padding:7px 14px;font-size:10px}.btn-group-lg>.btn,.btn-lg{padding:20px 24px;font-size:13px}.btn-black,.btn-black:focus,.btn-black:hover,.btn-blue,.btn-blue:focus,.btn-blue:hover,.btn-danger,.btn-green,.btn-green:focus,.btn-green:hover,.btn-info,.btn-orange,.btn-orange:focus,.btn-orange:hover,.btn-primary,.btn-primary:focus,.btn-primary:hover,.btn-red,.btn-red:focus,.btn-red:hover,.btn-success,.btn-violet,.btn-violet:focus,.btn-violet:hover,.btn-warning,.btn-yellow,.btn-yellow:focus,.btn-yellow:hover,.dark .btn-defalut:focus,.dark .btn-defalut:hover{color:#fff}.btn-blue{background-color:#25b5f1}.btn-green{background-color:#add71c}.btn-red{background-color:#f65757}.btn-yellow{background-color:#fbce43}.btn-orange{background-color:#f4934c}.btn-violet{background-color:#816ae6}.btn-black{background-color:#000}.btn-blue:focus,.btn-blue:hover{background-color:#07a2e2}.btn-green:focus,.btn-green:hover{background-color:#92b80e}.btn-red:focus,.btn-red:hover{background-color:#de4131}.btn-yellow:focus,.btn-yellow:hover{background-color:#e6b623}.btn-orange:focus,.btn-orange:hover{background-color:#e67929}.btn-violet:focus,.btn-violet:hover{background-color:#684ce0}.btn-black:focus,.btn-black:hover{background-color:#333}.btn-default{border:1px solid rgba(0,0,0,.1);background:0 0}.btn-default:focus,.btn-default:hover{border:1px solid rgba(0,0,0,.2);background:0 0}.dark .btn-default{border:1px solid rgba(255,255,255,.2);background:0 0}.dark .btn-default:focus,.dark .btn-default:hover{border:1px solid rgba(255,255,255,.5);background:0 0;color:#fff}.btn>i,.btn>i:focus,.btn>i:hover{color:rgba(0,0,0,.4)}.dark .btn-default>i,.dark .btn-default>i:focus,.dark .btn-default>i:hover{color:rgba(255,255,255,.4)}.btn.btn-pull-up{margin-top:-20px}.btn-white{background-color:#fff;color:#222}.btn-white:focus,.btn-white:hover{background-color:#222;color:#fff}.label-defalut{border:1px solid #eaeaea;background:0 0;color:#333}.dark .label-defalut{border:1px solid rgba(255,255,255,.2);background:0 0;color:#fff}.label-blue{background-color:#25b5f1}.label-green{background-color:#add71c}.label-red{background-color:#f65757}.label-yellow{background-color:#fbce43}.label-orange{background-color:#f4934c}.label-violet{background-color:#816ae6}.label-black{background-color:#000}ul.social-icons{display:inline-block;padding:0;margin:0}ul.social-icons.si-pull-up{margin-top:-25px}ul.social-icons li{list-style-type:none;margin:0 4px 0 0;padding:0;border:1px solid rgba(0,0,0,.1);font-size:11px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block}.black ul.social-icons li{border:1px solid rgba(255,255,255,.2);transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out}ul.social-icons li a{display:block;width:36px;height:52px;text-align:center}ul.social-icons li a i{-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;opacity:.4}ul.social-icons li a i,ul.social-icons li a:hover i{margin-top:17px;font-size:15px;line-height:15px;transition:all .6s ease-in-out}ul.social-icons li:hover{border:1px solid rgba(255,255,255,1);background-color:rgba(255,255,255,1)}ul.social-icons li a:hover i{-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;opacity:1}ul.social-icons li a:hover .fa-facebook{color:#3b5998}ul.social-icons li a:hover .fa-twitter{color:#55acee}ul.social-icons li a:hover .fa-google-plus{color:#dd4b39}.nav-pills,.nav-tabs{margin-bottom:20px}.nav-pills li a,.nav-tabs li a{font-size:11px;font-weight:500;padding:16px 20px}.nav-pills li a:focus,.nav-pills li a:hover,.nav-tabs li a:focus,.nav-tabs li a:hover{color:inherit;background:#f2f2f2}.nav-tabs li a{-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}.nav-pills li a,.panel-group .panel{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.panel-default>.panel-heading{border:#eaeaea;background:#fff;padding:19px 20px}.panel-default>.panel-heading:hover{background:#f2f2f2}.panel-title{font-size:12px}.panel-title a:focus,.panel-title a:hover{color:inherit}.progress{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;background-color:#f2f2f2}.progress,.progress-bar{-webkit-box-shadow:none;-moz-box-shadow:none}.progress-bar{box-shadow:none}.progress-bar-blue{background-color:#25b5f1}.progress-bar-green{background-color:#add71c}.progress-bar-red{background-color:#f65757}.progress-bar-yellow{background-color:#fbce43}.progress-bar-orange{background-color:#f4934c}.progress-bar-violet{background-color:#816ae6}.progress-bar-black{background-color:#000}.list-inline li{margin-right:15px}.list-unstyled-icons .inline-icon{float:left;margin-left:-35px}.list-unstyled-icons li{padding-left:35px;margin-bottom:15px}.list-unstyled-icons li:last-child{margin-bottom:0}.list-group-item:first-child,.list-group-item:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.popover{-webkit-box-shadow:5px 5px 50px 0 rgba(0,0,0,.15);-moz-box-shadow:5px 5px 50px 0 rgba(0,0,0,.15);box-shadow:5px 5px 50px 0 rgba(0,0,0,.15);border:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.popover.bottom>.arrow{border-bottom-color:#fff}.popover.top>.arrow{border-top-color:#fff}.popover.left>.arrow{border-left-color:#fff}.popover.right>.arrow{border-right-color:#fff}.tooltip-inner{border-radius:2px}.tooltip-inner,.well{-webkit-border-radius:2px;-moz-border-radius:2px}.well{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:2px}.alert{border-radius:2px}.alert,.form-control{-webkit-border-radius:2px;-moz-border-radius:2px}blockquote{font-weight:200}blockquote footer{font-size:11px;font-weight:500}.form-control{border-radius:2px}.dark .form-control{border:none}.form-control:focus{border-color:#ccc;outline:0;-webkit-box-shadow:3px 3px 30px 0 rgba(0,0,0,.15);-moz-box-shadow:3px 3px 30px 0 rgba(0,0,0,.15);box-shadow:3px 3px 30px 0 rgba(0,0,0,.15)}.dark .form-control:focus{border-color:#ccc;outline:0;-webkit-box-shadow:3px 3px 30px 0 rgba(0,0,0,.3);-moz-box-shadow:3px 3px 30px 0 rgba(0,0,0,.3);box-shadow:3px 3px 30px 0 rgba(0,0,0,.3)}.modal-content{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.carousel-control:focus,.carousel-control:focus *,.carousel-control:hover,.carousel-control:hover *{color:#fff}@media (max-width:1500px){#page-content{padding-left:200px}.container{width:920px}header{width:200px}.me-logo{height:200px}.single-project{width:33.33333%}.contact-content{width:45%}}@media (max-width:1199px){.copyright,.me-logo,.me-nav>li>a>span{display:none}#page-content{padding-left:80px}.container{width:830px;margin:-60px 40px 0}h2{font-size:53px}h3{font-size:42px}.padded{padding:40px}.top-bar{padding-bottom:55px}.bottom-bar{padding-top:40px}header{width:80px}.me-nav{text-align:center}.me-nav>li>a>i{margin:0}.profile-bottom-bar{margin:0 40px 35px}.blog-slider-top-bar{margin:40px 40px 0;padding-bottom:20px}#contact-form{top:55px}}@media (max-width:991px){.container{width:630px;margin:-60px 30px 0}.contact-content,.single-project{width:50%}h1{font-size:60px}h2{font-size:50px}h3{font-size:40px}.padded{padding:30px}.top-bar{padding-bottom:45px;margin-bottom:40px}.bottom-bar{padding-top:40px;margin-top:40px}.profile-bottom-bar{margin:0 30px 40px}.blog-slider-top-bar{margin:40px 30px 0;padding-bottom:20px}}@media (max-width:767px){.container,.padded,.padded-short{padding:30px}.comment-avatar,.post .post-meta,.post-carousel-control{display:none}.container{width:85%}h1{font-size:49px}h2{font-size:40px}h3{font-size:32px}h5{font-size:14px}header{width:45px}.contact-content,.single-project{width:100%}#page-content{padding-left:45px}.me-nav i{margin-left:-1px!important}#profile .top-bar{border:none}.resume-box{padding:20px}.speciality .speciality-content{padding-left:60px}.speciality .speciality-icon:before{margin-left:10px;font-size:32px!important}.post .post-content-holder{margin-top:-50px;padding-left:20px}.post .post-info,.post .post-text{padding:20px}.post .post-date{font-size:12px}.comment-content,.comments-list li li{margin-left:0}.contact-form-trigger{left:-60px;width:60px;height:60px}.contact-form-trigger i:before{width:24px;height:24px;margin-left:-12px!important;margin-top:-12px;font-size:24px;line-height:24px}#contact-form-holder{width:200px;padding:20px}#contact-form-holder.form-hidden{right:-200px}}#page-loader,.pace{top:0;position:fixed;right:0;bottom:0}#page-loader{left:0;z-index:9100!important;width:100%;height:100%;background-color:#fff}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-perspective:12rem;-moz-perspective:12rem;-ms-perspective:12rem;-o-perspective:12rem;perspective:12rem;z-index:2000;height:6rem;width:6rem;margin:auto;left:0}.pace.pace-inactive .pace-progress{display:none}.pace .pace-progress{z-index:2000;display:block;position:absolute;left:0;top:0;height:65px;width:65px!important;line-height:20px;font-size:20px;border-radius:0;color:#fff;font-weight:100;text-align:center}.pace .pace-progress:after{margin-top:22px;content:attr(data-progress-text);display:block}.project-image{width:100%;height:auto;overflow-y:hidden}.form-group.has-error{color:#c13c1e;text-shadow:none;}.form-group.has-error .form-control{border-color:#a94442}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px 2px rgba(173, 28, 26, 0.8);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px 2px rgba(173, 28, 26, 0.8)}#contact-form-holder.form-visible{min-height: 80px;}#successMessage{height: 80px;margin-top: -30px;margin-bottom: -30px;line-height: 80px;font-size: 1.4em;display:none;} | |
\ No newline at end of file |
@@ -0,0 +1,428 @@ | ||
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <title>Lucas Reta - Web Developer</title> | |
6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
7 | + <meta http-equiv="Cache-control" content="public"> | |
8 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
9 | + <meta name="description" content=""> | |
10 | + <meta name="keywords" content="Lucas Reta, Lucas, Reta, cv, curriculum, curriculum vitae, resume, bootstrap, personal page, blog, gallery"> | |
11 | + <meta name="author" content="Lucas Reta"> | |
12 | + | |
13 | + <meta property="og:title" content="Lucas Reta, Web Developer"> | |
14 | + <meta property="og:type" content="company"> | |
15 | + <meta property="og:url" content="http://porjolovsky.com/cv"> | |
16 | + <meta property="og:image" content="http://porjolovsky.com/cv/images/logo.png"> | |
17 | + <meta property="og:site_name" content="Lucas Reta, Web Developer"> | |
18 | + <meta property="og:description" content="Lucas Reta's CV & Portfolio"> | |
19 | + <meta property="og:email" content="porjolovsky@gmail.com"> | |
20 | + <meta property="og:phone_number" content="+54-11-40338509"> | |
21 | + | |
22 | + <link rel="shortcut icon" href="images/favicon.png"> | |
23 | + <link rel="apple-touch-icon" href="images/faviconx57.png"> | |
24 | + <link rel="apple-touch-icon" sizes="72x72" href="images/faviconx72.png"> | |
25 | + <link rel="apple-touch-icon" sizes="114x114" href="images/faviconx114.png"> | |
26 | + | |
27 | + <!--[if lt IE 9]> | |
28 | + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | |
29 | + <![endif]--> | |
30 | + | |
31 | + <script>if((window.devicePixelRatio===undefined?1:window.devicePixelRatio)>1) | |
32 | + document.cookie='HTTP_IS_RETINA%3d1%3bpath%3d/index.html';</script> | |
33 | + | |
34 | + <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,600,700,500' rel='stylesheet' type='text/css'> | |
35 | + | |
36 | + <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" /> | |
37 | + <link rel="stylesheet" type="text/css" href="../css/animations.css" /> | |
38 | + <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" /> | |
39 | + <link rel="stylesheet" type="text/css" href="../css/flaticon.css" /> | |
40 | + <link rel="stylesheet" type="text/css" href="../css/style.min.css" /> | |
41 | + <link rel="stylesheet" type="text/css" href="../css/color.min.css" /> | |
42 | + | |
43 | +</head> | |
44 | +<body> | |
45 | + | |
46 | +<div id="page-loader"></div> | |
47 | + | |
48 | +<header id="nav-content" class="vertical-nav nav-white"> | |
49 | + | |
50 | + <div class="my-logo"> | |
51 | + <a href="#profile"><img src="../images/logo.png" alt="" class="img-circle" /></a> | |
52 | + </div> | |
53 | + | |
54 | + <ul class="menu nav me-nav"> | |
55 | + <li class="menu-item active"><a href="#profile"><span>Home</span><i class="fa fa-user"></i></a></li> | |
56 | + <li class="menu-item"><a href="#resume"><span>CV</span><i class="fa fa-desktop"></i></a></li> | |
57 | + <li class="menu-item"><a href="#contact"><span>Contact</span><i class="fa fa-phone"></i></a></li> | |
58 | + </ul> | |
59 | + | |
60 | +</header> | |
61 | +<!-- Header / End --> | |
62 | + | |
63 | +<!-- Page Content --> | |
64 | +<div id="page-content"> | |
65 | + | |
66 | + <!-- Profile --> | |
67 | + <section id="profile" class="black"> | |
68 | + | |
69 | + <!-- Background photo --> | |
70 | + <div id="profile-bg" class="editable-alpha" data-alpha="40"><img src="../images/main-bg.jpg" alt="" /></div> | |
71 | + | |
72 | + <div class="content padded dark"> | |
73 | + | |
74 | + <div class="profile-content"> | |
75 | + <h1 class="short">Lucas Reta</h1> | |
76 | + <h3>Web Developer</h3> | |
77 | + <br/> | |
78 | + <a href="#contact" class="btn btn-white">Contact</a> | |
79 | + </div> | |
80 | + | |
81 | + <div class="bottom-bar profile-bottom-bar hidden-xs"> | |
82 | + | |
83 | + <ul class="list-inline"> | |
84 | + <li><i class="inline-icon icon-before-and-after text-white fa fa-map-marker"></i>Buenos Aires, Argentina</li> | |
85 | + <li><i class="inline-icon icon-before-and-after text-white fa fa-comment"></i>lucasreta@mail.com</li> | |
86 | + <li><i class="inline-icon icon-before-and-after text-white fa fa-phone"></i>+54 11 4033-8509</li> | |
87 | + </ul> | |
88 | + | |
89 | + </div> | |
90 | + | |
91 | + </div> | |
92 | + | |
93 | + </section> | |
94 | + | |
95 | + <section id="resume"> | |
96 | + | |
97 | + <div class="content dimmed-effect padded-short"> | |
98 | + | |
99 | + <div class="row"> | |
100 | + <div class="col-lg-4"> | |
101 | + | |
102 | + <div class="resume-box animated slide-in-right"> | |
103 | + <i class="title-icon text-black flaticon-mouse19"></i> | |
104 | + <h3>Services</h3> | |
105 | + <!-- Speciality --> | |
106 | + <div class="speciality"> | |
107 | + <i class="speciality-icon text-grey flaticon-codings1"></i> | |
108 | + <div class="speciality-content"> | |
109 | + <h5 class="short">Back-End Web Development</h5> | |
110 | + <p class="speciaity-description">PHP, MySQL. Wordpress, Joomla.</p> | |
111 | + </div> | |
112 | + </div> | |
113 | + <!-- Speciality --> | |
114 | + <div class="speciality"> | |
115 | + <i class="speciality-icon text-grey flaticon-tablet42"></i> | |
116 | + <div class="speciality-content"> | |
117 | + <h5 class="short">Front-End Web Development</h5> | |
118 | + <p class="speciaity-description">Responsive Design, AJAX, JQuery, Javascript.</p> | |
119 | + </div> | |
120 | + </div> | |
121 | + </div> | |
122 | + | |
123 | + <!-- Box - Languages --> | |
124 | + <div class="resume-box animated slide-in-right appear-second"> | |
125 | + <i class="title-icon text-black flaticon-chat25"></i> | |
126 | + <h3>Languages</h3> | |
127 | + <!-- Single skill --> | |
128 | + <div class="skill"> | |
129 | + <span class="skill-name">English</span> | |
130 | + <div class="skill-bar sb-jquery"> | |
131 | + <div class="skill-rate-on"></div> | |
132 | + <div class="skill-rate-on"></div> | |
133 | + <div class="skill-rate-on"></div> | |
134 | + <div class="skill-rate-on"></div> | |
135 | + <div class="skill-rate-on"></div> | |
136 | + </div> | |
137 | + </div> | |
138 | + <!-- Single skill --> | |
139 | + <div class="skill"> | |
140 | + <span class="skill-name">Spanish</span> | |
141 | + <div class="skill-bar sb-blue"> | |
142 | + <div class="skill-rate-on"></div> | |
143 | + <div class="skill-rate-on"></div> | |
144 | + <div class="skill-rate-on"></div> | |
145 | + <div class="skill-rate-on"></div> | |
146 | + <div class="skill-rate-on"></div> | |
147 | + </div> | |
148 | + </div> | |
149 | + </div> | |
150 | + | |
151 | + </div> | |
152 | + | |
153 | + <div class="col-md-6 col-lg-4"> | |
154 | + | |
155 | + | |
156 | + <!-- Box - Education & Jobs --> | |
157 | + <div class="resume-box animated slide-in-left"> | |
158 | + <i class="title-icon text-black flaticon-document56"></i> | |
159 | + <h3>Education & Experience</h3> | |
160 | + <div class="timeline"> | |
161 | + <!-- Single event --> | |
162 | + <div class="timeline-event te-red"> | |
163 | + <div class="event-date">2012</div> | |
164 | + <div class="event-name">BS in Programming</div> | |
165 | + <div class="event-description">Facultad Regional General Pacheco, UTN, Buenos Aires</div> | |
166 | + </div> | |
167 | + <!-- Single event --> | |
168 | + <div class="timeline-event te-yellow"> | |
169 | + <div class="event-date">2013</div> | |
170 | + <div class="event-name">Professional Webmaster</div> | |
171 | + <div class="event-description">Facultad Regional Buenos Aires, UTN, Buenos Aires</div> | |
172 | + </div> | |
173 | + <!-- Single event --> | |
174 | + <div class="timeline-event te-cplusplus"> | |
175 | + <div class="event-date">2013</div> | |
176 | + <div class="event-name">Linux Administration Course</div> | |
177 | + <div class="event-description">Facultad Regional Buenos Aires, UTN, Buenos Aires</div> | |
178 | + </div> | |
179 | + <!-- Single event --> | |
180 | + <div class="timeline-event te-orange"> | |
181 | + <div class="event-date">Feb 2014 - Mar 2015</div> | |
182 | + <div class="event-name">Full-stack Web Developer</div> | |
183 | + <div class="event-description"><a href="http://inmental.com.ar/" target="_blank">Inmental Interactive</a>, Nuñez, Buenos Aires</div> | |
184 | + </div> | |
185 | + <!-- Single event --> | |
186 | + <div class="timeline-event te-green"> | |
187 | + <div class="event-date">Mar 2015 - Present</div> | |
188 | + <div class="event-name">Full-stack Web Developer</div> | |
189 | + <div class="event-description">Freelance</div> | |
190 | + </div> | |
191 | + </div> | |
192 | + </div> | |
193 | + | |
194 | + </div> | |
195 | + | |
196 | + <div class="col-md-6 col-lg-4"> | |
197 | + | |
198 | + <!-- Box - Skills & Attributes --> | |
199 | + <div class="resume-box animated slide-in-left appear-second"> | |
200 | + <i class="title-icon text-black flaticon-open79"></i> | |
201 | + <h3>Skills</h3> | |
202 | + <!-- Sinlge skill --> | |
203 | + <div class="skill"> | |
204 | + <span class="skill-name">PHP</span> | |
205 | + <div class="skill-bar sb-php"> | |
206 | + <div class="skill-rate-on"></div> | |
207 | + <div class="skill-rate-on"></div> | |
208 | + <div class="skill-rate-on"></div> | |
209 | + <div class="skill-rate-on"></div> | |
210 | + <div class="skill-rate-on"></div> | |
211 | + </div> | |
212 | + </div> | |
213 | + <!-- Sinlge skill --> | |
214 | + <div class="skill"> | |
215 | + <span class="skill-name">MySQL</span> | |
216 | + <div class="skill-bar sb-mysql"> | |
217 | + <div class="skill-rate-on"></div> | |
218 | + <div class="skill-rate-on"></div> | |
219 | + <div class="skill-rate-on"></div> | |
220 | + <div class="skill-rate-on"></div> | |
221 | + <div class="skill-rate-on"></div> | |
222 | + </div> | |
223 | + </div> | |
224 | + <!-- Sinlge skill --> | |
225 | + <div class="skill"> | |
226 | + <span class="skill-name">HTML5/CSS3</span> | |
227 | + <div class="skill-bar sb-green"> | |
228 | + <div class="skill-rate-on"></div> | |
229 | + <div class="skill-rate-on"></div> | |
230 | + <div class="skill-rate-on"></div> | |
231 | + <div class="skill-rate-on"></div> | |
232 | + <div class="skill-rate-on"></div> | |
233 | + </div> | |
234 | + </div> | |
235 | + <!-- Sinlge skill --> | |
236 | + <div class="skill"> | |
237 | + <span class="skill-name">JavaScript</span> | |
238 | + <div class="skill-bar sb-jquery"> | |
239 | + <div class="skill-rate-on"></div> | |
240 | + <div class="skill-rate-on"></div> | |
241 | + <div class="skill-rate-on"></div> | |
242 | + <div class="skill-rate-on"></div> | |
243 | + <div class="skill-rate-on"></div> | |
244 | + </div> | |
245 | + </div> | |
246 | + <!-- Sinlge skill --> | |
247 | + <div class="skill"> | |
248 | + <span class="skill-name">Python</span> | |
249 | + <div class="skill-bar sb-python"> | |
250 | + <div class="skill-rate-on"></div> | |
251 | + <div class="skill-rate-off"></div> | |
252 | + <div class="skill-rate-on"></div> | |
253 | + <div class="skill-rate-off"></div> | |
254 | + <div class="skill-rate-on"></div> | |
255 | + </div> | |
256 | + </div> | |
257 | + <!-- Sinlge skill --> | |
258 | + <div class="skill"> | |
259 | + <span class="skill-name">MongoDB</span> | |
260 | + <div class="skill-bar sb-mongodb"> | |
261 | + <div class="skill-rate-on"></div> | |
262 | + <div class="skill-rate-on"></div> | |
263 | + <div class="skill-rate-on"></div> | |
264 | + <div class="skill-rate-on"></div> | |
265 | + <div class="skill-rate-off"></div> | |
266 | + </div> | |
267 | + </div> | |
268 | + <!-- Sinlge skill --> | |
269 | + <div class="skill"> | |
270 | + <span class="skill-name">Adobe Photoshop / Adobe Illustrator</span> | |
271 | + <div class="skill-bar sb-php"> | |
272 | + <div class="skill-rate-on"></div> | |
273 | + <div class="skill-rate-on"></div> | |
274 | + <div class="skill-rate-on"></div> | |
275 | + <div class="skill-rate-on"></div> | |
276 | + <div class="skill-rate-off"></div> | |
277 | + </div> | |
278 | + </div> | |
279 | + <!-- Sinlge skill --> | |
280 | + <div class="skill"> | |
281 | + <span class="skill-name">C++</span> | |
282 | + <div class="skill-bar sb-cplusplus"> | |
283 | + <div class="skill-rate-on"></div> | |
284 | + <div class="skill-rate-on"></div> | |
285 | + <div class="skill-rate-on"></div> | |
286 | + <div class="skill-rate-off"></div> | |
287 | + <div class="skill-rate-off"></div> | |
288 | + </div> | |
289 | + </div> | |
290 | + <!-- Sinlge skill --> | |
291 | + <div class="skill"> | |
292 | + <span class="skill-name">AS3 / Assembler / C#</span> | |
293 | + <div class="skill-bar sb-black"> | |
294 | + <div class="skill-rate-on"></div> | |
295 | + <div class="skill-rate-on"></div> | |
296 | + <div class="skill-rate-off"></div> | |
297 | + <div class="skill-rate-off"></div> | |
298 | + <div class="skill-rate-off"></div> | |
299 | + </div> | |
300 | + </div> | |
301 | + </div> | |
302 | + | |
303 | + </div> | |
304 | + | |
305 | + </div> | |
306 | + | |
307 | + </div> | |
308 | + | |
309 | + </section> | |
310 | + <!-- Resume / End --> | |
311 | + | |
312 | + <!-- Contact --> | |
313 | + <section id="contact" class="black"> | |
314 | + | |
315 | + <div id="profile-bg" class="editable-alpha" data-alpha="40"><img src="../images/contact.jpg" alt="" /></div> | |
316 | + | |
317 | + <!-- Contact Content --> | |
318 | + <div class="content contact-content padded dark animated slide-in-left"> | |
319 | + <i class="title-icon text-white flaticon-speech43"></i> | |
320 | + <h2>Contacto</h2> | |
321 | + <!-- Contact List --> | |
322 | + <ul class="list-unstyled list-unstyled-icons"> | |
323 | + <li><i class="inline-icon icon-before-and-after text-white fa fa-map-marker"></i>Buenos Aires,<br />Argentina</li> | |
324 | + <li><i class="inline-icon icon-before-and-after text-white fa fa-comment"></i>lucasreta@mail.com</li> | |
325 | + <li><i class="inline-icon icon-before-and-after text-white fa fa-phone"></i>+54 11 4033-8509</li> | |
326 | + </ul> | |
327 | + <br/><br/> | |
328 | + <!-- Bottom Bar --> | |
329 | + <div class="bottom-bar contact-bottom-bar"> | |
330 | + <div class="row"> | |
331 | + <div class="col-md-12 col-lg-6"> | |
332 | + </div> | |
333 | + </div> | |
334 | + </div> | |
335 | + </div> | |
336 | + | |
337 | + <!-- Contact Form --> | |
338 | + <div id="contact-form-holder" class="dark"> | |
339 | + <div class="contact-form-trigger animated slide-in-right appear-second"><i class="flaticon-mail21"></i></div> | |
340 | + <form role="form" id="mailForm" method="post"> | |
341 | + <div class="form-group"> | |
342 | + <label>Name:</label> | |
343 | + <input type="text" class="form-control" id="name" name="data[name]" placeholder="Ingrese su nombre"> | |
344 | + </div> | |
345 | + <div class="form-group"> | |
346 | + <label>Email:</label> | |
347 | + <input type="email" class="form-control" id="email" name="data[email]" placeholder="Ingrese su email" required> | |
348 | + </div> | |
349 | + <div class="form-group"> | |
350 | + <label>Message:</label> | |
351 | + <textarea class="form-control" id="message" name="data[message]" rows="3"></textarea> | |
352 | + </div> | |
353 | + <button type="submit" class="btn btn-default" id="sendMail">Send<i class="icon-after fa fa-chevron-right"></i></button> | |
354 | + </form> | |
355 | + <div id="successMessage">The message has been sent!</div> | |
356 | + </div> | |
357 | + | |
358 | + </section> | |
359 | + <!-- Contact / End --> | |
360 | + | |
361 | +</div> | |
362 | +<!-- Page Content / End --> | |
363 | + | |
364 | +<!-- Scripts --> | |
365 | +<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script> | |
366 | +<script type="text/javascript" src="../js/page-loader.min.js"></script> | |
367 | +<script type="text/javascript" src="../js/bootstrap.min.js"></script> | |
368 | +<script type="text/javascript" src="../js/jquery.validate.min.js"></script> | |
369 | +<script type="text/javascript" src="../js/jquery.localscroll-1.2.7-min.js"></script> | |
370 | +<script type="text/javascript" src="../js/jquery.scrollTo-1.4.3.1-min.js"></script> | |
371 | +<script type="text/javascript" src="../js/jquery.fitvids.js"></script> | |
372 | +<script type="text/javascript" src="../js/jquery.appear.js"></script> | |
373 | +<script type="text/javascript" src="../js/waypoints.min.js"></script> | |
374 | + | |
375 | +<!-- Custom Script --> | |
376 | +<script type="text/javascript" src="../js/custom.js"></script> | |
377 | + | |
378 | +<script> | |
379 | +$(document).ready(function() { | |
380 | + function mailResponse(data) { | |
381 | + if(data.enviado) { | |
382 | + $('#mailForm').slideUp(400, function() { | |
383 | + $('#mailForm').remove(); | |
384 | + $('#successMessage').slideDown(); | |
385 | + }); | |
386 | + } | |
387 | + } | |
388 | + function checkTerms(e) { | |
389 | + var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; | |
390 | + if($('#email').val().length === 0 || !re.test($('#email').val()) || $('#message').val().length === 0) { | |
391 | + if($('#email').val().length === 0 || !re.test($('#email').val())) { | |
392 | + $('#email').parent().addClass('has-error'); | |
393 | + } else { | |
394 | + $('#email').parent().removeClass('has-error'); | |
395 | + } | |
396 | + if($('#message').val().length === 0) { | |
397 | + $('#message').parent().addClass('has-error'); | |
398 | + } else { | |
399 | + $('#message').parent().removeClass('has-error'); | |
400 | + } | |
401 | + e.preventDefault(); | |
402 | + return; | |
403 | + } | |
404 | + $('#email').parent().removeClass('has-error'); | |
405 | + $('#message').parent().removeClass('has-error'); | |
406 | + $.ajax({ | |
407 | + url: '../sendMail.php', | |
408 | + data: $('#mailForm').serialize(), | |
409 | + type: 'POST', | |
410 | + success: function(data) { | |
411 | + mailResponse(data); | |
412 | + } | |
413 | + }); | |
414 | + } | |
415 | + $('#sendMail').click(function(e) { | |
416 | + e.preventDefault(); | |
417 | + checkTerms(e); | |
418 | + }); | |
419 | + $('#mailForm').submit(function(e) { | |
420 | + e.preventDefault(); | |
421 | + checkTerms(e); | |
422 | + }); | |
423 | +}); | |
424 | +</script> | |
425 | + | |
426 | + | |
427 | +</body> | |
428 | +</html> |
@@ -362,6 +362,7 @@ | ||
362 | 362 | </div> |
363 | 363 | <button type="submit" class="btn btn-default" id="sendMail">Enviar<i class="icon-after fa fa-chevron-right"></i></button> |
364 | 364 | </form> |
365 | + <div id="successMessage">¡Mensaje enviado con éxito!</div> | |
365 | 366 | </div> |
366 | 367 | |
367 | 368 | </section> |
@@ -387,13 +388,26 @@ | ||
387 | 388 | <script> |
388 | 389 | $(document).ready(function() { |
389 | 390 | function mailResponse(data) { |
390 | - console.log(data) | |
391 | + if(data.enviado) { | |
392 | + $('#mailForm').slideUp(400, function() { | |
393 | + $('#mailForm').remove(); | |
394 | + $('#successMessage').slideDown(); | |
395 | + }); | |
396 | + } | |
391 | 397 | } |
392 | 398 | function checkTerms(e) { |
393 | 399 | var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; |
394 | 400 | if($('#email').val().length === 0 || !re.test($('#email').val()) || $('#message').val().length === 0) { |
395 | - if($('#email').val().length === 0 || !re.test($('#email').val())) $('#email').parent().addClass('has-error'); | |
396 | - if($('#message').val().length === 0) $('#message').parent().addClass('has-error'); | |
401 | + if($('#email').val().length === 0 || !re.test($('#email').val())) { | |
402 | + $('#email').parent().addClass('has-error'); | |
403 | + } else { | |
404 | + $('#email').parent().removeClass('has-error'); | |
405 | + } | |
406 | + if($('#message').val().length === 0) { | |
407 | + $('#message').parent().addClass('has-error'); | |
408 | + } else { | |
409 | + $('#message').parent().removeClass('has-error'); | |
410 | + } | |
397 | 411 | e.preventDefault(); |
398 | 412 | return; |
399 | 413 | } |
@@ -23,7 +23,7 @@ | ||
23 | 23 | if(!array_key_exists($e['message'])) $comments = $d['message']; |
24 | 24 | |
25 | 25 | if(empty($e)) { |
26 | - $emailTo = 'porjolovsky@gmail.com'; | |
26 | + $emailTo = array('porjolovsky@gmail.com'); | |
27 | 27 | $subject = 'Contacto WEB de: '.$name; |
28 | 28 | $body = |
29 | 29 | "<table cellspacing='0' cellpadding='0' align='center' valign='middle' width='600' border='0'> |