        <!-- Beginning of footer -->
        <div class="container footer">
            <footer class="footer-content">
                <div class="row">
                    <div class="col-6 col-md-2 mb-3 footer-col">
                        <h5>Quick Links</h5>
                        <ul class="nav flex-column">
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration=" 1000">Home</a>
                            </li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration="
                                    1000">Polls</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration="
                                    1000">Rewards</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration=" 1000">FAQs</a>
                            </li>
                        </ul>
                    </div>

                    <div class="col-6 col-md-2 mb-3 footer-col">
                        <h5>Support</h5>
                        <ul class="nav flex-column">
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration=" 1000">Contact
                                    Us</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration=" 1000">Help
                                    Center</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration=" 1000">Privacy
                                    Policy</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration=" 1000">Terms
                                    of Services</a></li>
                        </ul>
                    </div>

                    <div class="col-6 col-md-2 mb-3 footer-col">
                        <h5>Connect</h5>
                        <ul class="nav flex-column">
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration="
                                    1000">Twitter</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration="
                                    1000">Facebook</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration="
                                    1000">LinkedIn</a></li>
                            <li class="nav-item mb-2"><a href="#" class="nav-link p-0 data-aos-duration="
                                    1000">Instagram</a></li>
                        </ul>
                    </div>

                    <div class="col-md-5 offset-md-1 mb-3 footer-col">
                        <form>
                            <h5>Newsletter</h5>
                            <p>Stay Updated to our latest polls and rewards</p>
                            <div class="d-flex flex-column flex-sm-row w-100 gap-2">
                                <label for="newsletter1" class="visually-hidden">Email address</label>
                                <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
                                <a class="btn btn-primary subscribe" href="#">Subscribe</a>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="d-flex flex-column flex-sm-row justify-content-center rights">
                    <p>© 2025 Settle Matter, Inc. All rights reserved.</p>
                </div>
            </footer>
        </div>
        <!-- end of footer -->
        </div>
        <!-- js Links -->
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
            integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
        </script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
            integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous">
        </script>


        <!-- AOS JavaScript -->
        <script src="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.js"></script>
        <script>
AOS.init();
        </script>





        </body>

        </html>