<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,800,900%7cRaleway:300,400,500,600,700" rel="stylesheet">
<body>
<section class="blog-me pt-100 pb-100" id="blog">
<div class="container">
<div class="row">
<div class="col-xl-6 mx-auto text-center">
<div class="section-title mb-100">
<p>what i can do</p>
<h4>latest blog</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="single-blog">
<div class="blog-img">
<img src="https://nahian91.github.io/picchi-html/assets/img/blog/blog1.jpg" alt="">
<div class="post-category">
<a href="#">Creative</a>
</div>
</div>
<div class="blog-content">
<div class="blog-title">
<h4><a href="#">Mobilies UX Treend</a></h4>
<div class="meta">
<ul>
<li>04 June 2018</li>
</ul>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque.</p>
