File size: 14.15Kb
<!doctype html>
<html lang="en" class="no-js">
<head>
<title>Shutter</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/shutter-assets.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body class="dark-skin">
<!-- Container -->
<div id="container">
<!-- Header
================================================== -->
<header class="clearfix">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logo2.png" alt="">
</a>
<div class="search-area m-auto">
<form class="search-form">
<input type="search" name="search-elem" id="search-elem" placeholder="Search people, places, whatever..." />
<button class="submit">
<i class="fa fa-search"></i>
</button>
</form>
</div>
<div class="filter-area">
<span>Sort by:</span>
<div class="category-filter">
<a href="#" class="filter-link">Categories <i class="fa fa-chevron-down" aria-hidden="true"></i></a>
<ul class="filter">
<li><a class="active" href="#" data-filter="*">All</a></li>
<li><a href="#" data-filter=".children">Children</a></li>
<li><a href="#" data-filter=".nature">Nature</a></li>
<li><a href="#" data-filter=".food">Food</a></li>
<li><a href="#" data-filter=".education">Education</a></li>
</ul>
</div>
<div class="category-filter">
<a href="#" class="filter-link">Date <i class="fa fa-chevron-down" aria-hidden="true"></i></a>
<ul class="filter">
<li><a class="active" href="#" data-filter="*">All</a></li>
<li><a href="#" data-filter=".y2016">2016</a></li>
<li><a href="#" data-filter=".y2017">2017</a></li>
<li><a href="#" data-filter=".y2018">2018</a></li>
</ul>
</div>
</div>
<a class="open-close-menu" href="#">
<span></span>
<span></span>
<span></span>
</a>
</div>
</nav>
<div class="fixed-vertical-header">
<div class="inner-fixed-vertical">
<a class="close-menu">
<span></span>
<span></span>
</a>
<a class="logo" href="index.html"><img src="images/logo2.png" alt=""></a>
<ul class="navbar-vertical">
<li><a class="active drop-link" href="#">Home <span>+</span></a>
<ul class="second-level">
<li><a href="index.html">Home Default</a></li>
<li><a href="home-full-border.html">Fullwidth Border</a></li>
<li><a href="home-grid-fullmenu.html">Grid Full Menu</a></li>
<li><a href="home-fullscreen.html">Fullscreen</a></li>
<li><a href="home-masonry-leftmenu.html">Left Menu Masonry</a></li>
<li><a href="home-video.html">Home Video</a></li>
<li><a href="home-showcase.html">Showcase style</a></li>
<li><a href="home-gallery.html">Gallery style</a></li>
<li><a href="home-portrait.html">Portrait</a></li>
<li><a href="home-onepage.html">One Page</a></li>
<li><a href="home-album.html">Album</a></li>
</ul>
</li>
<li><a class="drop-link" href="#">About <span>+</span></a>
<ul class="second-level">
<li><a href="about-me.html">About Me 1</a></li>
<li><a href="about-me2.html">About Me 2</a></li>
<li><a href="about-us.html">About Us</a></li>
</ul>
</li>
<li><a class="drop-link" href="#">Features <span>+</span></a>
<ul class="second-level">
<li><a href="services.html">Services</a></li>
<li><a href="comming-soon.html">Comming Soon</a></li>
<li><a href="error-404.html">Error 404</a></li>
</ul>
</li>
<li><a class="drop-link" href="#">Gallery <span>+</span></a>
<ul class="second-level">
<li><a href="gallery-col2.html">Column 2</a></li>
<li><a href="gallery-col3.html">Column 3</a></li>
<li><a href="gallery-col4.html">Column 4</a></li>
<li><a href="gallery-flowing.html">Flowing</a></li>
<li><a href="gallery-fullgrid.html">Full Grid</a></li>
<li><a href="gallery-fullscreen.html">Fullscreen</a></li>
<li><a href="gallery-parallax.html">Parallax</a></li>
<li><a href="gallery-pinterest.html">Pinterest</a></li>
<li><a href="gallery-pinterest-full.html">Pinterest Full</a></li>
<li><a href="gallery-split.html">Gallery Split</a></li>
<li><a href="gallery-video.html">Gallery Video</a></li>
</ul>
</li>
<li><a class="drop-link" href="#">Blog <span>+</span></a>
<ul class="second-level">
<li><a href="blog.html">Blog Grid</a></li>
<li><a href="blog-standard.html">Blog Standard</a></li>
<li><a href="single-post.html">Single Post</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="widg-shutter">
<h2>About Shutter</h2>
<p>Creative and Proffesional Design Studio, built to make things work. Photography is our passion.</p>
</div>
<div class="widg-shutter">
<h2>Contact</h2>
<p>T: 0 800 555 55 123 <br> e: info@shuttertheme.com</p>
</div>
<div class="widg-shutter">
<h2>Instagram</h2>
<ul class="insta-list">
<li><a href="#"><img src="upload/instagram/1.jpg" alt=""></a></li>
<li><a href="#"><img src="upload/instagram/2.jpg" alt=""></a></li>
<li><a href="#"><img src="upload/instagram/3.jpg" alt=""></a></li>
<li><a href="#"><img src="upload/instagram/4.jpg" alt=""></a></li>
<li><a href="#"><img src="upload/instagram/5.jpg" alt=""></a></li>
<li><a href="#"><img src="upload/instagram/6.jpg" alt=""></a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- photos-section
================================================== -->
<section class="photos-section">
<div class="photos-box iso-call">
<div class="photo-post children nature y2018">
<img src="upload/grid/1.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>children, nature</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post children education y2018">
<img src="upload/grid/2.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>children, education</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post education y2018">
<img src="upload/grid/3.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>education</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post children food y2018">
<img src="upload/grid/4.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>children, food</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post children nature y2017">
<img src="upload/grid/5.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>children, nature</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post food education y2017">
<img src="upload/grid/6.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>food, education</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post children nature y2017">
<img src="upload/grid/7.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>children, nature</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post education y2017">
<img src="upload/grid/8.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>education</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="photo-post children nature y2016">
<img src="upload/grid/9.jpg" alt="">
<div class="hover-box">
<div class="inner-hover">
<div class="title-post">
<h2>Andrew Tolstoy</h2>
<span>children, nature</span>
</div>
<div class="share-like">
<a href="#" class="like">120 <i class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" class="share"> <i class="fa fa-share-alt" aria-hidden="true"></i></a>
<ul class="share-list">
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="center-button">
<a href="#" class="button-one load-post-container" data-load="photo-container-for-load-more.html" data-number="3">Load More</a>
</div>
</section>
<!-- End portfolio section -->
<!-- footer
================================================== -->
<footer>
<a class="go-top" href="#">
<i class="fa fa-chevron-up"></i>
</a>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<p class="copyright-line">All rights reserved 2018. Made with love and passion</p>
</div>
<div class="col-sm-6">
<ul class="social-icons">
<li><a class="facebook" href="#"><i class="fa fa-facebook-square"></i></a></li>
<li><a class="twitter" href="#"><i class="fa fa-twitter-square"></i></a></li>
<li><a class="pinterest" href="#"><i class="fa fa-pinterest-square"></i></a></li>
<li><a class="youtube" href="#"><i class="fa fa-youtube-play"></i></a></li>
<li><a class="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End footer -->
</div>
<!-- End Container -->
<div class="preloader">
<img alt="" src="images/loader.gif">
</div>
<script src="js/shutter-plugins.min.js"></script>
<script src="js/popper.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>