├── images ├── juan.jpg ├── favicon.png ├── blog │ ├── blog1.jpg │ └── blog2.jpg ├── favicon-1.png ├── portfolio │ ├── item1.jpg │ ├── item2.jpg │ ├── item3.jpg │ ├── item4.jpg │ ├── item5.jpg │ ├── item6.jpg │ ├── item7.jpg │ ├── item8.jpg │ ├── item9.jpg │ ├── item-ai.ai │ ├── item10.jpg │ ├── item11.jpg │ └── item12.jpg ├── interests │ ├── music_icon.png │ ├── cooking_icon.png │ ├── gaming_icon.png │ ├── movies_icon.png │ ├── swiming_icon.png │ ├── travel_icon.png │ ├── bicycling_icon.png │ └── shopping_icon.png ├── JuanGabrielCondoriJara.png └── testimonials │ ├── personal1.jpg │ ├── personal2.jpg │ ├── personal3.jpg │ ├── personal4.jpg │ ├── personal5.jpg │ └── personal6.jpg ├── fonts ├── fontawesome-webfont3e6e.eot ├── fontawesome-webfont3e6e.ttf ├── fontawesome-webfontd41d.eot ├── fontawesome-webfont3e6e.woff ├── fontawesome-webfont3e6e.woff2 ├── glyphicons-halflings-regular-2.html ├── glyphicons-halflings-regular-3.html ├── glyphicons-halflings-regular-4.html ├── glyphicons-halflings-regular.html └── glyphicons-halflings-regulard41d.html ├── cv └── Juan_Gabriel_Condori_Jara_CV.pdf ├── js ├── form-scripts.js ├── jquery.easypiechart.min.js ├── script.js ├── validator.min.js ├── wow.min.js ├── jquery.magnific-popup.min.js └── bootstrap.min.js └── css ├── colors ├── color1-0487cc.css ├── color10-8200ff.css ├── color11-e4c144.css ├── color12-5457a6.css ├── color2-f23a3a.css ├── color3-2eac6d.css ├── color4-f35b25.css ├── color5-f6416c.css ├── color6-ff9999.css ├── color7-00adb5.css ├── color8-00cf95c.css ├── color9-827055.css ├── light.css └── dark.css ├── responsive.css ├── magnific-popup.css ├── swiper.css └── font-awesome.min.css /images/juan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/juan.jpg -------------------------------------------------------------------------------- /images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/favicon.png -------------------------------------------------------------------------------- /images/blog/blog1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/blog/blog1.jpg -------------------------------------------------------------------------------- /images/blog/blog2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/blog/blog2.jpg -------------------------------------------------------------------------------- /images/favicon-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/favicon-1.png -------------------------------------------------------------------------------- /images/portfolio/item1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item1.jpg -------------------------------------------------------------------------------- /images/portfolio/item2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item2.jpg -------------------------------------------------------------------------------- /images/portfolio/item3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item3.jpg -------------------------------------------------------------------------------- /images/portfolio/item4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item4.jpg -------------------------------------------------------------------------------- /images/portfolio/item5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item5.jpg -------------------------------------------------------------------------------- /images/portfolio/item6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item6.jpg -------------------------------------------------------------------------------- /images/portfolio/item7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item7.jpg -------------------------------------------------------------------------------- /images/portfolio/item8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item8.jpg -------------------------------------------------------------------------------- /images/portfolio/item9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item9.jpg -------------------------------------------------------------------------------- /images/portfolio/item-ai.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item-ai.ai -------------------------------------------------------------------------------- /images/portfolio/item10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item10.jpg -------------------------------------------------------------------------------- /images/portfolio/item11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item11.jpg -------------------------------------------------------------------------------- /images/portfolio/item12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/portfolio/item12.jpg -------------------------------------------------------------------------------- /images/interests/music_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/music_icon.png -------------------------------------------------------------------------------- /fonts/fontawesome-webfont3e6e.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/fonts/fontawesome-webfont3e6e.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont3e6e.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/fonts/fontawesome-webfont3e6e.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfontd41d.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/fonts/fontawesome-webfontd41d.eot -------------------------------------------------------------------------------- /images/JuanGabrielCondoriJara.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/JuanGabrielCondoriJara.png -------------------------------------------------------------------------------- /images/interests/cooking_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/cooking_icon.png -------------------------------------------------------------------------------- /images/interests/gaming_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/gaming_icon.png -------------------------------------------------------------------------------- /images/interests/movies_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/movies_icon.png -------------------------------------------------------------------------------- /images/interests/swiming_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/swiming_icon.png -------------------------------------------------------------------------------- /images/interests/travel_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/travel_icon.png -------------------------------------------------------------------------------- /images/testimonials/personal1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/testimonials/personal1.jpg -------------------------------------------------------------------------------- /images/testimonials/personal2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/testimonials/personal2.jpg -------------------------------------------------------------------------------- /images/testimonials/personal3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/testimonials/personal3.jpg -------------------------------------------------------------------------------- /images/testimonials/personal4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/testimonials/personal4.jpg -------------------------------------------------------------------------------- /images/testimonials/personal5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/testimonials/personal5.jpg -------------------------------------------------------------------------------- /images/testimonials/personal6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/testimonials/personal6.jpg -------------------------------------------------------------------------------- /cv/Juan_Gabriel_Condori_Jara_CV.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/cv/Juan_Gabriel_Condori_Jara_CV.pdf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont3e6e.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/fonts/fontawesome-webfont3e6e.woff -------------------------------------------------------------------------------- /fonts/fontawesome-webfont3e6e.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/fonts/fontawesome-webfont3e6e.woff2 -------------------------------------------------------------------------------- /images/interests/bicycling_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/bicycling_icon.png -------------------------------------------------------------------------------- /images/interests/shopping_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Mi_Perfil/HEAD/images/interests/shopping_icon.png -------------------------------------------------------------------------------- /js/form-scripts.js: -------------------------------------------------------------------------------- 1 | $("#contactForm").validator().on("submit", function (event) { 2 | if (event.isDefaultPrevented()) { 3 | // handle the invalid form... 4 | formError(); 5 | submitMSG(false, "Did you fill in the form properly?"); 6 | } else { 7 | // everything looks good! 8 | event.preventDefault(); 9 | submitForm(); 10 | } 11 | }); 12 | 13 | 14 | function submitForm(){ 15 | //$( "#form-submit" ).prop( "disabled", true ); 16 | // Initiate Variables With Form Content 17 | var name = $("#name").val(); 18 | var email = $("#email").val(); 19 | var message = $("#message").val(); 20 | 21 | $.ajax({ 22 | type: "POST", 23 | url: "php/form-process.php", 24 | data: "name=" + name + "&email=" + email + "&message=" + message, 25 | success : function(text){ 26 | if (text == "success"){ 27 | formSuccess(); 28 | } else { 29 | formError(); 30 | submitMSG(false,text); 31 | } 32 | } 33 | }); 34 | } 35 | 36 | function formSuccess(){ 37 | $("#contactForm")[0].reset(); 38 | submitMSG(true, "Message Submitted!") 39 | } 40 | 41 | function formError(){ 42 | $("#contactForm").removeClass().addClass('shake animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ 43 | $(this).removeClass(); 44 | }); 45 | } 46 | 47 | function submitMSG(valid, msg){ 48 | if(valid){ 49 | var msgClasses = "h3 text-center tada animated text-success"; 50 | } else { 51 | var msgClasses = "h3 text-center text-danger"; 52 | } 53 | $("#msgSubmit").removeClass().addClass(msgClasses).text(msg); 54 | } -------------------------------------------------------------------------------- /css/colors/color1-0487cc.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR1 #0487cc ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #0487cc; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #0487cc; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #0487cc; 50 | box-shadow: 0 0 3px #0487cc; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #035c8a; 55 | border-right-color: #035c8a; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #0487cc; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #0487cc; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #0487cc; 73 | } -------------------------------------------------------------------------------- /css/colors/color10-8200ff.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR10 #8200ff ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #8200ff; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #8200ff; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #8200ff; 50 | box-shadow: 0 0 3px #8200ff; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #6007b6; 55 | border-right-color: #6007b6; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #8200ff; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #8200ff; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #8200ff; 73 | } -------------------------------------------------------------------------------- /css/colors/color11-e4c144.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR11 #e4c144 ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #e4c144; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #e4c144; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #e4c144; 50 | box-shadow: 0 0 3px #e4c144; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #bda038; 55 | border-right-color: #bda038; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #e4c144; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #e4c144; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #e4c144; 73 | } -------------------------------------------------------------------------------- /css/colors/color12-5457a6.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR12 #5457a6 ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #5457a6; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #5457a6; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #5457a6; 50 | box-shadow: 0 0 3px #5457a6; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #3D3F74; 55 | border-right-color: #3D3F74; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #5457a6; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #5457a6; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #5457a6; 73 | } -------------------------------------------------------------------------------- /css/colors/color2-f23a3a.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR2 #f23a3a ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #f23a3a; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #f23a3a; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #f23a3a; 50 | box-shadow: 0 0 3px #f23a3a; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #b00f0f; 55 | border-right-color: #b00f0f; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #f23a3a; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #f23a3a; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #f23a3a; 73 | } -------------------------------------------------------------------------------- /css/colors/color3-2eac6d.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR3 #2eac6d ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #2eac6d; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #2eac6d; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #2eac6d; 50 | box-shadow: 0 0 3px #2eac6d; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #22724a; 55 | border-right-color: #22724a; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #2eac6d; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #2eac6d; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #2eac6d; 73 | } -------------------------------------------------------------------------------- /css/colors/color4-f35b25.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR4 #f35b25 ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #f35b25; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #f35b25; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #f35b25; 50 | box-shadow: 0 0 3px #f35b25; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #ab4521; 55 | border-right-color: #ab4521; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #f35b25; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #f35b25; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #f35b25; 73 | } -------------------------------------------------------------------------------- /css/colors/color5-f6416c.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR5 #f6416c ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #f6416c; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #f6416c; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #f6416c; 50 | box-shadow: 0 0 3px #f6416c; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #bf3152; 55 | border-right-color: #bf3152; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #f6416c; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #f6416c; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #f6416c; 73 | } -------------------------------------------------------------------------------- /css/colors/color6-ff9999.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR6 #393e46 ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #ff9999; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #ff9999; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #ff9999; 50 | box-shadow: 0 0 3px #ff9999; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #d27d7d; 55 | border-right-color: #d27d7d; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #ff9999; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #ff9999; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #ff9999; 73 | } -------------------------------------------------------------------------------- /css/colors/color7-00adb5.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR7 #00adb5 ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #00adb5; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #00adb5; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #00adb5; 50 | box-shadow: 0 0 3px #00adb5; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #127b80; 55 | border-right-color: #127b80; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #00adb5; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #00adb5; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #00adb5; 73 | } -------------------------------------------------------------------------------- /css/colors/color8-00cf95c.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR8 #00cf95 ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #00cf95; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #00cf95; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #00cf95; 50 | box-shadow: 0 0 3px #00cf95; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #09a478; 55 | border-right-color: #09a478; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #00cf95; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #00cf95; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #00cf95; 73 | } -------------------------------------------------------------------------------- /css/colors/color9-827055.css: -------------------------------------------------------------------------------- 1 | 2 | /**** C0LOR9 #827055 ****/ 3 | 4 | .loading-overlay .spinner > div, 5 | .section-about .li-social-links a:hover, 6 | .section-skills h3, 7 | .section-skills .progress-bar, 8 | .section-education h3, 9 | .section-experience .experience-content::before, 10 | .section-experience .period-experience, 11 | .section-portfolio .filter-portfolio li.active, 12 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-price, 13 | .section-pricing div[class^="col-"]:nth-child(2) .pricing-buy, 14 | .section-testimonials .personal-text, 15 | .section-testimonials span.swiper-pagination-bullet-active, 16 | .section-interests .swiper-slide, 17 | .section-blog .read-more, 18 | .section-contact-us input[type="submit"], 19 | .section-contact-us .info-icon, 20 | .section-contact-us .social-links, 21 | .menu, 22 | .menu .open-menu, 23 | .more-blog .pagination-blog a.active, 24 | .more-blog .pagination-blog a:hover, 25 | .single-blog .comments .reply, 26 | .single-blog .leave-comment input[type="submit"], 27 | .single-blog .tags li a { 28 | background-color: #827055; 29 | } 30 | 31 | .section h2, 32 | .section-about .available i, 33 | .section-skills .other-skills i, 34 | .section-experience .specialty-name, 35 | .section-testimonials h3, 36 | .section-blog .blog-detail ul, 37 | .section-contact-us h3, 38 | .single-blog .comments h3, 39 | .single-blog .comments .name, 40 | .single-blog .load-more-comments h3, 41 | .single-blog .leave-comment h3, 42 | .single-blog .populaire-posts h3, 43 | .single-blog .tags h3, 44 | .single-blog .archive h3 { 45 | color: #827055; 46 | } 47 | 48 | .section-about .li-social-links a:hover { 49 | border-color: #827055; 50 | box-shadow: 0 0 3px #827055; 51 | } 52 | 53 | .section-education h3::before { 54 | border-top-color: #5c4f3b; 55 | border-right-color: #5c4f3b; 56 | } 57 | 58 | .section-contact-us input:focus, 59 | .section-contact-us textarea:focus, 60 | .single-blog .leave-comment input:focus, 61 | .single-blog .leave-comment textarea:focus { 62 | border-bottom-color: #827055; 63 | } 64 | 65 | .theme-option, 66 | .theme-option .open-theme { 67 | border: 2px solid #827055; 68 | border-right: none; 69 | } 70 | 71 | .single-blog blockquote { 72 | border-left: 6px solid #827055; 73 | } -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Page Not Found 8 | 9 | 76 | 77 | 78 |
79 |
80 |
81 |

Page Not Found

82 |
83 |
84 |

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

85 |

86 | 87 | 88 | 89 | 90 | Back to our site 91 | 92 |

93 |
94 |
95 |
96 | 103 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Page Not Found 8 | 9 | 76 | 77 | 78 |
79 |
80 |
81 |

Page Not Found

82 |
83 |
84 |

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

85 |

86 | 87 | 88 | 89 | 90 | Back to our site 91 | 92 |

93 |
94 |
95 |
96 | 103 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Page Not Found 8 | 9 | 76 | 77 | 78 |
79 |
80 |
81 |

Page Not Found

82 |
83 |
84 |

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

85 |

86 | 87 | 88 | 89 | 90 | Back to our site 91 | 92 |

93 |
94 |
95 |
96 | 103 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Page Not Found 8 | 9 | 76 | 77 | 78 |
79 |
80 |
81 |

Page Not Found

82 |
83 |
84 |

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

85 |

86 | 87 | 88 | 89 | 90 | Back to our site 91 | 92 |

93 |
94 |
95 |
96 | 103 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regulard41d.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Page Not Found 8 | 9 | 76 | 77 | 78 |
79 |
80 |
81 |

Page Not Found

82 |
83 |
84 |

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

85 |

86 | 87 | 88 | 89 | 90 | Back to our site 91 | 92 |

93 |
94 |
95 |
96 | 103 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /js/jquery.easypiechart.min.js: -------------------------------------------------------------------------------- 1 | /**! 2 | * easy-pie-chart 3 | * Lightweight plugin to render simple, animated and retina optimized pie charts 4 | * 5 | * @license 6 | * @author Robert Fleischmann (http://robert-fleischmann.de) 7 | * @version 2.1.7 8 | **/ 9 | !function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){var b=function(a,b){var c,d=document.createElement("canvas");a.appendChild(d),"object"==typeof G_vmlCanvasManager&&G_vmlCanvasManager.initElement(d);var e=d.getContext("2d");d.width=d.height=b.size;var f=1;window.devicePixelRatio>1&&(f=window.devicePixelRatio,d.style.width=d.style.height=[b.size,"px"].join(""),d.width=d.height=b.size*f,e.scale(f,f)),e.translate(b.size/2,b.size/2),e.rotate((-0.5+b.rotate/180)*Math.PI);var g=(b.size-b.lineWidth)/2;b.scaleColor&&b.scaleLength&&(g-=b.scaleLength+2),Date.now=Date.now||function(){return+new Date};var h=function(a,b,c){c=Math.min(Math.max(-1,c||0),1);var d=0>=c?!0:!1;e.beginPath(),e.arc(0,0,g,0,2*Math.PI*c,d),e.strokeStyle=a,e.lineWidth=b,e.stroke()},i=function(){var a,c;e.lineWidth=1,e.fillStyle=b.scaleColor,e.save();for(var d=24;d>0;--d)d%6===0?(c=b.scaleLength,a=0):(c=.6*b.scaleLength,a=b.scaleLength-c),e.fillRect(-b.size/2+a,0,c,1),e.rotate(Math.PI/12);e.restore()},j=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}(),k=function(){b.scaleColor&&i(),b.trackColor&&h(b.trackColor,b.trackWidth||b.lineWidth,1)};this.getCanvas=function(){return d},this.getCtx=function(){return e},this.clear=function(){e.clearRect(b.size/-2,b.size/-2,b.size,b.size)},this.draw=function(a){b.scaleColor||b.trackColor?e.getImageData&&e.putImageData?c?e.putImageData(c,0,0):(k(),c=e.getImageData(0,0,b.size*f,b.size*f)):(this.clear(),k()):this.clear(),e.lineCap=b.lineCap;var d;d="function"==typeof b.barColor?b.barColor(a):b.barColor,h(d,b.lineWidth,a/100)}.bind(this),this.animate=function(a,c){var d=Date.now();b.onStart(a,c);var e=function(){var f=Math.min(Date.now()-d,b.animate.duration),g=b.easing(this,f,a,c-a,b.animate.duration);this.draw(g),b.onStep(a,c,g),f>=b.animate.duration?b.onStop(a,c):j(e)}.bind(this);j(e)}.bind(this)},c=function(a,c){var d={barColor:"#ef1e25",trackColor:"#f9f9f9",scaleColor:"#dfe0e0",scaleLength:5,lineCap:"round",lineWidth:3,trackWidth:void 0,size:110,rotate:0,animate:{duration:1e3,enabled:!0},easing:function(a,b,c,d,e){return b/=e/2,1>b?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},onStart:function(a,b){},onStep:function(a,b,c){},onStop:function(a,b){}};if("undefined"!=typeof b)d.renderer=b;else{if("undefined"==typeof SVGRenderer)throw new Error("Please load either the SVG- or the CanvasRenderer");d.renderer=SVGRenderer}var e={},f=0,g=function(){this.el=a,this.options=e;for(var b in d)d.hasOwnProperty(b)&&(e[b]=c&&"undefined"!=typeof c[b]?c[b]:d[b],"function"==typeof e[b]&&(e[b]=e[b].bind(this)));"string"==typeof e.easing&&"undefined"!=typeof jQuery&&jQuery.isFunction(jQuery.easing[e.easing])?e.easing=jQuery.easing[e.easing]:e.easing=d.easing,"number"==typeof e.animate&&(e.animate={duration:e.animate,enabled:!0}),"boolean"!=typeof e.animate||e.animate||(e.animate={duration:1e3,enabled:e.animate}),this.renderer=new e.renderer(a,e),this.renderer.draw(f),a.dataset&&a.dataset.percent?this.update(parseFloat(a.dataset.percent)):a.getAttribute&&a.getAttribute("data-percent")&&this.update(parseFloat(a.getAttribute("data-percent")))}.bind(this);this.update=function(a){return a=parseFloat(a),e.animate.enabled?this.renderer.animate(f,a):this.renderer.draw(a),f=a,this}.bind(this),this.disableAnimation=function(){return e.animate.enabled=!1,this},this.enableAnimation=function(){return e.animate.enabled=!0,this},g()};a.fn.easyPieChart=function(b){return this.each(function(){var d;a.data(this,"easyPieChart")||(d=a.extend({},b,a(this).data()),a.data(this,"easyPieChart",new c(this,d)))})}}); -------------------------------------------------------------------------------- /css/colors/light.css: -------------------------------------------------------------------------------- 1 | 2 | /**** LIGHT ****/ 3 | 4 | .loading-overlay, 5 | .section-about, 6 | .section-skills .professional-skills, 7 | .section-skills .additional-skills, 8 | .section-education .education-content, 9 | .section-experience .icon-experience, 10 | .section-experience .experience-content, 11 | .section-pricing .pricing-content, 12 | .section-testimonials .swiper-slide, 13 | .section-blog .blog-content, 14 | .section-contact-us .form-content, 15 | .section-contact-us .info-content, 16 | .section-portfolio .filter-portfolio li:hover, 17 | .scroll-top, 18 | .theme-option, 19 | .theme-option .open-theme, 20 | .more-blog .pagination-blog a { 21 | background-color: #ffffff; 22 | } 23 | 24 | .content { 25 | background-color: #efefef; 26 | color: #000000; 27 | } 28 | 29 | .section-about .download-resume, 30 | .section-about .text-available, 31 | .section-about h3, 32 | .section-about .title-info, 33 | .section-about .title-links, 34 | .section-about .li-social-links a, 35 | .section-skills, 36 | .section-skills .title-progress span, 37 | .section-education .ul-education, 38 | .section-experience .icon-experience, 39 | .section-experience .company-name, 40 | .section-portfolio .filter-portfolio li, 41 | .section-pricing .pricing-title h3, 42 | .section-pricing .pricing-detail .line-detail, 43 | .section-testimonials .personal-info span, 44 | .section-blog h4, 45 | .scroll-top, 46 | .theme-option .open-theme, 47 | .more-blog .pagination-blog a, 48 | .single-blog blockquote, 49 | .single-blog .archive li { 50 | color: #757575; 51 | } 52 | 53 | .section-about h2 span, 54 | .theme-option .open-theme:hover { 55 | color: #000000; 56 | } 57 | 58 | .section-about .li-social-links a:hover, 59 | .section-skills h3, 60 | .section-education h3, 61 | .section-experience .period-experience, 62 | .section-portfolio .filter-portfolio li.active, 63 | .section-portfolio .item-overlay, 64 | .section-pricing .most-populaire span, 65 | .section-pricing .pricing-price, 66 | .section-pricing .line-detail .new, 67 | .section-pricing .pricing-buy h3, 68 | .section-testimonials p, 69 | .section-interests h4, 70 | .section-blog .read-more, 71 | .section-blog .load-more span, 72 | .section-contact-us .info-icon, 73 | .section-contact-us .info-text, 74 | .section-contact-us .social-links li, 75 | .menu, 76 | .section-contact-us input[type="submit"], 77 | .more-blog .pagination-blog a.active, 78 | .more-blog .pagination-blog a:hover, 79 | .single-blog .comments .reply, 80 | .single-blog .leave-comment input[type="submit"], 81 | .single-blog .tags li a { 82 | color: #ffffff; 83 | } 84 | 85 | .section-skills .progress, 86 | .section-pricing div[class^="col-"]:nth-child(1) .pricing-price, 87 | .section-pricing div[class^="col-"]:nth-child(3) .pricing-price, 88 | .section-pricing div[class^="col-"]:nth-child(1) .pricing-buy, 89 | .section-pricing div[class^="col-"]:nth-child(3) .pricing-buy, 90 | .section-blog .read-more:hover, 91 | .section-blog .load-more span, 92 | .section-contact-us input[type="submit"]:hover, 93 | .section-contact-us .info-text, 94 | .single-blog .line, 95 | .single-blog .leave-comment input[type="submit"]:hover, 96 | .single-blog .tags li a:hover { 97 | background-color: #757575; 98 | } 99 | 100 | .section-about .li-social-links a { 101 | border: 1px solid #757575; 102 | } 103 | 104 | .section-experience .all-experience { 105 | border-left: 5px solid #ffffff; 106 | } 107 | 108 | .section-contact-us input, 109 | .section-contact-us textarea, 110 | .single-blog .leave-comment input, 111 | .single-blog .leave-comment textarea { 112 | border-bottom: 1px solid #cacaca; 113 | color: #202020; 114 | } 115 | 116 | .section-contact-us .info-text::before { 117 | border-right-color: #757575; 118 | } 119 | 120 | .menu h2 { 121 | border: 4px solid #ffffff; 122 | } 123 | 124 | .menu a.active, 125 | .menu a:hover { 126 | border-right: 6px solid #ffffff; 127 | border-left: 6px solid #ffffff; 128 | } 129 | 130 | .theme-option .light span { 131 | border: 1px solid #000000; 132 | } 133 | 134 | .single-blog blockquote { 135 | background-color: #ededed; 136 | } -------------------------------------------------------------------------------- /css/colors/dark.css: -------------------------------------------------------------------------------- 1 | 2 | /**** DARK ****/ 3 | 4 | .section-about, 5 | .section-skills .professional-skills, 6 | .section-skills .additional-skills, 7 | .section-education .education-content, 8 | .section-experience .icon-experience, 9 | .section-experience .experience-content, 10 | .section-pricing .pricing-content, 11 | .section-testimonials .swiper-slide, 12 | .section-blog .blog-content, 13 | .section-contact-us .form-content, 14 | .section-contact-us .info-content, 15 | .section-portfolio .filter-portfolio li:hover, 16 | .scroll-top, 17 | .theme-option, 18 | .theme-option .open-theme, 19 | .more-blog .pagination-blog a { 20 | background-color: #3a3b40; 21 | } 22 | 23 | .content, 24 | .section-about h2 span, 25 | .section-skills h3, 26 | .section-about .li-social-links a:hover, 27 | .section-education h3, 28 | .section-experience .period-experience, 29 | .section-portfolio .filter-portfolio li.active, 30 | .section-portfolio .item-overlay, 31 | .section-pricing .most-populaire span, 32 | .section-pricing .pricing-price, 33 | .section-pricing .line-detail .new, 34 | .section-pricing .pricing-buy h3, 35 | .section-testimonials p, 36 | .section-interests h4, 37 | .section-blog .read-more, 38 | .section-blog .load-more span, 39 | .section-contact-us input, 40 | .section-contact-us textarea, 41 | .section-contact-us input[type="submit"], 42 | .section-contact-us .info-icon, 43 | .section-contact-us .info-text, 44 | .section-contact-us .social-links li, 45 | .menu, 46 | .theme-option .open-theme:hover, 47 | .more-blog .pagination-blog a.active, 48 | .more-blog .pagination-blog a:hover, 49 | .single-blog blockquote, 50 | .single-blog .comments .reply, 51 | .single-blog .leave-comment input, 52 | .single-blog .leave-comment textarea, 53 | .single-blog .leave-comment input[type="submit"], 54 | .single-blog .tags li a { 55 | color: #eeeeee; 56 | } 57 | 58 | .loading-overlay, 59 | .content, 60 | .single-blog blockquote { 61 | background-color: #2a2c30; 62 | } 63 | 64 | .section-about .download-resume, 65 | .section-about .text-available, 66 | .section-about h3, 67 | .section-about .title-info, 68 | .section-about .title-links, 69 | .section-about .li-social-links a, 70 | .section-skills, 71 | .section-skills .title-progress span, 72 | .section-education .ul-education, 73 | .section-experience .icon-experience, 74 | .section-experience .company-name, 75 | .section-portfolio .filter-portfolio li, 76 | .section-pricing .pricing-title h3, 77 | .section-pricing .pricing-detail .line-detail, 78 | .section-testimonials .personal-info span, 79 | .section-blog h4, 80 | .scroll-top, 81 | .theme-option .open-theme, 82 | .more-blog .pagination-blog a, 83 | .single-blog .archive li { 84 | color: #aaaaaa; 85 | } 86 | 87 | .section-skills .progress, 88 | .section-blog .read-more:hover, 89 | .section-blog .load-more span, 90 | .section-contact-us input[type="submit"]:hover, 91 | .section-contact-us .info-text, 92 | .section-pricing div[class^="col-"]:nth-child(1) .pricing-price, 93 | .section-pricing div[class^="col-"]:nth-child(3) .pricing-price, 94 | .section-pricing div[class^="col-"]:nth-child(1) .pricing-buy, 95 | .section-pricing div[class^="col-"]:nth-child(3) .pricing-buy, 96 | .single-blog .line, 97 | .single-blog .leave-comment input[type="submit"]:hover, 98 | .single-blog .tags li a:hover { 99 | background-color: #aaaaaa; 100 | } 101 | 102 | .section-about .li-social-links a { 103 | border: 1px solid #aaaaaa; 104 | } 105 | 106 | .section-experience .all-experience { 107 | border-left: 5px solid #3a3b40; 108 | } 109 | 110 | .section-contact-us input, 111 | .section-contact-us textarea, 112 | .single-blog .leave-comment input, 113 | .single-blog .leave-comment textarea { 114 | border-bottom: 1px solid #aaaaaa; 115 | } 116 | 117 | .section-contact-us .info-text::before { 118 | border-right-color: #aaaaaa; 119 | } 120 | 121 | .menu h2 { 122 | border: 4px solid #eeeeee; 123 | } 124 | 125 | .menu a.active, 126 | .menu a:hover { 127 | border-right: 6px solid #eeeeee; 128 | border-left: 6px solid #eeeeee; 129 | } 130 | 131 | .theme-option .light span { 132 | color: #000000; 133 | } -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | $(document).on('ready', function(){ 2 | 3 | /**** FILTER PORTFOLIO ****/ 4 | $('.section-portfolio .filter-portfolio li').on('click', function(){ 5 | //change active li filter 6 | $('.section-portfolio .filter-portfolio li').removeClass('active'); 7 | $(this).addClass('active'); 8 | 9 | //filter portfolio 10 | var filter = $(this).attr('data-filter'); 11 | $('.section-portfolio .row > div').children().css({ 12 | 'pointer-events':'none', 13 | 'opacity':'.4' 14 | }); 15 | $('.section-portfolio .row > div').children(filter).css({ 16 | 'pointer-events':'auto', 17 | 'opacity':'1' 18 | }); 19 | if(filter == 'all') { 20 | $('.section-portfolio .row > div').children().css({ 21 | 'pointer-events':'auto', 22 | 'opacity':'1' 23 | }); 24 | } 25 | }); 26 | 27 | /**** Swiper Testimonials Slider ****/ /* more information : http://idangero.us/swiper/demos/#.V_0G2Tjy31V */ 28 | var swiper = new Swiper('.section-testimonials .swiper-container', { 29 | pagination: '.section-testimonials .swiper-pagination', 30 | paginationClickable: true, 31 | slidesPerView: 3, 32 | spaceBetween: 30, 33 | breakpoints: { 34 | 1024: { 35 | slidesPerView: 3, 36 | spaceBetween: 40 37 | }, 38 | 768: { 39 | slidesPerView: 2, 40 | spaceBetween: 30 41 | }, 42 | 640: { 43 | slidesPerView: 1, 44 | spaceBetween: 20 45 | }, 46 | 320: { 47 | slidesPerView: 1, 48 | spaceBetween: 10 49 | } 50 | } 51 | }); 52 | 53 | /**** Swiper Interests Slider ****/ 54 | var swiper = new Swiper('.section-interests .swiper-container', { 55 | pagination: '.section-interests .swiper-pagination', 56 | paginationClickable: true, 57 | slidesPerView: 6, 58 | spaceBetween: 30, 59 | breakpoints: { 60 | 1024: { 61 | slidesPerView: 5, 62 | spaceBetween: 40 63 | }, 64 | 768: { 65 | slidesPerView: 4, 66 | spaceBetween: 30 67 | }, 68 | 640: { 69 | slidesPerView: 2, 70 | spaceBetween: 20 71 | }, 72 | 320: { 73 | slidesPerView: 1, 74 | spaceBetween: 10 75 | } 76 | } 77 | }); 78 | 79 | /**** MENU ****/ 80 | $('.menu a').on('click', function(e){ 81 | e.preventDefault(); 82 | //change active li menu 83 | $('.menu a').removeClass('active'); 84 | $(this).addClass('active'); 85 | 86 | //scroll on click 87 | $('html,body').animate({ 88 | scrollTop: $('#'+$(this).data('value')).offset().top - 20 89 | },1500); 90 | }); 91 | 92 | //open and close menu 93 | $('.menu .open-menu').on('click', function(){ 94 | if($('.menu').css('left') == '-160px'){ 95 | $('.menu').css('left','0px'); 96 | $('.menu .open-menu i').attr('class','fa fa-times'); 97 | } 98 | else if($('.menu').css('left') == '0px'){ 99 | $('.menu').css('left','-160px'); 100 | $('.menu .open-menu i').attr('class','fa fa-bars'); 101 | } 102 | }); 103 | 104 | /**** SCROLL FUNCTION ****/ 105 | $(window).on('scroll', function(){ 106 | 107 | //menu on scroll 108 | var windowScroll = $(window).scrollTop(); 109 | $('.section').each(function(i){ 110 | if($(this).position().top <= windowScroll + 200){ 111 | $('.menu a.active').removeClass('active'); 112 | $('.menu a').eq(i).addClass('active'); 113 | } 114 | }); 115 | 116 | // show and hiding button scroll top 117 | if($(this).scrollTop()>= 1200) 118 | { 119 | $(".scroll-top").fadeIn(500); 120 | } 121 | else 122 | { 123 | $(".scroll-top").fadeOut(500); 124 | } 125 | 126 | }); 127 | 128 | //button scroll top on click 129 | $(".scroll-top").on('click', function(){ 130 | $("html,body").animate({scrollTop: 0},1500); 131 | }); 132 | 133 | /**** THEME-OPTION ****/ 134 | 135 | $('.theme-option .open-theme').on('click', function(){ 136 | if($('.theme-option').css('right') == '-227px'){ 137 | $('.theme-option').css('right','0'); 138 | } 139 | 140 | else if($('.theme-option').css('right') == '0px'){ 141 | $('.theme-option').css('right','-227px'); 142 | } 143 | }); 144 | 145 | $('.theme-option .light-dark-theme span').on('click', function(){ 146 | $('.theme-option .light-dark-theme i').css('opacity','0'); 147 | $(this).children('i').css('opacity','1'); 148 | 149 | var dataValue = $(this).data('value'); 150 | $('#light-dark').attr('href',dataValue); 151 | }); 152 | 153 | $('.theme-option .colors-theme span').on('click', function(){ 154 | $('.theme-option .colors-theme i').css('opacity','0'); 155 | $(this).children('i').css('opacity','1'); 156 | 157 | var dataValue = $(this).data('value'); 158 | $('#colors').attr('href',dataValue); 159 | }); 160 | 161 | /**** Magnific Popup ****/ 162 | var groups = {}; 163 | $('.section-portfolio .item-portfolio .work-popup').each(function() { 164 | var id = parseInt($(this).attr('data-group'), 10); 165 | 166 | if(!groups[id]) { 167 | groups[id] = []; 168 | } 169 | 170 | groups[id].push( this ); 171 | }); 172 | 173 | $.each(groups, function() { 174 | 175 | $(this).magnificPopup({ 176 | type: 'image', 177 | closeOnContentClick: true, 178 | closeBtnInside: false, 179 | gallery: { enabled:true } 180 | }) 181 | 182 | }); 183 | 184 | /**** WOW-ANIMATE ****/ 185 | new WOW().init(); 186 | 187 | }); 188 | 189 | /**** LOADER ****/ 190 | $(window).on('load', function() 191 | { 192 | $("body").css("overflow","auto"); 193 | $(".loading-overlay, .loading-overlay").fadeOut(); 194 | }); -------------------------------------------------------------------------------- /js/validator.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Validator v0.8.1 for Bootstrap 3, by @1000hz 3 | * Copyright 2015 Cina Saffary 4 | * Licensed under http://opensource.org/licenses/MIT 5 | * 6 | * https://github.com/1000hz/bootstrap-validator 7 | */ 8 | 9 | +function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b),f=c.data("bs.validator");(f||"destroy"!=b)&&(f||c.data("bs.validator",f=new d(this,e)),"string"==typeof b&&f[b]())})}var c=':input:not([type="submit"], button):enabled:visible',d=function(b,c){this.$element=a(b),this.options=c,c.errors=a.extend({},d.DEFAULTS.errors,c.errors);for(var e in c.custom)if(!c.errors[e])throw new Error("Missing default error message for custom validator: "+e);a.extend(d.VALIDATORS,c.custom),this.$element.attr("novalidate",!0),this.toggleSubmit(),this.$element.on("input.bs.validator change.bs.validator focusout.bs.validator",a.proxy(this.validateInput,this)),this.$element.on("submit.bs.validator",a.proxy(this.onSubmit,this)),this.$element.find("[data-match]").each(function(){var b=a(this),c=b.data("match");a(c).on("input.bs.validator",function(){b.val()&&b.trigger("input.bs.validator")})})};d.DEFAULTS={delay:500,html:!1,disable:!0,custom:{},errors:{match:"Does not match",minlength:"Not long enough"},feedback:{success:"glyphicon-ok",error:"glyphicon-warning-sign"}},d.VALIDATORS={"native":function(a){var b=a[0];return b.checkValidity?b.checkValidity():!0},match:function(b){var c=b.data("match");return!b.val()||b.val()===a(c).val()},minlength:function(a){var b=a.data("minlength");return!a.val()||a.val().length>=b}},d.prototype.validateInput=function(b){var c=a(b.target),d=c.data("bs.validator.errors");if(c.is('[type="radio"]')&&(c=this.$element.find('input[name="'+c.attr("name")+'"]')),this.$element.trigger(b=a.Event("validate.bs.validator",{relatedTarget:c[0]})),!b.isDefaultPrevented()){var e=this;this.runValidators(c).done(function(f){c.data("bs.validator.errors",f),f.length?e.showErrors(c):e.clearErrors(c),d&&f.toString()===d.toString()||(b=f.length?a.Event("invalid.bs.validator",{relatedTarget:c[0],detail:f}):a.Event("valid.bs.validator",{relatedTarget:c[0],detail:d}),e.$element.trigger(b)),e.toggleSubmit(),e.$element.trigger(a.Event("validated.bs.validator",{relatedTarget:c[0]}))})}},d.prototype.runValidators=function(b){function c(a){return b.data(a+"-error")||b.data("error")||"native"==a&&b[0].validationMessage||g.errors[a]}var e=[],f=a.Deferred(),g=this.options;return b.data("bs.validator.deferred")&&b.data("bs.validator.deferred").reject(),b.data("bs.validator.deferred",f),a.each(d.VALIDATORS,a.proxy(function(a,d){if((b.data(a)||"native"==a)&&!d.call(this,b)){var f=c(a);!~e.indexOf(f)&&e.push(f)}},this)),!e.length&&b.val()&&b.data("remote")?this.defer(b,function(){var d={};d[b.attr("name")]=b.val(),a.get(b.data("remote"),d).fail(function(a,b,d){e.push(c("remote")||d)}).always(function(){f.resolve(e)})}):f.resolve(e),f.promise()},d.prototype.validate=function(){var a=this.options.delay;return this.options.delay=0,this.$element.find(c).trigger("input.bs.validator"),this.options.delay=a,this},d.prototype.showErrors=function(b){var c=this.options.html?"html":"text";this.defer(b,function(){var d=b.closest(".form-group"),e=d.find(".help-block.with-errors"),f=d.find(".form-control-feedback"),g=b.data("bs.validator.errors");g.length&&(g=a("