<?php include'header.php'?>

<!-- TITLE BANNER START -->
        <section class="title-banner">
            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-lg-10 col-md-11">
                        <div class="title-wrapper">
                            <div class="row align-items-center">
                                <div class="col-lg-6 col-sm-6">
                                    <div class="title-content">
                                        <h1 class="white fw-700">Blogs</h1>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-6 d-sm-block d-none">
                                    <div class="title-image">
                                        <img src="assets/media/backgrounds/title-banner.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- TITLE BANNER END -->

        <!-- ARTICLES SECTION START -->
        <section class="article-section py-80">
            <div class="container-fluid">
                <div class="article-wrapper">
                    <div class="row row-gap-4">
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-1.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">Top Tips for Successful Online Learning</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_1909">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-2.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">The Ultimate Guide to E-Learning Success</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_5826">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-3.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">How to Stay Motivated While Learning Online</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_2254">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-4.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">The Benefits of Interactive Learning Tools</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_9971">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-9.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">Balancing Work, Life, and Online Study</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_3548">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-10.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">Top 10 E-Learning Platforms Compared</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_7139">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-11.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">How to Stay Focused While Studying Online</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_1245">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6">
                            <a href="blog-detail.php" class="article-block bg-white br-12">
                                <div class="article-image shine br-8 mb-24">
                                    <img src="assets/media/blog/blog-12.png" alt="" class="br-8">
                                </div>
                                <div class="article-content">
                                    <div class="d-flex align-items-center gap-32 mb-24">
                                        <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/calender-black.png" alt="">
                                            <p class="dark-gray fw-500">24 April, 2024</p>
                                        </div>
                                        <!-- <div class="d-flex align-items-center gap-12">
                                            <img src="assets/media/icons/user-black.png" alt="">
                                            <p class="dark-gray fw-500">Author</p>
                                        </div> -->
                                    </div>
                                    <h6 class="fw-700 mb-16">How to Choose the Right Online Course</h6>
                                    <p class="dark-gray mb-32">Achieve your learning goals with our comprehensive tips and strategies.</p>
                                    <div class="cus-arrow-btn d-flex align-items-center">
                                        <p class="fw-600">Read More</p>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
                                            <g clip-path="url(#clip0_11807_1909)">
                                                <path
                                                    d="M4.33053 0.419326C4.01106 0.738799 4.011 1.25687 4.33058 1.5764L11.9338 9.17949L4.33053 16.783C4.01106 17.1024 4.011 17.6205 4.33058 17.94C4.65011 18.2596 5.16813 18.2596 5.48766 17.94L13.6695 9.758C13.8229 9.60456 13.9091 9.39647 13.9091 9.17949C13.9091 8.96251 13.8229 8.75436 13.6694 8.60098L5.4876 0.419381C5.16813 0.099799 4.65006 0.0997987 4.33053 0.419326Z"
                                                    fill="#141516" />
                                            </g>
                                            <defs>
                                                <clipPath id="clip0_11807_5577">
                                                    <rect width="18" height="18" fill="white" transform="translate(0 0.179688)" />
                                                </clipPath>
                                            </defs>
                                        </svg>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- <div class="pagination mt-48">
                        <ul id="border-pagination">
                            <li>
                                <a href="#">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                                        <path
                                            d="M14.2261 25.8748C14.2261 22.4998 11.0761 17.9998 7.47607 17.9998M7.47607 17.9998C9.53857 17.9998 14.2261 16.8748 14.2261 10.1248M7.47607 17.9998H28.8511"
                                            stroke="#0C0C0D" stroke-width="2.25" />
                                    </svg>
                                </a>
                            </li>
                            <li><a href="#" class="active">01</a></li>
                            <li><a href="#">02</a></li>
                            <li><a href="#">03</a></li>
                            <li><a href="#">04</a></li>
                            <li>
                                <a href="#">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none">
                                        <path
                                            d="M20.1953 22.9995C20.1953 19.9995 22.9953 15.9995 26.1953 15.9995M26.1953 15.9995C24.362 15.9995 20.1953 14.9995 20.1953 8.99951M26.1953 15.9995H7.19531"
                                            stroke="#282525" stroke-width="2" />
                                    </svg>
                                </a>
                            </li>
                        </ul>
                    </div> -->
                </div>
            </div>
        </section>
        <!-- ARTICLES SECTION END -->

<?php include'footer.php'?>