/portfolio_columns_slider.html (5b6d3bb926c373975581cecb0c0fd788be1491b0) (18491 bytes) (mode 100644) (type blob)

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>XEN</title>

		<!-- fonts -->
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700%7COswald:300,400,500,600,700" rel="stylesheet" type="text/css">
		
		<!-- styles -->	
        <link href="assets/css/plugins.css" rel="stylesheet" type="text/css">
        <link href="assets/css/style.css" rel="stylesheet" type="text/css">
	</head>
	<body class="loader">
		<!-- loading start -->
		<div class="loading">
		    <img class="logo-loading" src="assets/images/logo/logo-loader.png" alt="logo">
	    </div><!-- loading end -->
	    
		<!-- pointer start -->
		<div class="pointer" id="pointer">
			<i class="fas fa-long-arrow-alt-right"></i>
			<i class="fas fa-search"></i>
			<i class="fas fa-link"></i>
		</div><!-- pointer end -->
	    
	    <!-- header start -->
	    <header class="fixed-header">
		    <!-- header-flex-box start -->
			<div class="header-flex-box">
			    <!-- logo start -->
				<a href="index.html" class="logo pointer-large animsition-link">
					<div class="logo-img-box">
				        <img class="logo-white" src="assets/images/logo/logo-white.png" alt="logo">
				        <img class="logo-black" src="assets/images/logo/logo-black.png" alt="logo">
			        </div>
		        </a><!-- logo end -->
		        
				<!-- menu-open start -->	
				<div class="menu-open pointer-large">
					<span class="hamburger"></span>
				</div><!-- menu-open end -->
		    </div><!-- header-flex-box end -->
		</header><!-- header end -->
		
		<!-- nav-container start -->	
		<nav class="nav-container dark-bg-1">
			<!-- nav-logo start -->
			<div class="nav-logo">
				<img src="assets/images/logo/logo-white.png" alt="logo">
			</div><!-- nav-logo end -->
			
			<!-- menu-close -->
			<div class="menu-close pointer-large"></div>
			
			<!-- dropdown-close-box start -->
			<div class="dropdown-close-box">
				<div class="dropdown-close pointer-large">
					<span></span>
				</div>
			</div><!-- dropdown-close-box end -->
			
			<!-- nav-menu start -->
			<ul class="nav-menu dark-bg-1">
				<!-- nav-box start -->
				<li class="nav-box nav-bg-change dropdown-open">
					<a class="pointer-large nav-link">
						<span class="nav-btn" data-text="Home">Home</span>
					</a>
					
					<!-- dropdown start -->
					<ul class="dropdown">
						<li class="nav-box">
							<a href="index.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Slider Home">Slider Home</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="video_home.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Video Bg">Video Bg</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="home_fullscreen.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Fullscreen Bg">Fullscreen Bg</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="home_particles.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Particles">Particles</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="home_typewriter.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Typewriter">Typewriter</span>
							</a>
						</li>
					</ul><!-- dropdown end -->
					
					<div class="nav-bg" style="background-image: url(assets/images/backgrounds/pexels-photo-1806031.jpeg);"></div>
				</li><!-- nav-box end -->
				<!-- nav-box start -->
				<li class="nav-box nav-bg-change">
					<a href="about.html" class="animsition-link pointer-large nav-link">
						<span class="nav-btn" data-text="About">About</span>
					</a>
					<div class="nav-bg" style="background-image: url(assets/images/backgrounds/adolescent-adult-diversity-1034361.jpg);"></div>
				</li><!-- nav-box end -->
				<!-- nav-box start -->
				<li class="nav-box nav-bg-change">
					<a href="services.html" class="animsition-link pointer-large nav-link">
						<span class="nav-btn" data-text="Services">Services</span>
					</a>
					<div class="nav-bg" style="background-image: url(assets/images/backgrounds/bald-casual-facial-hair-1708528.jpg);"></div>
				</li><!-- nav-box end -->
				<!-- nav-box start -->
				<li class="nav-box nav-bg-change active dropdown-open">
					<a class="pointer-large nav-link">
						<span class="nav-btn active" data-text="Portfolio">Portfolio</span>
					</a>
					
					<!-- dropdown start -->
					<ul class="dropdown">
						<li class="nav-box">
							<a href="portfolio.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Standard">Standard</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="portfolio_full_screen.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="FullScreen">FullScreen</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="portfolio_slider.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Slider 1">Slider 1</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="portfolio_columns_slider.html" class="animsition-link pointer-large">
								<span class="nav-btn active" data-text="Slider 2">Slider 2</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="portfolio_filter.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Filter">Filter</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="project.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Single project">Single project</span>
							</a>
						</li>
					</ul><!-- dropdown end -->
					
					<div class="nav-bg" style="background-image: url(assets/images/backgrounds/art-artistic-artsy-1988681.jpg);"></div>
				</li><!-- nav-box end -->
				<!-- nav-box start -->
				<li class="nav-box nav-bg-change dropdown-open">
					<a class="pointer-large nav-link">
						<span class="nav-btn" data-text="Blog">Blog</span>
					</a>
					
					<!-- dropdown start -->
					<ul class="dropdown">
						<li class="nav-box">
							<a href="blog.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Blog">Blog</span>
							</a>
						</li>
						<li class="nav-box">
							<a href="single_post.html" class="animsition-link pointer-large">
								<span class="nav-btn" data-text="Single post">Single post</span>
							</a>
						</li>
					</ul><!-- dropdown end -->
					
					<div class="nav-bg" style="background-image: url(assets/images/backgrounds/beautiful-black-close-up-1689731.jpg);"></div>
				</li><!-- nav-box end -->
				<!-- nav-box start -->
				<li class="nav-box nav-bg-change">
					<a href="contact.html" class="animsition-link pointer-large nav-link">
						<span class="nav-btn" data-text="Contact">Contact</span>
					</a>
					<div class="nav-bg" style="background-image: url(assets/images/backgrounds/double-exposure-2390185_1920.jpg);"></div>
				</li><!-- nav-box end -->
			</ul><!-- nav-menu end -->
		</nav><!-- nav-container end -->
	    
		<!-- animsition-overlay start -->
		<main class="animsition-overlay" data-animsition-overlay="true">
			<!-- portfolio-column-slider start -->
			<div class="portfolio-column-slider dark-bg-1">
				<!-- swiper-wrapper start -->
			    <div class="swiper-wrapper">
				    <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/abandoned-architecture-building-2096610.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Commercial</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">Bushwick selfies</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">pork belly lyft</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">brooklyn messeng</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/beautiful-costume-mask-2058816.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Web design</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">tumeric tumblr</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">gluten-free</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">Man bun small</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
					<a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/chair-contemporary-cushions-1439965.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Graphic Design</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">batch kombucha</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">subway tile</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">salvia brooklyn</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/classic-colouful-footwear-2044088.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Commercial</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">organic activated</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">charcoal vape</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">viral ennui</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/architecture-building-low-angle-shot-2075059.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Branding</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">Bushwick selfies</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">pork belly lyft</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">brooklyn messeng</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/action-balance-jumping-2020157.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Web design</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">tumeric tumblr</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">gluten-free</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">Man bun small</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/art-artwork-black-1893536.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Graphic Design</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">batch kombucha</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">subway tile</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">salvia brooklyn</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/action-adult-daylight-683241.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Branding</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">organic activated</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">charcoal vape</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">viral ennui</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			        <!-- slide start -->
			        <a href="project.html" class="swiper-slide hidden-box hover-box pointer-large animsition-link">
			          	<div class="portfolio-column-bg hover-img" style="background-image: url(assets/images/projects/full_screen_slider/art-black-background-bone-1918290.jpg);"></div>
					  	<div class="portfolio-column-content">
				          	<span class="hidden-box d-block text-height-10 small-title-oswald red-color">
				         	 	<span class="portfolio-column-fade tr-delay02">Commercial</span>
						 	</span>
						  	<h2 class="title-style text-color-4">
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay03">Bushwick selfies</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay04">pork belly lyft</span>
								</span>
								<span class="hidden-box d-block text-height-10">
									<span class="portfolio-column-fade tr-delay05">brooklyn messeng</span>
								</span>
							</h2>
			          	</div>
			        </a><!-- slide end -->
			    </div><!-- swiper-wrapper end -->

			    <div class="left-arrow-back"></div>
			    <div class="right-arrow-back"></div>
			
			    <!-- swiper-button-next start -->
				<div class="swiper-button-next">
					<div class="slider-arrow-next-box">
						<span class="slider-arrow-next"></span>
					</div>
				</div><!-- swiper-button-next end -->
				<!-- swiper-button-prev start -->
				<div class="swiper-button-prev">
					<div class="slider-arrow-prev-box">
						<span class="slider-arrow-prev"></span>
					</div>
				</div><!-- swiper-button-prev end -->
			</div><!-- portfolio-column-slider end -->
		</main><!-- animsition-overlay end -->
		
		<!-- footer start -->
		<footer class="footer">
		</footer><!-- footer end -->
		
		<!-- scripts --> 
        <script src="assets/js/plugins.js"></script> 
        <script src="assets/js/main.js"></script>
	</body>
