Blog One
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque.
<!-- =========={ BLOG }========== -->
<div id="blogs" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold">Blog One</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- Row -->
<div class="row">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-one mb-5 rounded-3 overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="100">
<div class="blog-one-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog1.jpg" alt="title image">
</a>
<div class="blog-one-category p-2 bg-primary">
<a class="text-white fs-75" href="#">Creative</a>
</div>
</div>
<div class="card-body">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">New UI Design for 2020</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-one mb-5 rounded-3 overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="200">
<div class="blog-one-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog2.jpg" alt="title image">
</a>
<div class="blog-one-category p-2 bg-primary">
<a class="text-white fs-75" href="#">Creative</a>
</div>
</div>
<div class="card-body">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">Most Popular Template</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-one mb-5 rounded-3 overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="300">
<div class="blog-one-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog3.jpg" alt="title image">
</a>
<div class="blog-one-category p-2 bg-primary">
<a class="text-white fs-75" href="#">Creative</a>
</div>
</div>
<div class="card-body">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque.</p>
</div>
</div><!-- end card -->
</div>
</div><!-- End Row -->
</div>
</div><!-- End Blog -->
Blog Two
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.
<!-- =========={ BLOG }========== -->
<div id="blogs" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold">Blog Two</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- row -->
<div class="row">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card card-full border-0 blog-two mb-5 rounded-3 overflow-hidden" data-aos="fade-up" data-aos-delay="100">
<div class="blog-two-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog1.jpg" alt="alt title">
</a>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.</p>
</div>
</div><!-- End card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card card-full border-0 blog-two mb-5 rounded-3 overflow-hidden" data-aos="fade-up" data-aos-delay="200">
<div class="blog-two-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog2.jpg" alt="alt title">
</a>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card card-full border-0 blog-two mb-5 rounded-3 overflow-hidden" data-aos="fade-up" data-aos-delay="300">
<div class="blog-two-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog3.jpg" alt="alt title">
</a>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.</p>
</div>
</div><!-- End card -->
</div>
</div><!-- end row -->
</div>
</div><!-- End Blog -->
Blog Three
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.
<!-- =========={ BLOG }========== -->
<div id="blogs" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold">Blog Three</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- row -->
<div class="row">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-two mb-5 rounded-3 overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="100">
<div class="blog-two-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog1.jpg" alt="alt title">
</a>
</div>
<div class="card-body">
<span class="blog-author">
<a href="#"><img class="avatar-md mt-n-2 rounded-circle" src="src/img-min/avatar/img1-small.jpg" alt="avatar"></a>
</span>
<div class="card-title">
<h3 class="h5 mt-2 mb-3"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.</p>
</div>
</div><!-- End card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-two mb-5 rounded-3 overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="200">
<div class="blog-two-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog2.jpg" alt="alt title">
</a>
</div>
<div class="card-body">
<span class="blog-author">
<a href="#"><img class="avatar-md mt-n-2 rounded-circle" src="src/img-min/avatar/img2-small.jpg" alt="avatar"></a>
</span>
<div class="card-title">
<h3 class="h5 mt-2 mb-3"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-two mb-5 rounded-3 overflow-hidden shadow-sm" data-aos="fade-up" data-aos-delay="300">
<div class="blog-two-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog3.jpg" alt="alt title">
</a>
</div>
<div class="card-body">
<span class="blog-author">
<a href="#"><img class="avatar-md mt-n-2 rounded-circle" src="src/img-min/avatar/img3-small.jpg" alt="avatar"></a>
</span>
<div class="card-title">
<h3 class="h5 mt-2 mb-3"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ducimus est, excepturi nam odit possimus.</p>
</div>
</div><!-- End card -->
</div>
</div><!-- end row -->
</div>
</div><!-- End Blog -->
Blog Four
12
May
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.
12
May
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.
12
May
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.
<!-- =========={ BLOG }========== -->
<div id="blogs" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold">Blog Four</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- Row -->
<div class="row">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-three rounded-3 overflow-hidden mb-5" data-aos="fade-up" data-aos-delay="100">
<div class="blog-three-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog1.jpg" alt="title image">
</a>
<div class="post-date bg-light p-2">
<span class="date">12</span>
<span class="small">May</span>
</div>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5"><a href="#">New UI Design for 2020</a></h3>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-three rounded-3 overflow-hidden mb-5" data-aos="fade-up" data-aos-delay="200">
<div class="blog-three-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog2.jpg" alt="title image">
</a>
<div class="post-date bg-light p-2">
<span class="date">12</span>
<span class="small">May</span>
</div>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5"><a href="#">Most Popular Template</a></h3>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-three rounded-3 overflow-hidden mb-5" data-aos="fade-up" data-aos-delay="300">
<div class="blog-three-img">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog3.jpg" alt="title image">
</a>
<div class="post-date bg-light p-2">
<span class="date">12</span>
<span class="small">May</span>
</div>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5"><a href="#">Great Layout and Grid</a></h3>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.</p>
</div>
</div><!-- end card -->
</div>
</div><!-- End Row -->
</div>
</div><!-- End Blog -->
Blog Five
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.
<!-- =========={ BLOG }========== -->
<div id="blogs" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold">Blog Five</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- Row -->
<div class="row">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card blog-two mb-5 border-0 rounded-3 overflow-hidden shadow-sm z-index-1" data-aos="fade-up" data-aos-delay="100">
<div class="z-index-n1">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog1.jpg" alt="title image">
</a>
</div>
<div class="card-body bg-body text-center rounded-3 mx-4 mt-n6">
<div class="card-title">
<h3 class="h5"><a href="#">New UI Design for 2020</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card blog-two mb-5 border-0 rounded-3 overflow-hidden shadow-sm z-index-1" data-aos="fade-up" data-aos-delay="200">
<div class="z-index-n1">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog2.jpg" alt="title image">
</a>
</div>
<div class="card-body bg-body text-center rounded-3 mx-4 mt-n6">
<div class="card-title">
<h3 class="h5"><a href="#">Most Popular Template</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.</p>
</div>
</div><!-- end card -->
</div>
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card blog-two mb-5 border-0 rounded-3 overflow-hidden shadow-sm z-index-1" data-aos="fade-up" data-aos-delay="300">
<div class="z-index-n1">
<a href="#">
<img class="img-fluid" src="src/img-min/blog/blog3.jpg" alt="title image">
</a>
</div>
<div class="card-body bg-body text-center rounded-3 mx-4 mt-n6">
<div class="card-title">
<h3 class="h5"><a href="#">Great Layout and Grid</a></h3>
<div class="meta text-muted">
<svg class="bi bi-calendar me-2 text-muted" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M14 0H2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M6.5 7a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm-9 3a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2zm3 0a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
</svg><span>04 May 2020</span>
</div>
</div>
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Lorem ipsum is text industry.</p>
</div>
</div><!-- end card -->
</div>
</div><!-- End Row -->
</div>
</div><!-- End Blog -->