File size: 13.24Kb
<!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 single-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 photos.</p>
<p>Photography is the art, application and practice of creating durable images by recording light or other electromagnetic radiation, either electronically by means of an image sensor, or chemically by means of a light-sensitive material such as photographic film.</p>
<p class="quote-desc">A tripod is always important if slow shutter speeds are needed and big telephoto lenses are used. </p>
<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 photos.</p>
<div class="share-tags-box">
<div class="row">
<div class="col-md-4">
<p>Posted by John Levo</p>
</div>
<div class="col-md-8">
<ul class="share-list">
<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>
</ul>
<ul class="tags-list">
<li><a href="#">interior,</a></li>
<li><a href="#">design,</a></li>
<li><a href="#">web</a></li>
</ul>
</div>
</div>
</div>
<div class="comment-area-box">
<h2>Comments (2)</h2>
<ul class="comment-tree">
<li>
<div class="comment-box">
<img alt="" src="upload/blog/test1.jpg">
<div class="comment-content">
<h4>Hansom Rob</h4>
<span>19.06.2018 | 2 hours ago | <a href="#">REPLY</a></span>
<p>As an architect and interior designer, Dean creates warm and inviting environments that deliver the comfort of energy efficient, naturally lit spaces. he spends a lot of time traveling, for work and pleasure, and relies on her experiences with different cultures to gain unique perspectives. This drives Dean to go a step further than mere design.</p>
</div>
</div>
<ul class="depth">
<li>
<div class="comment-box">
<img alt="" src="upload/blog/test2.jpg">
<div class="comment-content">
<h4>Johny Bravo</h4>
<span>19.06.2018 | 1 hours ago | <a href="#">REPLY</a></span>
<p>Work and pleasure, and relies on her experiences with different cultures to gain unique perspectives. This drives Dean to go a step further than mere design.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="contact-form-box">
<h2>Leave a Comment</h2>
<form id="comment-form">
<div class="row">
<div class="col-md-6">
<input name="name" id="name" type="text" placeholder="Name">
<input name="mail" id="mail" type="text" placeholder="Email">
<input name="website" id="website" type="text" placeholder="Subject">
</div>
<div class="col-md-6">
<textarea name="comment" id="comment" placeholder="Message"></textarea>
</div>
</div>
<input type="submit" id="submit-contact" value="Submit">
</form>
</div>
</div>
</div>
</div>
</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>