<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 rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<section class="blog-area pt-80 pb-80">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="section-title">
<h4>Latest <span>Design</span> Blog</h4>
</div>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-4">
<div class="single-blog h-100" style="background-image: url('https://nahian91.github.io/arrow-creative-agency/assets/images/blog/blog-1.png');">
<span class="blog-cat"><a href="">blog</a></span>
<div class="blog-content">
<h4>Blog title here</h4>
<div class="meta">
<a href="">admin</a>
<a href="">1 june 2021</a>
</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum, assumenda.</p>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-6">
<div class="single-blog" style="background-image: url('https://nahian91.github.io/arrow-creative-agency/assets/images/blog/blog-2.jpg');">
<span class="blog-cat"><a href="">blog</a></span>
<div class="blog-content">
