Blog Sections

<!--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-->