<!doctype html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- favicon -->
<link rel="icon" sizes="16x16" href="assets/img/favicon.png">
<!-- Title -->
<title> Elmiz - Personal Portfolio Template </title>
<!-- CSS Plugins -->
<link rel="stylesheet" href="assets/css/all.css">
<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Font Google -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<!-- main style -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/colors/color-6.css">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body >
<!--Menu-->
<div class="main-menu fixed-top main-menu-left">
<nav class="nav-menu">
<ul class="menu">
<li>
<a href="index-1.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="works.html">Works</a>
</li>
<li>
<a href="blog.html" class="active">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<!--hamburger-menu-->
<a class="hamburger-menu js-toggle-menu" href="#">
<div class="g-lines">
<span class="line line-dark"></span>
<span class="line line-dark"></span>
<span class="line line-dark"></span>
</div>
</a>
</div>
<!-- blog section-->
<div class="section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading">
<p class="section-description bg-base-color">Read a new post</p>
<h2 class="section-title"> Blog Single </h2>
</div>
</div>
</div>
<div class="row">
<!--Blog-single-->
<div class="col-lg-8 wow customFadeInUp slow">
<div class="blog-single">
<div class="thumbnail">
<img src="assets/img/blog/3.jpg" alt="">
</div>
<h4 class="title">Daily Habits to increase your productivity levels.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p class="quote">sunt in culpa qui officia deserunt mollit anim id est laborum
.Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Ut enim ad minim veniam.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident,
</p>
<div class="row">
<div class="col-lg-5">
<img src="assets/img/blog/2.jpg" alt="">
</div>
<div class="col-lg-7">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident ,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
</p>
</div>
</div>
<p> Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident.
</p>
<div class="meta">
<p class="mb-0 ">
<span><i class="far fa-clock"></i>August 21, 2020</span>
<span><i class="fas fa-tag"></i>Lifestyle</span>
</p>
<div class="social-links ml-auto">
<ul class="list-inline">
<li> Share:</li>
<li><a href="#"> <i class="fab fa-facebook"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
</ul>
</div>
</div>
<div class="footer-author">
<img src="assets/img/author.jpg" alt="">
<div class="author">
<h5>Elizabeth Elmiz</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Quis ipsum suspendisse vel facilisis.</p>
</div>
</div>
</div>
</div>
<!--Sidebar-->
<div class="col-lg-4">
<!--Search-->
<div class="widget widget-search wow customFadeInUp delay-0-2s slow" >
<div class="widget-title">
<h5>Search</h5>
</div>
<form action="blog-single.html" class="search-form">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search...">
</div>
<button class="submit-btn" type="submit">
<i class="fas fa-search"></i>
</button>
</form>
</div>
<!--Categories-->
<div class="widget widget-categories wow customFadeInUp delay-0-3s slow">
<div class="widget-title">
<h5>Categories</h5>
</div>
<ul>
<li class="cat-item d-flex align-items-center">
<a href="#"> Design </a>
<span class="badge badge-pill ml-auto">5</span>
</li>
<li class="cat-item d-flex align-items-center">
<a href="#">Development</a>
<span class="badge badge-pill ml-auto">15</span>
</li>
<li class="cat-item d-flex align-items-center">
<a href="#">Tutorials</a>
<span class="badge badge-pill ml-auto">4</span>
</li>
<li class="cat-item d-flex align-items-center">
<a href="#">Branding</a>
<span class="badge badge-pill ml-auto">3</span>
</li>
<li class="cat-item d-flex align-items-center">
<a href="#">Lifestyle</a>
<span class="badge badge-pill ml-auto">2</span>
</li>
</ul>
</div>
<!--Recent-post-->
<div class="widget widget-recent-posts wow customFadeInUp delay-0-4s slow">
<div class="widget-title">
<h5>Recent Posts</h5>
</div>
<ul>
<li class="post-item d-flex align-items-center">
<img src="assets/img/blog/1.jpg" alt="">
<div class="right">
<h6>How To become a web designer.</h6>
<p>August 21, 2020</p>
</div>
</li>
<li class="post-item d-flex align-items-center">
<img src="assets/img/blog/2.jpg" alt="">
<div class="right">
<h6>7 Most essential frontend development tools.</h6>
<p>August 21, 2020</p>
</div>
</li>
<li class="post-item d-flex align-items-center">
<img src="assets/img/blog/4.jpg" alt="">
<div class="right">
<h6>15 Quick Tips That Will Help You Get Hired Fast.</h6>
<p>August 21, 2020</p>
</div>
</li>
<li class="post-item d-flex align-items-center">
<img src="assets/img/blog/6.jpg" alt="">
<div class="right">
<h6>How To Create Your First UX Design Portfolio?</h6>
<p>August 21, 2020</p>
</div>
</li>
</ul>
</div>
<!--tags-->
<div class="widget widget-tags wow customFadeInUp delay-0-5s slow" >
<div class="widget-title">
<h5>Tags</h5>
</div>
<ul class="list-inline">
<li>Productivity</li>
<li>Business</li>
<li>Tools</li>
<li>Levels</li>
<li>Daily Habits</li>
<li>Bussness</li>
<li>Tips</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--loading -->
<div class="loading">
<div class="circle"></div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-3.5.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- JS Plugins -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.mixitup.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/ajax-contact.js"></script>
<script src="assets/js/jquery.animatedheadline.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>