From the Blog
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">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold"><span class="fw-light">From the</span> Blog</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-one mb-5 rounded 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/project/project_1.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 web design layout trends in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 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/project/project_2.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="#">Tips and tricks for building a Startup Company</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 2021</span>
</div>
</div>
<p class="mb-0">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 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/project/project_3.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="#">Web Vitals will become SEO ranking signals in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 -->
From the Blog
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-white">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold"><span class="fw-light">From the</span> Blog</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- row -->
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card blog-two border-0 mb-5 rounded 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/project/project_1.jpg" alt="alt title">
</a>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">New web design layout trends in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 blog-two border-0 mb-5 rounded 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/project/project_2.jpg" alt="alt title">
</a>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">Tips and tricks for building a Startup Company</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 2021</span>
</div>
</div>
<p class="mb-0">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 blog-two border-0 mb-5 rounded 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/project/project_3.jpg" alt="alt title">
</a>
</div>
<div class="card-body px-0">
<div class="card-title">
<h3 class="h5 mb-3"><a href="#">Web Vitals will become SEO ranking signals in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 -->
From the Blog
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">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold"><span class="fw-light">From the</span> Blog</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- row -->
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-two mb-5 rounded 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/project/project_1.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="#">New web design layout trends in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 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/project/project_2.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="#">Tips and tricks for building a Startup Company</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 2021</span>
</div>
</div>
<p class="mb-0">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 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/project/project_3.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="#">Web Vitals will become SEO ranking signals in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 -->
From the Blog
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-white">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold"><span class="fw-light">From the</span> Blog</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card border-0 blog-three rounded 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/project/project_1.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 web design layout trends in 2021</a></h3>
</div>
<p class="mb-0">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 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/project/project_2.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="#">Tips and tricks for building a Startup Company</a></h3>
</div>
<p class="mb-0">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 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/project/project_3.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="#">Web Vitals will become SEO ranking signals in 2021</a></h3>
</div>
<p class="mb-0">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 -->
From the Blog
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">
<div class="container">
<!-- section header -->
<header class="text-center mx-auto mb-5 mb-lg-6">
<h2 class="h3 fw-bold"><span class="fw-light">From the</span> Blog</h2>
<hr class="divider my-4 bg-primary border-primary">
</header><!-- end section header -->
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 px-lg-4">
<!-- Card -->
<div class="card blog-two mb-5 border-0 rounded 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/project/project_1.jpg" alt="title image">
</a>
</div>
<div class="card-body bg-white text-center rounded mx-4 mt-n6">
<div class="card-title">
<h3 class="h5"><a href="#">New web design layout trends in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 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/project/project_2.jpg" alt="title image">
</a>
</div>
<div class="card-body bg-white text-center rounded mx-4 mt-n6">
<div class="card-title">
<h3 class="h5"><a href="#">Tips and tricks for building a Startup Company</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 2021</span>
</div>
</div>
<p class="mb-0">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 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/project/project_3.jpg" alt="title image">
</a>
</div>
<div class="card-body bg-white text-center rounded mx-4 mt-n6">
<div class="card-title">
<h3 class="h5"><a href="#">Web Vitals will become SEO ranking signals in 2021</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 2021</span>
</div>
</div>
<p class="mb-0">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 -->