File size: 8.95Kb
<!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-->
<div class="section">
<div class="container">
<!--Section title-->
<div class="row">
<div class="col-12 mb-40">
<div class="section-heading">
<p class="section-description bg-base-color">Check out my Blog</p>
<h2 class="section-title"> My Latest Posts</h2>
</div>
</div>
</div>
<div class="row">
<!--Blog-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp slow">
<div class="blog-item">
<div class="thumbnail">
<img src="assets/img/blog/1.jpg" alt="">
</div>
<h5><a href="blog-single.html"> How To become a web designer.</a></h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Officia nam hic eum aliquam temporibus...
</p>
<a href="blog-single.html" class="btn-custom">Read More</a>
</div>
</div>
<!--Blog-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-2s slow">
<div class="blog-item">
<div class="thumbnail">
<img src="assets/img/blog/2.jpg" alt="">
</div>
<h5>
<a href="blog-single.html">7 Most essential frontend development tools.</a>
</h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nam hic eum aliquam temporibus...
</p>
<a href="blog-single.html" class="btn-custom">Read More</a>
</div>
</div>
<!--Blog-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-3s slow ">
<div class="blog-item">
<div class="thumbnail">
<img src="assets/img/blog/3.jpg" alt="">
</div>
<h5>
<a href="blog-single.html">Daily Habits to increase your productivity levels.</a>
</h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nam hic eum aliquam temporibus...
</p>
<a href="blog-single.html" class="btn-custom">Read More</a>
</div>
</div>
<!--Blog-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-4s slow">
<div class="blog-item">
<div class="thumbnail">
<img src="assets/img/blog/4.jpg" alt="">
</div>
<h5>
<a href="blog-single.html"> 15 Quick Tips That Will Help You Get Hired Fast.</a>
</h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nam hic eum aliquam temporibus...
</p>
<a href="blog-single.html" class="btn-custom">Read More</a>
</div>
</div>
<!--Blog-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-5s slow">
<div class="blog-item">
<div class="thumbnail">
<img src="assets/img/blog/5.jpg" alt="">
</div>
<h5>
<a href="blog-single.html">Best Resources to help you learn Graphic Design</a>
</h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nam hic eum aliquam temporibus...
</p>
<a href="blog-single.html" class="btn-custom">Read More</a>
</div>
</div>
<!--Blog-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-6s slow">
<div class="blog-item">
<div class="thumbnail">
<img src="assets/img/blog/6.jpg" alt="">
</div>
<h5>
<a href="blog-single.html"> How To Create Your First UX Design Portfolio?</a>
</h5>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nam hic eum aliquam temporibus...
</p>
<a href="blog-single.html" class="btn-custom">Read More</a>
</div>
</div>
</div>
<div class="row mb-30 wow customFadeInUp slow">
<div class="col-12">
<!--pagination-->
<div class="pagination-nav text-center">
<ul class="pagination ">
<li class="active"><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="#"><i class="fas fa-angle-double-right"></i></a></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>