    <!-- footer start  -->
    <footer style="background-color: rgba(4, 20, 193, 0.667)">
        <div class="container">
            <div class="row g-3 py-5">
                <div class="col-md-3">
                    <h1 class="py-3">Edu
                        <span>Learn</span>
                    </h1>
                    <p class="fs-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, magnam nemo
                        voluptas est
                        voluptatum doloremque!</p>
                </div>
                <div class="col-md-3">
                    <h1 class="py-3 fs-5">Quick links</h1>
                    <ul class="list-unstyled">
                        <li><a class="text-white text-decoration-none  py-1" href="#"><i class="bi bi-house"></i>
                                Home</a></li>
                        <li><a class="text-white text-decoration-none  py-1" href="#"><i
                                    class="bi bi-file-earmark-person"></i> About</a></li>
                        <li><a class="text-white text-decoration-none  py-1" href="#"><i class="bi bi-book"></i>
                                Courses</a></li>
                        <li><a class="text-white text-decoration-none  py-1" href="#"><i
                                    class="bi bi-person-lines-fill"></i> Contact</a></li>
                    </ul>

                </div>
                <div class="col-md-3">
                    <h1 class="py-3 fs-5">Resources</h1>
                    <ul class="list-unstyled m-0 p-0">
                        <li class="mb-2"><a href="index.html" class="text-decoration-none text-dark">FAQs</a></li>
                        <li class="mb-2"><a href="index.html" class="text-decoration-none text-dark">Support</a></li>
                        <li class="mb-2"><a href="index.html" class="text-decoration-none text-dark">Privacy&policy</a>
                        </li>
                        <li class="mb-2"><a href="index.html" class="text-decoration-none text-dark">Terms</a></li>
                    </ul>

                </div>
                <div class="col-md-3">
                    <h1 class="py-3 fs-5">Contact-us</h1>
                    <p><i class="bi bi-envelope-at-fill"></i> contact@gmail.com</p>
                    <p> <i class="bi bi-telephone-fill"></i> 785461231333</p>
                </div>
            </div>
            <div class="py-5 text-center">

                <small>
                    © <span id="year"></span> EduLearn. All rights reserved.
                </small>
            </div>
        </div>
    </footer>
    <!-- footer end  -->

<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>

    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/custom.js"></script>
</body>

</html>