kevinzcf
4 years ago
commit
e85a7291dd
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0;color:inherit;border:0;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 252 KiB |
|
After Width: | Height: | Size: 218 B |
|
After Width: | Height: | Size: 333 B |
|
After Width: | Height: | Size: 188 KiB |
@ -0,0 +1 @@
|
|||||||
|
var alertTimeout,delay=5000;function remove_alert(){clearTimeout(alertTimeout);alertTimeout=setTimeout(function(){$(".custom-alert").stop().fadeOut(function(){$(this).remove()})},delay)}function custom_alert(a,b){$(".custom-alert").remove();$alert=$("<div>"+a+"</div>");$alert.addClass("custom-alert");if(b=="success"){$alert.addClass("custom-alert-success")}if(b=="error"){$alert.addClass("custom-alert-warning")}$("body").append($alert);$alert.fadeIn(function(){remove_alert()})};
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
function contact_state(a){if(a=="disable"){$("#contact-btn").removeClass("btn-loading");$("#contact-btn").removeClass("active");$("#contact-btn").addClass("disabled");$("#contact-form .form-control").each(function(){$(this).addClass("disabled")})}if(a=="loading"){$("#contact-btn").addClass("btn-loading")}}$(function(){this.sended=false;var c=this;var a=$("#contact-form"),b="Message Send",d="Something wrong! Please try later";console.log(a);a.on("submit",function(e){contact_state("loading");if(!c.sended){$.ajax({url:"php/form.php",type:"POST",data:a.serialize(),success:function(g){var f=JSON.parse(g);if(f.status=="success"){custom_alert(b,"success");contact_state("disable")}else{custom_alert(d,"error");contact_state("disable")}},error:function(f){custom_alert(d,"error");contact_state("disable")},});c.sended=true}e.preventDefault()})});
|
||||||
@ -0,0 +1 @@
|
|||||||
|
!function(a){a.fn.appear=function(f,c){var b=a.extend({data:void 0,one:!0,accX:0,accY:0},c);return this.each(function(){var j=a(this);if(j.appeared=!1,f){var i=a(window),d=function(){if(j.is(":visible")){var l=i.scrollLeft(),h=i.scrollTop(),x=j.offset(),w=x.left,u=x.top,z=b.accX,k=b.accY,q=j.height(),v=i.height(),m=j.width(),y=i.width();h<=u+q+k&&u<=h+v+k&&l<=w+m+z&&w<=l+y+z?j.appeared||j.trigger("appear",b.data):j.appeared=!1}else{j.appeared=!1}},g=function(){if(j.appeared=!0,b.one){i.unbind("scroll",d);var h=a.inArray(d,a.fn.appear.checks);0<=h&&a.fn.appear.checks.splice(h,1)}f.apply(this,arguments)};b.one?j.one("appear",b.data,g):j.bind("appear",b.data,g),i.scroll(d),a.fn.appear.checks.push(d),d()}else{j.trigger("appear",b.data)}})},a.extend(a.fn.appear,{checks:[],timeout:null,checkAll:function(){var b=a.fn.appear.checks.length;if(0<b){for(;b--;){a.fn.appear.checks[b]()}}},run:function(){a.fn.appear.timeout&&clearTimeout(a.fn.appear.timeout),a.fn.appear.timeout=setTimeout(a.fn.appear.checkAll,20)}}),a.each(["append","prepend","after","before","attr","removeAttr","addClass","removeClass","toggleClass","remove","css","show","hide"],function(c,b){var d=a.fn[b];d&&(a.fn[b]=function(){var f=d.apply(this,arguments);return a.fn.appear.run(),f})})}(jQuery);
|
||||||
@ -0,0 +1 @@
|
|||||||
|
(function(a){if(typeof define==="function"&&define.amd){define(["jquery"],a)}else{if(typeof exports==="object"){a(require("jquery"))}else{a(jQuery)}}}(function(a){var b=function(d,e){this.$element=a(d);this.options=a.extend({},b.DEFAULTS,this.dataOptions(),e);this.init()};b.DEFAULTS={from:0,to:0,speed:1000,refreshInterval:100,decimals:0,formatter:c,onUpdate:null,onComplete:null};b.prototype.init=function(){this.value=this.options.from;this.loops=Math.ceil(this.options.speed/this.options.refreshInterval);this.loopCount=0;this.increment=(this.options.to-this.options.from)/this.loops};b.prototype.dataOptions=function(){var g={from:this.$element.data("from"),to:this.$element.data("to"),speed:this.$element.data("speed"),refreshInterval:this.$element.data("refresh-interval"),decimals:this.$element.data("decimals")};var f=Object.keys(g);for(var d in f){var e=f[d];if(typeof(g[e])==="undefined"){delete g[e]}}return g};b.prototype.update=function(){this.value+=this.increment;this.loopCount++;this.render();if(typeof(this.options.onUpdate)=="function"){this.options.onUpdate.call(this.$element,this.value)}if(this.loopCount>=this.loops){clearInterval(this.interval);this.value=this.options.to;if(typeof(this.options.onComplete)=="function"){this.options.onComplete.call(this.$element,this.value)}}};b.prototype.render=function(){var d=this.options.formatter.call(this.$element,this.value,this.options);this.$element.text(d)};b.prototype.restart=function(){this.stop();this.init();this.start()};b.prototype.start=function(){this.stop();this.render();this.interval=setInterval(this.update.bind(this),this.options.refreshInterval)};b.prototype.stop=function(){if(this.interval){clearInterval(this.interval)}};b.prototype.toggle=function(){if(this.interval){this.stop()}else{this.start()}};function c(e,d){return e.toFixed(d.decimals)}a.fn.countTo=function(d){return this.each(function(){var e=a(this);var f=e.data("countTo");var g=!f||typeof(d)==="object";var i=typeof(d)==="object"?d:{};var h=typeof(d)==="string"?d:"start";if(g){if(f){f.stop()}e.data("countTo",f=new b(this,i))}f[h].call(f)})}}));
|
||||||
@ -0,0 +1 @@
|
|||||||
|
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(c,d,b,j,i){return jQuery.easing[jQuery.easing.def](c,d,b,j,i)},easeInQuad:function(c,d,b,j,i){return j*(d/=i)*d+b},easeOutQuad:function(c,d,b,j,i){return -j*(d/=i)*(d-2)+b},easeInOutQuad:function(c,d,b,j,i){if((d/=i/2)<1){return j/2*d*d+b}return -j/2*((--d)*(d-2)-1)+b},easeInCubic:function(c,d,b,j,i){return j*(d/=i)*d*d+b},easeOutCubic:function(c,d,b,j,i){return j*((d=d/i-1)*d*d+1)+b},easeInOutCubic:function(c,d,b,j,i){if((d/=i/2)<1){return j/2*d*d*d+b}return j/2*((d-=2)*d*d+2)+b},easeInQuart:function(c,d,b,j,i){return j*(d/=i)*d*d*d+b},easeOutQuart:function(c,d,b,j,i){return -j*((d=d/i-1)*d*d*d-1)+b},easeInOutQuart:function(c,d,b,j,i){if((d/=i/2)<1){return j/2*d*d*d*d+b}return -j/2*((d-=2)*d*d*d-2)+b},easeInQuint:function(c,d,b,j,i){return j*(d/=i)*d*d*d*d+b},easeOutQuint:function(c,d,b,j,i){return j*((d=d/i-1)*d*d*d*d+1)+b},easeInOutQuint:function(c,d,b,j,i){if((d/=i/2)<1){return j/2*d*d*d*d*d+b}return j/2*((d-=2)*d*d*d*d+2)+b},easeInSine:function(c,d,b,j,i){return -j*Math.cos(d/i*(Math.PI/2))+j+b},easeOutSine:function(c,d,b,j,i){return j*Math.sin(d/i*(Math.PI/2))+b},easeInOutSine:function(c,d,b,j,i){return -j/2*(Math.cos(Math.PI*d/i)-1)+b},easeInExpo:function(c,d,b,j,i){return(d==0)?b:j*Math.pow(2,10*(d/i-1))+b},easeOutExpo:function(c,d,b,j,i){return(d==i)?b+j:j*(-Math.pow(2,-10*d/i)+1)+b},easeInOutExpo:function(c,d,b,j,i){if(d==0){return b}if(d==i){return b+j}if((d/=i/2)<1){return j/2*Math.pow(2,10*(d-1))+b}return j/2*(-Math.pow(2,-10*--d)+2)+b},easeInCirc:function(c,d,b,j,i){return -j*(Math.sqrt(1-(d/=i)*d)-1)+b},easeOutCirc:function(c,d,b,j,i){return j*Math.sqrt(1-(d=d/i-1)*d)+b},easeInOutCirc:function(c,d,b,j,i){if((d/=i/2)<1){return -j/2*(Math.sqrt(1-d*d)-1)+b}return j/2*(Math.sqrt(1-(d-=2)*d)+1)+b},easeInElastic:function(b,d,a,p,o){var m=1.70158;var n=0;var c=p;if(d==0){return a}if((d/=o)==1){return a+p}if(!n){n=o*0.3}if(c<Math.abs(p)){c=p;var m=n/4}else{var m=n/(2*Math.PI)*Math.asin(p/c)}return -(c*Math.pow(2,10*(d-=1))*Math.sin((d*o-m)*(2*Math.PI)/n))+a},easeOutElastic:function(b,d,a,p,o){var m=1.70158;var n=0;var c=p;if(d==0){return a}if((d/=o)==1){return a+p}if(!n){n=o*0.3}if(c<Math.abs(p)){c=p;var m=n/4}else{var m=n/(2*Math.PI)*Math.asin(p/c)}return c*Math.pow(2,-10*d)*Math.sin((d*o-m)*(2*Math.PI)/n)+p+a},easeInOutElastic:function(b,d,a,p,o){var m=1.70158;var n=0;var c=p;if(d==0){return a}if((d/=o/2)==2){return a+p}if(!n){n=o*(0.3*1.5)}if(c<Math.abs(p)){c=p;var m=n/4}else{var m=n/(2*Math.PI)*Math.asin(p/c)}if(d<1){return -0.5*(c*Math.pow(2,10*(d-=1))*Math.sin((d*o-m)*(2*Math.PI)/n))+a}return c*Math.pow(2,-10*(d-=1))*Math.sin((d*o-m)*(2*Math.PI)/n)*0.5+p+a},easeInBack:function(c,d,b,l,k,j){if(j==undefined){j=1.70158}return l*(d/=k)*d*((j+1)*d-j)+b},easeOutBack:function(c,d,b,l,k,j){if(j==undefined){j=1.70158}return l*((d=d/k-1)*d*((j+1)*d+j)+1)+b},easeInOutBack:function(c,d,b,l,k,j){if(j==undefined){j=1.70158}if((d/=k/2)<1){return l/2*(d*d*(((j*=(1.525))+1)*d-j))+b}return l/2*((d-=2)*d*(((j*=(1.525))+1)*d+j)+2)+b},easeInBounce:function(c,d,b,j,i){return j-jQuery.easing.easeOutBounce(c,i-d,0,j,i)+b},easeOutBounce:function(c,d,b,j,i){if((d/=i)<(1/2.75)){return j*(7.5625*d*d)+b}else{if(d<(2/2.75)){return j*(7.5625*(d-=(1.5/2.75))*d+0.75)+b}else{if(d<(2.5/2.75)){return j*(7.5625*(d-=(2.25/2.75))*d+0.9375)+b}else{return j*(7.5625*(d-=(2.625/2.75))*d+0.984375)+b}}}},easeInOutBounce:function(c,d,b,j,i){if(d<i/2){return jQuery.easing.easeInBounce(c,d*2,0,j,i)*0.5+b}return jQuery.easing.easeOutBounce(c,d*2-i,0,j,i)*0.5+j*0.5+b}});
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
"use strict";$("body").on("kaydenLoaded",function(){$(".grid").masonry({itemSelector:".grid-item"});AOS.init({once:true});$(".tmcounter").each(function(){$(this).appear(function(){$(this).countTo()})});$(".progress-bar-loadAnimation").each(function(){$(this).appear(function(){$(this).css({width:$(this).data("percent")+"%"})})});$(window).on("scroll",function(){transparent_header()});$(".portfolio-image").magnificPopup({type:"image",closeOnContentClick:true,gallery:{enabled:true,navigateByImgClick:true,preload:[0,1]}});$(".iframe_popup").magnificPopup({type:"iframe",closeBtnInside:false,iframe:{markup:'<div class="mfp-iframe-scaler"><div class="mfp-close"></div><iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe></div>',patterns:{youtube:{index:"youtube.com/",id:"v=",src:"https://www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}},srcAction:"iframe_src",}});$("#client_slider").owlCarousel({items:1,loop:true,autoplay:true,autoplayTimeout:4000,dots:true,autoplayHoverPause:true,autoplaySpeed:1000,navSpeed:500,dotsSpeed:500,dragEndSpeed:500});var a=new Typed(".typed_text",{strings:$(".typed_text").data("options").split(","),typeSpeed:90,backDelay:2000,backSpeed:40,loop:true});$('a.kayden_scrollspy[href^="#"]:not([href="#"]').on("click",function(c){var b=$(this);var d=parseInt($("body").data("offset"));$("html, body").stop().animate({scrollTop:($(b.attr("href")).offset().top)-(d-1)},1500,"easeInOutExpo");c.preventDefault()});$(window).scroll(function(){if($(this).scrollTop()>=350){$("#return-to-top").fadeIn(200)}else{$("#return-to-top").fadeOut(200)}});$("#return-to-top").on("click",function(){event.preventDefault();$("body,html").animate({scrollTop:0},1500,"easeInOutExpo")})});
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
function transparent_header(){if($(window).scrollTop()<parseInt(window.innerHeight*0.12)){$(".kayden-header > .header-inside").addClass("transparent_header")}else{$(".kayden-header > .header-inside").removeClass("transparent_header")}}function loading(){var a=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden";document.body.style.marginRight=a+"px";window.scrollTo(0,0)}function loaded(a){$preloader=$("#preloader");var b=new CustomEvent("kaydenLoaded");$preloader.fadeOut(400,function(){$("body").removeAttr("style");a.dispatchEvent(b)})}transparent_header();loading();window.addEventListener("load",function(a){loaded(document.body)});
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,427 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Kevin</title>
|
||||||
|
<!--Usefull Meta-->
|
||||||
|
<meta name="description" content="A slick, customizable CV, Resume or Portfolio template, perfect for photographers, freelancers or designers.">
|
||||||
|
<meta name="keywords" content="angus, resume, cv, vCard, portfolio, html template, template, responsive">
|
||||||
|
<!--Google Fonts-->
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
|
||||||
|
<!--AOS Animation Stylesheet-->
|
||||||
|
<link rel="stylesheet" href="assets/css/aos.css">
|
||||||
|
<!--Font Awesome-->
|
||||||
|
<link rel="stylesheet" href="assets/css/all.min.css">
|
||||||
|
<!--Magnific Popup-->
|
||||||
|
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||||||
|
<!--OWL Carousel-->
|
||||||
|
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
|
||||||
|
<!--OWL Carousel Theme-->
|
||||||
|
<link rel="stylesheet" href="assets/css/owl_theme.css">
|
||||||
|
<!--Keyden Styelsheet with Bootstrap 5-->
|
||||||
|
<link rel="stylesheet" href="assets/css/kayden_1.css">
|
||||||
|
</head>
|
||||||
|
<body data-offset="102">
|
||||||
|
<!--PRELOADER START-->
|
||||||
|
<div id="preloader">
|
||||||
|
<div class="text-center w-100">
|
||||||
|
<div class="loader"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--PRELOADER END-->
|
||||||
|
<!--Header START-->
|
||||||
|
<header class="kayden-header sticky-top">
|
||||||
|
<div class="header-inside transparent_header">
|
||||||
|
<div class="d-flex flex-row justify-content-between align-items-center">
|
||||||
|
<!--Header Toggler START-->
|
||||||
|
<div class="kayden-menu-toggler"><a class="kayden-toggler text-reset" data-bs-toggle="offcanvas" href="#kaydenOffCanvas" role="button" aria-controls="kaydenOffCanvas">
|
||||||
|
<div class="kt-r"><span></span><span></span><span></span></div>
|
||||||
|
<div class="kt-t">MENU </div>
|
||||||
|
</a></div>
|
||||||
|
<!--Header Toggler END--><!--Header Logo START-->
|
||||||
|
<div class="kayden-logo"><a href="#"><i class="fas fa-rainbow"></i></a></div>
|
||||||
|
<!--Header Logo END--><!--Header Info START-->
|
||||||
|
<div class="kayden-nav-meta fs-5 fw-bold d-none d-sm-block text-end"><a href="#" class="text-reset">kevinzcf@gmail.com</a></div>
|
||||||
|
<!--Header Info END--></div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!--Header END--><!--Off Canvas START-->
|
||||||
|
<div class="offcanvas offcanvas-start" id="kaydenOffCanvas">
|
||||||
|
<!--Off Canvas Header START-->
|
||||||
|
<div class="offcanvas-header">
|
||||||
|
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"><i class="fas fa-times"></i></button>
|
||||||
|
</div>
|
||||||
|
<!--Off Canvas Header END--><!--Off Canvas Body START-->
|
||||||
|
<div class="offcanvas-body">
|
||||||
|
<div class="kayden-offcanvas-nav-container d-flex flex-column justify-content-center align-items-center"><!--Off Canvas Navigation START-->
|
||||||
|
<ul class="kayden-offcanvas-nav list-inline">
|
||||||
|
<li class="py-3"><a href="#home" class="kayden_scrollspy underline_animation underline_text text-reset fs-4 fw-bold" data-bs-dismiss="offcanvas">Home</a></li>
|
||||||
|
<li class="py-3"><a href="#about" class="kayden_scrollspy underline_animation underline_text text-reset fs-4 fw-bold" data-bs-dismiss="offcanvas">About</a></li>
|
||||||
|
<li class="py-3"><a href="#contact" class="kayden_scrollspy underline_animation underline_text text-reset fs-4 fw-bold" data-bs-dismiss="offcanvas">Contact</a></li>
|
||||||
|
</ul>
|
||||||
|
<!--Off Canvas Navigation END-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Off Canvas Body END-->
|
||||||
|
</div>
|
||||||
|
<!--Off Canvas END--><!--Home Section START-->
|
||||||
|
<section id="home" class="home vh-100"><!--Home Background START-->
|
||||||
|
<div class="home-background position-absolute top-0 start-0 w-100 h-100"><img src="assets/images/home.jpg" data-aos="fade-up" data-aos-duration="1000" alt="home" class="w-100 h-100 fit-cover fit-left-top"></div>
|
||||||
|
<!--Home Background END--><!--Home Container START-->
|
||||||
|
<div class="container h-100 position-relative">
|
||||||
|
<div class="home-details text-center text-sm-end w-100 h-100 d-flex align-items-center">
|
||||||
|
<div class="home-details-inner w-100">
|
||||||
|
<p class="welcome_text fs-4" data-aos="fade-up" data-aos-duration="800" data-aos-delay="500"><span class="typed_text" data-options="Java Entwickler, Full Stack, DevOps"></span></p>
|
||||||
|
<h1 class="fs-1 fw-bold kayden-underline-center kayden-underline-sm-right kayden-underline-big d-inline-block" data-aos="fade-up" data-aos-duration="800" data-aos-delay="800">I'm Kevin</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Home Container END-->
|
||||||
|
<!--Scroll Down START-->
|
||||||
|
<div class="scroll-down"> <a href="#about" class="kayden_scrollspy scroll-down-link text-center">
|
||||||
|
<div class="scroll-title">Scroll Down</div>
|
||||||
|
<div class="scroll-mouse">
|
||||||
|
<div class="whell"></div>
|
||||||
|
</div>
|
||||||
|
</a> </div>
|
||||||
|
<!--Scroll Down END-->
|
||||||
|
</section>
|
||||||
|
<!--Home Section END-->
|
||||||
|
<!--About Section START-->
|
||||||
|
<section id="about" class="min-vh-100">
|
||||||
|
<div class="container h-100">
|
||||||
|
<div class="about_inside w-100 h-100 d-flex justify-content-center align-items-center">
|
||||||
|
<div class="row w-100">
|
||||||
|
<!--About Section Picture START-->
|
||||||
|
<div class="offset-md-1 col-md-4">
|
||||||
|
<div class="about-image w-100"> <img src="assets/images/about.jpg" class="kayden-shadow rounded-3 w-100" alt="kayden Picture" data-aos="zoom-in" data-aos-duration="800"> </div>
|
||||||
|
</div>
|
||||||
|
<!--About Section Picture END-->
|
||||||
|
<!--About Section Details START-->
|
||||||
|
<div class="offset-md-1 col-md-6 mt-5 mt-md-0">
|
||||||
|
<div class="h-100 d-flex align-items-center justify-content-center">
|
||||||
|
<div class="about-details">
|
||||||
|
<h2 class="fs-3 fw-bold mb-5">I'm Kevin</h2>
|
||||||
|
<p class="text-secondary mb-5">a Full Stack Developer</p>
|
||||||
|
<!--Social Links START-->
|
||||||
|
<ul class="social-links list-inline mb-5">
|
||||||
|
<li class="list-inline-item"> <a href="#" title="facebook"> <i class="fab fa-facebook-f"></i> </a> </li>
|
||||||
|
<li class="list-inline-item"> <a href="#" title="linkedin"> <i class="fab fa-linkedin-in"></i> </a> </li>
|
||||||
|
<li class="list-inline-item"> <a href="#" title="pinterest"> <i class="fab fa-pinterest-p"></i> </a> </li>
|
||||||
|
<li class="list-inline-item"> <a href="#" title="git"> <i class="fab fa-git"></i> </a> </li>
|
||||||
|
</ul>
|
||||||
|
<!--Social Links END-->
|
||||||
|
<a href="#" class="btn btn-outline-primary" title="Download CV">Download CV</a> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--About Section Details END-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--About Section END-->
|
||||||
|
|
||||||
|
<!--Facts Section START-->
|
||||||
|
<section id="facts">
|
||||||
|
<!--Section Body START-->
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row gy-5">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="row gx-3 gy-5">
|
||||||
|
<div class="col-6">
|
||||||
|
<!--Facts Item START-->
|
||||||
|
<div class="fact d-flex flex-column align-items-center align-items-md-start">
|
||||||
|
<h3 class="fs-2 d-inline-block"><span class="tmcounter" data-from="0" data-to="12" data-speed="1500">0</span><sup>+</sup></h3>
|
||||||
|
<p class="fs-4 d-inline-block text-center text-md-left">Years Experience</p>
|
||||||
|
</div>
|
||||||
|
<!--Facts Item END-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h2 class="fs-3 mb-5 fw-bold">My Skills</h2>
|
||||||
|
<div class="skills_container">
|
||||||
|
<!--Progress Bar START-->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="mb-3 fs-6">Backend development - Java</label>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar progress-bar-loadAnimation" data-percent="90" style="width: 0%;" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Progress Bar END-->
|
||||||
|
<!--Progress Bar START-->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="mb-3 fs-6">Frontend development - Angular</label>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar progress-bar-loadAnimation" data-percent="80" style="width: 0%;" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Progress Bar END-->
|
||||||
|
<!--Progress Bar START-->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="mb-3 fs-6">DevOps - Jenkins, ELK, Prometheus</label>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar progress-bar-loadAnimation" data-percent="75" style="width: 0%;" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Progress Bar END-->
|
||||||
|
<!--Progress Bar START-->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="mb-3 fs-6">Cloud - Docker, K8S, K3S</label>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar progress-bar-loadAnimation" data-percent="70" style="width: 0%;" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Progress Bar END-->
|
||||||
|
<!--Progress Bar START-->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="mb-3 fs-6">Softwarearchitektur - Clean Architektur, DDD</label>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar progress-bar-loadAnimation" data-percent="60" style="width: 0%;" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Progress Bar END-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Section Body END-->
|
||||||
|
</section>
|
||||||
|
<!--Facts Sectrion END-->
|
||||||
|
|
||||||
|
<!--Education Section START-->
|
||||||
|
<section id="education">
|
||||||
|
<div class="container">
|
||||||
|
<!--Section Heading START-->
|
||||||
|
<div class="heading text-center mb-5">
|
||||||
|
<h2 class="fs-3 kayden-underline-left mb-5 fw-bold text-uppercase d-inline-block">Education</h2>
|
||||||
|
</div>
|
||||||
|
<!--Section Heading END-->
|
||||||
|
<!--Section Body START-->
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="table-responsive">
|
||||||
|
<!--Educational Table START-->
|
||||||
|
<table class="table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell"><span class="fw-light fs-5">2006-2010</span></td>
|
||||||
|
<td class="w-50 d-none d-sm-table-cell"><span class="fw-bold fs-5">Technische Universität Berlin</span></td>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell"><span class="fw-normal text-secondary">Informatik</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell border-0"><span class="fw-light fs-5">2004-2006</span></td>
|
||||||
|
<td class="w-50 d-none d-sm-table-cell border-0"><span class="fw-bold fs-5">Hochschule Anhalt</span></td>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell border-0"><span class="fw-normal text-secondary">Informatik</span></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<!--Educational Table END-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Section Body END-->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--Education Section END-->
|
||||||
|
|
||||||
|
<!--Expericence Section START-->
|
||||||
|
<section id="expericence">
|
||||||
|
<div class="container">
|
||||||
|
<!--Section Heading START-->
|
||||||
|
<div class="heading text-center mb-5">
|
||||||
|
<h2 class="fs-3 kayden-underline-left mb-5 fw-bold text-uppercase d-inline-block">Expericence</h2>
|
||||||
|
</div>
|
||||||
|
<!--Section Heading END-->
|
||||||
|
<!--Section Body START-->
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="table-responsive">
|
||||||
|
<!--Expericence Table START-->
|
||||||
|
<table class="table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell"><span class="fw-light fs-5">2011-2019</span></td>
|
||||||
|
<td class="w-50 d-none d-sm-table-cell"><span class="fw-bold fs-5">SoftConEx GmbH</span></td>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell"><span class="fw-normal text-secondary">Java Entwickler</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell border-0"><span class="fw-light fs-5">2019-Heute</span></td>
|
||||||
|
<td class="w-50 d-none d-sm-table-cell border-0"><span class="fw-bold fs-5">BAMF</span></td>
|
||||||
|
<td class="w-25 d-none d-sm-table-cell border-0"><span class="fw-normal text-secondary">DevOps</span></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<!--Expericence Table END-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Section Body END-->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--Expericence Section END-->
|
||||||
|
|
||||||
|
<!--Services Section START-->
|
||||||
|
<section id="services">
|
||||||
|
<div class="container">
|
||||||
|
<!--Section Heading START-->
|
||||||
|
<div class="heading text-center mb-5">
|
||||||
|
<h2 class="fs-3 kayden-underline-left mb-5 fw-bold text-uppercase d-inline-block">Services</h2>
|
||||||
|
</div>
|
||||||
|
<!--Section Heading END-->
|
||||||
|
<!--Section Body START-->
|
||||||
|
<div class="section-body">
|
||||||
|
<!--Gradient Grid START-->
|
||||||
|
<div class="kayden-gradient-grid">
|
||||||
|
<!--Gradient Grid ROW START-->
|
||||||
|
<div class="row g-0">
|
||||||
|
<!--Gradient Grid Item START-->
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="fs-2 mb-3"> <i class="fas fa-server"></i> </div>
|
||||||
|
<h4 class="mb-3">Software Architecture</h4>
|
||||||
|
<p class="text-secondary"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid Item END-->
|
||||||
|
<!--Gradient Grid Item START-->
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="fs-2 mb-3"> <i class="fas fa-mobile-alt"></i> </div>
|
||||||
|
<h4 class="mb-3">Apps</h4>
|
||||||
|
<p class="text-secondary"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid Item END-->
|
||||||
|
<!--Gradient Grid Item START-->
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="fs-2 mb-3"> <i class="fas fa-mug-hot"></i> </div>
|
||||||
|
<h4 class="mb-3">CI/CD</h4>
|
||||||
|
<p class="text-secondary"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid Item END-->
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid ROW END-->
|
||||||
|
<!--Gradient Grid ROW START-->
|
||||||
|
<div class="row g-0">
|
||||||
|
<!--Gradient Grid Item START-->
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="fs-2 mb-3"> <i class="far fa-clone"></i> </div>
|
||||||
|
<h4 class="mb-3">Full Stack</h4>
|
||||||
|
<p class="text-secondary"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid Item END-->
|
||||||
|
<!--Gradient Grid Item START-->
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="fs-2 mb-3"> <i class="far fa-heart"></i> </div>
|
||||||
|
<h4 class="mb-3">Helth Check</h4>
|
||||||
|
<p class="text-secondary"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid Item END-->
|
||||||
|
<!--Gradient Grid Item START-->
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<div class="p-5">
|
||||||
|
<div class="fs-2 mb-3"> <i class="fas fa-cloud"></i> </div>
|
||||||
|
<h4 class="mb-3">Cloud</h4>
|
||||||
|
<p class="text-secondary"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid Item END-->
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid ROW END-->
|
||||||
|
</div>
|
||||||
|
<!--Gradient Grid END-->
|
||||||
|
</div>
|
||||||
|
<!--Section Body END-->
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!--Services Section END-->
|
||||||
|
|
||||||
|
<!--Contact Us START-->
|
||||||
|
<section id="contact">
|
||||||
|
<div class="container"><!--Section Heading START-->
|
||||||
|
<div class="heading text-center mb-5">
|
||||||
|
<h2 class="fs-3 kayden-underline-left mb-5 fw-bold text-uppercase d-inline-block">Contact Me</h2>
|
||||||
|
</div>
|
||||||
|
<!--Section Heading END--><!--Section Body START-->
|
||||||
|
<div class="section-body">
|
||||||
|
<div class="row gy-5">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="d-flex flex-row justify-content-center h-100"><!--Contact Details START-->
|
||||||
|
<div class="contact-details d-flex flex-row align-items-center mb-3 justify-content-center col-4">
|
||||||
|
<div class="cd-icon fs-2 me-4"><i class="fas fa-envelope"></i></div>
|
||||||
|
<div class="cd-info fs-5 font-family-secondary"><a href="#" class="text-white"><span class="__cf_email__">kevinzcf@gmail.com</span></a></div>
|
||||||
|
</div>
|
||||||
|
<!--Contact Details END--><!--Contact Details START-->
|
||||||
|
<div class="contact-details d-flex flex-row align-items-center mb-3 justify-content-center col-4">
|
||||||
|
<div class="cd-icon fs-2 me-4"><i class="fas fa-map-marked-alt"></i></div>
|
||||||
|
<div class="cd-info fs-5 font-family-secondary"> BERLIN, DE </div>
|
||||||
|
</div>
|
||||||
|
<!--Contact Details END--><!--Contact Details START-->
|
||||||
|
<div class="contact-details d-flex flex-row align-items-center mb-3 justify-content-center col-4">
|
||||||
|
<div class="cd-icon fs-2 me-4"><i class="fas fa-phone"></i></div>
|
||||||
|
<div class="cd-info fs-5 font-family-secondary"><a href="#" class="text-white">[phone protected]</a></div>
|
||||||
|
</div>
|
||||||
|
<!--Contact Details END--></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Section Body END--></div>
|
||||||
|
</section>
|
||||||
|
<!--Contact Us END-->
|
||||||
|
<!--Footer START-->
|
||||||
|
<footer class="kayden-footer py-4">
|
||||||
|
<div class="container">
|
||||||
|
<div class="d-flex flex-column align-items-center justify-content-center py-3"><!--Social Links START-->
|
||||||
|
<ul class="social-links list-inline mb-4">
|
||||||
|
<li class="list-inline-item"><a href="#" title="facebook"><i class="fab fa-facebook-f"></i></a></li>
|
||||||
|
<li class="list-inline-item"><a href="#" title="linkedin"><i class="fab fa-linkedin-in"></i></a></li>
|
||||||
|
<li class="list-inline-item"><a href="#" title="pinterest"><i class="fab fa-pinterest-p"></i></a></li>
|
||||||
|
<li class="list-inline-item"><a href="#" title="git"><i class="fab fa-git"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
<!--Social Links END-->
|
||||||
|
<!--Copyright START-->
|
||||||
|
<p class="text-center m-0">Copyright © 2022. Superzach All rights reserved.</p>
|
||||||
|
<!--Copyright END--></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!--Footer END--><!--To TOP START-->
|
||||||
|
<a href="#" class="toTop d-inline" id="return-to-top"><i class="fas fa-chevron-up"></i></a>
|
||||||
|
<!--To TOP END--><!--JavaScript START-->
|
||||||
|
<script src="assets/js/bootstrap.min.js"></script>
|
||||||
|
<!--JQuery-->
|
||||||
|
<script src="assets/js/jquery.min.js"></script>
|
||||||
|
<!--AOS Animations-->
|
||||||
|
<script src="assets/js/aos.js"></script>
|
||||||
|
<!--Jquery Easing -->
|
||||||
|
<script src="assets/js/jquery.easing.min.js"></script>
|
||||||
|
<!--Jquery Appear -->
|
||||||
|
<script src="assets/js/jquery.appear.min.js"></script>
|
||||||
|
<!--Kayden preloader -->
|
||||||
|
<script src="assets/js/preloader.js"></script>
|
||||||
|
<!--Jquery Count To -->
|
||||||
|
<script src="assets/js/jquery.countTo.js"></script>
|
||||||
|
<!--Masonry -->
|
||||||
|
<script src="assets/js/masonry.pkgd.min.js"></script>
|
||||||
|
<!--Jquery Magnific Popup -->
|
||||||
|
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||||||
|
<!--OWL Carousel -->
|
||||||
|
<script src="assets/js/owl.carousel.min.js"></script>
|
||||||
|
<!--Typed JS -->
|
||||||
|
<script src="assets/js/typed.min.js"></script>
|
||||||
|
<!--Kayden Alert -->
|
||||||
|
<script src="assets/js/alert.js"></script>
|
||||||
|
<!--Kayden Contact US -->
|
||||||
|
<script src="assets/js/contact.js"></script>
|
||||||
|
<!--Kayden Custom Script -->
|
||||||
|
<script src="assets/js/kayden.js"></script>
|
||||||
|
<!--JavaScript END-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue