
Block #1
Our articles on agency
At least, not exclusively. Reduced recruiting costs, more efficient and effective communication.

Nov 26, 2023

Block Template for startup business
Nov 21, 2023

The power of doing nothing at all
Nov 23, 2023
<!--Our articles start-->
<section class="my-xl-9 my-5">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="text-center mb-xl-7 mb-5">
<h2 class="h1 mb-3">Our articles on agency</h2>
<p class="mb-0">At least, not exclusively. Reduced
recruiting costs, more efficient and effective
communication.</p>
</div>
</div>
</div>
<!-- Blog Card -->
<div class="table-responsive-lg">
<div class="row g-5 flex-nowrap pb-4 pb-lg-0 me-5 me-lg-0">
<article class="col-lg-4 col-md-6 col-12">
<figure class="mb-4 zoom-img">
<a href="../blog-single.html">
<img src="../assets/images/blog/blog-img-3.jpg"
alt="blog" class="img-fluid rounded-3" />
</a>
</figure>
<a href="#!"
class="badge bg-primary-subtle text-primary-emphasis rounded-pill text-uppercase">Startup</a>
<h3 class="my-3 lh-base h4">
<a href="../blog-single.html"
class="text-reset">You will destroy yourself
financially if you save</a>
</h3>
<div
class="d-flex align-items-center justify-content-between mb-3 mb-md-0">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-8.jpg"
alt="Avatar"
class="avatar avatar-xs rounded-circle" />
<div class="ms-2">
<a href="#" class="text-reset fs-6">Sandip
Chauhan</a>
</div>
</div>
<div class="ms-3"><span class="fs-6">Nov 26,
2023</span></div>
</div>
</article>
<article class="col-lg-4 col-md-6 col-12">
<figure class="mb-4 zoom-img">
<a href="../blog-single.html">
<img src="../assets/images/blog/blog-img-5.jpg"
alt="blog" class="img-fluid rounded-3" />
</a>
</figure>
<a href="#!"
class="badge bg-warning-subtle text-warning-emphasis rounded-pill text-uppercase">Business</a>
<h3 class="my-3 lh-base h4">
<a href="../blog-single.html"
class="text-reset">Block Template for startup
business</a>
</h3>
<div
class="d-flex align-items-center justify-content-between mb-3 mb-md-0">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-6.jpg"
alt="Avatar"
class="avatar avatar-xs rounded-circle" />
<div class="ms-2">
<a href="#" class="text-reset fs-6">Anita
Parmar</a>
</div>
</div>
<div class="ms-3"><span class="fs-6">Nov 21,
2023</span></div>
</div>
</article>
<article class="col-lg-4 col-md-6 col-12">
<figure class="mb-4 zoom-img">
<a href="../blog-single.html">
<img src="../assets/images/blog/blog-img-4.jpg"
alt="blog" class="img-fluid rounded-3" />
</a>
</figure>
<a href="#!"
class="badge bg-success-subtle text-success-emphasis rounded-pill text-uppercase">Digital</a>
<h4 class="my-3 lh-base">
<a href="../blog-single.html"
class="text-reset">The power of doing nothing at
all</a>
</h4>
<div
class="d-flex align-items-center justify-content-between mb-3 mb-md-0">
<div class="d-flex align-items-center">
<img src="../assets/images/avatar/avatar-4.jpg"
alt="Avatar"
class="avatar avatar-xs rounded-circle" />
<div class="ms-2">
<a href="#" class="text-reset fs-6">Jitu
Chauhan</a>
</div>
</div>
<div class="ms-3"><span class="fs-6">Nov 23,
2023</span></div>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="mt-lg-8 mt-5">
<a href="./blog.html"
class="icon-link icon-link-hover text-dark">
Read more news
<svg xmlns="http://www.w3.org/2000/svg" width="16"
height="16" fill="currentColor"
class="bi bi-arrow-right" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!--Our articles end-->
Block #2
<a href="#!">
<div class="card h-100 overflow-hidden">
<div class="row h-100 g-0">
<div
class="col-md-5 image-blur"
style="
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8) 100%), url(../assets/images/blog/blog-img-2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
"></div>
<div class="col-md-7">
<div class="card-body d-flex flex-column gap-4">
<div class="d-flex flex-row align-items-center justify-content-between">
<span class="badge bg-primary-subtle text-primary-emphasis rounded-pill text-uppercase">Sport</span>
<div class="bg-warning-subtle border border-warning-subtle text-warning icon-shape icon-sm rounded">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewBox="0 0 16 16">
<path
d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708" />
</svg>
</div>
</div>
<div class="d-flex flex-column gap-2">
<h3 class="mb-0 text-truncate h4">A deep introduction to Bootstrap Block Themes</h3>
<p class="mb-0 text-truncate">
Duis ut aliquip fugiat nulla aliquip mollit mollit ullamco est labore. Nostrud cillum eu reprehenderit elit qui aliquip qui commodo ad id elit. Ut culpa nulla
magna elit eiusmod proident qui id enim.
</p>
</div>
<div class="d-flex align-items-center align-items-center gap-3">
<div class="d-flex flex-row align-items-center gap-2">
<img src="../assets/images/avatar/avatar-7.jpg" alt="Avatar" class="avatar avatar-xs rounded-circle" />
<div class="mb-0 fs-6">Anita Parmar</div>
</div>
<span class="fs-6">Feb 28, 2025</span>
</div>
</div>
</div>
</div>
</div>
</a>
Block #3
<a href="#!">
<div
class="rounded-3 p-4 image-blur"
style="
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8) 100%), url(../assets/images/blog/blog-img-3.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
">
<div class="d-flex flex-column gap-10" >
<div>
<span class="badge border rounded-pill border-white text-white-stable px-3 py-2 fw-medium fs-6">Sport</span>
</div>
<div class="d-flex flex-column gap-4">
<div class="d-flex flex-column gap-1">
<h3 class="mb-0 text-white-stable text-truncate">The writing trends that will define 2025 (Get Excited)</h3>
<p class="mb-0 text-white-stable text-truncate">
Mollit minim officia commodo voluptate reprehenderit incididunt ullamco qui consectetur. Minim eiusmod elit quis non non elit id enim aliquip nisi eu.
</p>
</div>
<div class="d-flex align-items-center align-items-center gap-3">
<div class="d-flex flex-row align-items-center gap-2">
<img src="../assets/images/avatar/avatar-1.jpg" alt="Avatar" class="avatar avatar-xs rounded-circle" />
<div class="mb-0 text-white-stable fs-6">Jitu Chauhan</div>
</div>
<span class="text-white-stable fs-6">Feb 28, 2025</span>
</div>
</div>
</div>
</div>
</a>