File size: 9.43Kb
<!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 default-header portrait-font">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logo2.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto toogle-menu">
<li><a class="active" href="index.html">Home</a>
<ul class="dropdown">
<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 href="about-us.html">About</a>
<ul class="dropdown">
<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 href="#">Features</a>
<ul class="dropdown">
<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 href="gallery-col2.html">Gallery</a>
<ul class="dropdown">
<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 href="blog.html">Blog</a>
<ul class="dropdown">
<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>
<a href="#" class="toogle-link">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</nav>
</header>
<!-- End Header -->
<!-- album section -->
<section class="album-section">
<div class="album-box iso-call">
<div class="album-post">
<img src="upload/album/1.jpg" alt="">
<div class="gallery-link">
<a href="#gallery1">Children</a>
<div id="gallery1" class="gallery">
<a href="upload/album/child1.jpg"></a>
<a href="upload/album/child2.jpg"></a>
<a href="upload/album/child3.jpg"></a>
<a href="upload/album/child4.jpg"></a>
<a href="upload/album/child5.jpg"></a>
<a href="upload/album/child6.jpg"></a>
<a href="upload/album/child7.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 7</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/2.jpg" alt="">
<div class="gallery-link">
<a href="#gallery2">People</a>
<div id="gallery2" class="gallery">
<a href="upload/album/peop1.jpg"></a>
<a href="upload/album/peop2.jpg"></a>
<a href="upload/album/peop3.jpg"></a>
<a href="upload/album/peop4.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 4</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/3.jpg" alt="">
<div class="gallery-link">
<a href="#gallery3">Cats</a>
<div id="gallery3" class="gallery">
<a href="upload/album/cat1.jpg"></a>
<a href="upload/album/cat2.jpg"></a>
<a href="upload/album/cat3.jpg"></a>
<a href="upload/album/cat4.jpg"></a>
<a href="upload/album/cat5.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 5</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/4.jpg" alt="">
<div class="gallery-link">
<a href="#gallery4">Sports</a>
<div id="gallery4" class="gallery">
<a href="upload/album/sport1.jpg"></a>
<a href="upload/album/sport2.jpg"></a>
<a href="upload/album/sport3.jpg"></a>
<a href="upload/album/sport4.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 4</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/5.jpg" alt="">
<div class="gallery-link">
<a href="#gallery5">Nature</a>
<div id="gallery5" class="gallery">
<a href="upload/album/nat1.jpg"></a>
<a href="upload/album/nat2.jpg"></a>
<a href="upload/album/nat3.jpg"></a>
<a href="upload/album/nat4.jpg"></a>
<a href="upload/album/nat5.jpg"></a>
<a href="upload/album/nat6.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 6</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/6.jpg" alt="">
<div class="gallery-link">
<a href="#gallery6">Birds</a>
<div id="gallery6" class="gallery">
<a href="upload/album/bird1.jpg"></a>
<a href="upload/album/bird2.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 2</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/7.jpg" alt="">
<div class="gallery-link">
<a href="#gallery7">Retro</a>
<div id="gallery7" class="gallery">
<a href="upload/album/ret1.jpg"></a>
<a href="upload/album/ret2.jpg"></a>
<a href="upload/album/ret3.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 3</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/8.jpg" alt="">
<div class="gallery-link">
<a href="#gallery8">Ocean</a>
<div id="gallery8" class="gallery">
<a href="upload/album/ocean1.jpg"></a>
<a href="upload/album/ocean2.jpg"></a>
<a href="upload/album/ocean3.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 3</span>
</div>
</div>
<div class="album-post">
<img src="upload/album/9.jpg" alt="">
<div class="gallery-link">
<a href="#gallery9">Food</a>
<div id="gallery9" class="gallery">
<a href="upload/album/food1.jpg"></a>
<a href="upload/album/food2.jpg"></a>
<a href="upload/album/food3.jpg"></a>
<a href="upload/album/food4.jpg"></a>
<a href="upload/album/food5.jpg"></a>
<a href="upload/album/food6.jpg"></a>
</div>
<span><i class="fa fa-picture-o" aria-hidden="true"></i> 6</span>
</div>
</div>
</div>
</section>
<!-- end album section -->
<!-- footer
================================================== -->
<footer class="footer-box without-border">
<div class="container-fluid">
<div class="inner-footer">
<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>
</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>