</html>

Mode Type Size Ref File
100644 blob 8196 00f8d24da21e2631d9b336cab53a964593121f62 .DS_Store
100644 blob 213 435ffd242a76f135e90eceed8e7f1687597e3d3d .cpanel.yml
100644 blob 601 860a299e941b819f5e65d6bb270ae71d92fc262c .htaccess
100644 blob 20265 883e25b23a28268d92021de23794c48cff20abdb about.html
040000 tree - fbb13532f4c0311a0f4acc432ba527beac4a84a4 assets
100644 blob 35351 a36b8818ac794ffefc9be2c16c96a2900e6747e3 blog.html
100644 blob 36 43fcfc691620cd0f047fc9ade52e60681e32bd05 cke.php
100644 blob 16917 06f3f7d7ee9ffcc9da59ab69e4ebbf0cc2d12d76 contact.html
100644 blob 19638 745c869f467e89d4d77d28b54f082f545b71bdb7 elevators.html
100644 blob 49159 27918542ae4b2716f305f5f4d2c5b50bcd9b7d6b home_fullscreen.html
100644 blob 45742 ddacabbba5b8173ea65c6cfd295ed15be0082430 home_particles.html
100644 blob 45713 b497c489c7ec6d6d9753b4416ae4dd3f4b5581b8 home_typewriter.html
100644 blob 30683 d5c2e947e20e78e6382de13d4930234719f473c0 index.html
040000 tree - 72917bcd2c7b28ac798173570811bd7e83070c0a php
100644 blob 30996 fcf0f2ae322d2b8e16ecb88e6d336d2e7bdd8248 portfolio.html
100644 blob 18491 5b6d3bb926c373975581cecb0c0fd788be1491b0 portfolio_columns_slider.html
100644 blob 22987 211835351312d4dbb7fda4a772d88c12abe0e93f portfolio_filter.html
100644 blob 20534 c8982773d70b58c5718288442d9e00f38e35fad2 portfolio_full_screen.html
100644 blob 24296 c3aea7963ec2131a197e02b0c87adb18f7e2dfa5 portfolio_slider.html
100644 blob 22197 733c8f13ec0f2e40dbc2ba2054e0514fa13dd057 project.html
100644 blob 26 1f53798bb4fe33c86020be7f10c44f29486fd190 robots.txt
100644 blob 21613 525a7a5c466c00e8411670c30c74917dbc636af0 services.html
100644 blob 36423 353762c637334c40523637b01883ba8626250e33 single_post.html
100644 blob 45662 c6087d9a751472003ffb55630d3d1dd59fb1428f video_home.html
Hints:
Before first commit, do not forget to setup your git environment:
git config --global user.name "your_name_here"
git config --global user.email "your@email_here"

Clone this repository using HTTP(S):
git clone https://rocketgit.com/user/bitvice/cke

Clone this repository using ssh (do not forget to upload a key first):
git clone ssh://rocketgit@ssh.rocketgit.com/user/bitvice/cke

Clone this repository using git:
git clone git://git.rocketgit.com/user/bitvice/cke

You are allowed to anonymously push to this repository.
This means that your pushed commits will automatically be transformed into a merge request:
... clone the repository ...
... make some changes and some commits ...
git push origin main