File size: 11.25Kb
<!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>
<!-- Container -->
<div id="container">
<!-- Header
================================================== -->
<header class="clearfix center-menu low-transparency">
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logo.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 m-auto">
<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>
</div>
<ul class="navbar-nav ml-auto 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>
</nav>
</header>
<!-- End Header -->
<!-- page-banner-section
================================================== -->
<section class="page-banner-section blog-ban">
<div class="container">
<h1>Blog</h1>
</div>
</section>
<!-- End page-banner-section -->
<!-- blog-section
================================================== -->
<section class="blog-section">
<div class="container">
<p class="page-description">
See what is cooking in pur website <br> We got some interesting topics just for you
</p>
<div class="row">
<div class="col-lg-8">
<div class="blog-box standard">
<div class="blog-post">
<a href="single-post.html" class="post-image"><img src="upload/blog/1.jpg" alt=""></a>
<div class="post-content">
<ul class="post-tags">
<li><a href="#">Nature</a></li>
<li>12.02.2020</li>
<li><a href="#"><i class="fa fa-comment"></i> 53 comments</a></li>
</ul>
<h2><a href="single-post.html">waiting for the right moment</a></h2>
<p>For quality results from any camera, the basics of photography still apply no matter how an image is captured. A tripod is always important if slow shutter speeds are needed and big telephoto lenses are used. Fast shutter speeds remain a key way to stop action, and f-stops continue to affect depth of field. The important parts of a scene still need to have the focus centered on them, and dramatic light always helps make for dramatic...</p>
<a href="#">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<div class="blog-post">
<a href="single-post.html" class="post-image"><img src="upload/blog/2.jpg" alt=""></a>
<div class="post-content">
<ul class="post-tags">
<li><a href="#">Nature</a></li>
<li>12.02.2020</li>
<li><a href="#"><i class="fa fa-comment"></i> 53 comments</a></li>
</ul>
<h2><a href="single-post.html">waiting for the right moment</a></h2>
<p>For quality results from any camera, the basics of photography still apply no matter how an image is captured. A tripod is always important if slow shutter speeds are needed and big telephoto lenses are used. Fast shutter speeds remain a key way to stop action, and f-stops continue to affect depth of field. The important parts of a scene still need to have the focus centered on them, and dramatic light always helps make for dramatic...</p>
<a href="#">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
<div class="blog-post quote-post">
<div class="post-content">
<ul class="post-tags">
<li><a href="#">Nature</a></li>
<li>12.02.2020</li>
<li><a href="#"><i class="fa fa-comment"></i> 53 comments</a></li>
</ul>
<h2><a href="#">https://www.instagram.com/pBs9TJCFBE2X/</a></h2>
<a href="#"><i class="fa fa-heart"></i> 22 likes</a>
</div>
</div>
</div>
<ul class="pagination-list">
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
<div class="col-lg-4">
<div class="sidebar">
<div class="text-widget widget">
<h2>About me</h2>
<img src="upload/blog/side-ab.jpg" alt="">
<h2>david schmee</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="social-widget widget">
<h2>Stay Connected</h2>
<ul class="social-list">
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a class="github" href="#"><i class="fa fa-github-alt"></i></a></li>
<li><a class="google" href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a class="vimeo" href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a class="youtube" href="#"><i class="fa fa-youtube-play"></i></a></li>
<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
<div class="instagram-widget widget">
<h2>Follow us on instagram</h2>
<ul class="insta-list">
<li>
<a href="#"><img src="upload/blog/s1.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="upload/blog/s2.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="upload/blog/s3.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="upload/blog/s4.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="upload/blog/s5.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="upload/blog/s6.jpg" alt=""></a>
</li>
</ul>
</div>
<div class="tags-widget widget">
<h2>Tags</h2>
<ul class="tags-list">
<li><a href="#">interior</a></li>
<li><a href="#">design</a></li>
<li><a href="#">web</a></li>
<li><a href="#">house</a></li>
<li><a href="#">nature</a></li>
<li><a href="#">architecture</a></li>
<li><a href="#">food</a></li>
<li><a href="#">photography</a></li>
<li><a href="#">lifestyle</a></li>
<li><a href="#">photoshop</a></li>
</ul>
</div>
<div class="category-widget widget">
<h2>Categories</h2>
<ul class="category-list">
<li><a href="#">Lifestyle <span>(4)</span></a></li>
<li><a href="#">Food <span>(2)</span></a></li>
<li><a href="#">Architecture <span>(9)</span></a></li>
<li><a href="#">Video <span>(15)</span></a></li>
<li><a href="#">Uncategorized <span>(4)</span></a></li>
</ul>
</div>
<div class="subscribe-widget widget">
<h2>Subscribe to our newsletter</h2>
<form>
<input type="text" name="sub-email" id="sub-email" placeholder="Email"/>
<button type="submit">
Submit
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End blog-section -->
<!-- footer
================================================== -->
<footer class="footer-center dark-style">
<a class="go-top" href="#">
<i class="fa fa-chevron-up"></i>
</a>
<div class="container">
<p class="copyright-line">All rights reserved 2018. Made with love and passion</p>
</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>