
        <!-- .....:::::: Start Footer Section :::::.... -->
        <footer class="footer-section footer-bg">
            <!-- Start Footer Top -->
            <div class="footer-top">
                <div class="container">
                    <div class="footer-top-wrapper">
                        <!-- Start Footer Logo -->
                        <a href="?a=home" class="logo">
                            <img class="img-fluid" src="assets/images/logo/logo-dark.png" alt="">
                        </a>
                        <!-- End Footer Logo -->

                        <!-- Start Footer Newsletter -->
                        <div class="newsletter">
                            <div class="content">
                                <h4 class="title-tag text-gradient">SUBSCRIBE NOW</h4>
                                <h3 class="sub-title">GET UPDATE EVERYTHING</h3>
                            </div>
                            <div class="newsletter-form">
                                <form class="newsletter-form-group" action="#" method="post">
                                    <input type="email" placeholder="Enter your email" required>
                                    <button class="newsletter-submit-btn text-gradient" type="submit"><i class="icofont-paper-plane"></i></button>
                                </form>
                            </div>
                        </div>
                        <!-- Start Footer Newsletter -->
                        <!-- <div class="bg-color-dark-red"></div> -->
                    </div>
                </div>
                <div class="bg-color-bold-red"></div>
            </div>
            <!-- Start Footer Top -->

            <!-- Start Footer Center -->
            <div class="footer-center section-top-space">
                <div class="container">
                    <div class="row justify-content-xl-between">
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">CONTACT US</h3>

                                <ul class="footer-about">
                                    <li>
                                        <div class="text"><span class="text-marker">Location:</span>Your address goes here.</div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Phone:</span><a href="tel:+0123456789">0123456789</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Web:</span><a href="https://www.example.com">www.example.com</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Email:</span> <a href="mailto:demo@example.com">demo@example.com</a> </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">RECENT NEWS</h3>

                                <ul class="footer-blog">
                                    <li>
                                        <a href="#" class="image">
                                            <img src="assets/images/blog/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="#">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2021</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#" class="image">
                                            <img src="assets/images/blog/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="#">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2021</span>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">Useful Links</h3>
                                <ul class="footer-nav">
                                   <li><a href="?a=home">Home</a></li>
                              <li><a href="?a=about">About</a></li>
                              <li><a href="?a=faq">Faq</a></li>
                              <li><a href="?a=plans">Plans</a></li>
  
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">Our Support</h3>
                                <ul class="footer-nav">

                                   {if $userinfo.logged != 1}
                            <li><a href="?a=login">Log In</a></li>
              <li><a href="?a=signup">Register</a></li>
              {else}
               <li><a href="?a=account">Account</a></li>
              <li><a href="?a=logout">logout</a></li>
              {/if}
                               <li><a href="?a=rules">Terms
                               </a></li>
                              <li><a href="?a=support">Support</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Center -->

            <!-- Start Footer Bottom -->
            <div class="footer-bottom ">
                <div class="container">
                    <div class="row justify-content-md-between justify-content-center align-items-center flex-column-reverse flex-md-row">
                        <div class="col-auto">
                            <div class="footer-bottom-left">
                                <div class="footer-copyright">
                                    <p class="copyright-text">&copy; 2021 <a href="#">{$settings.site_name}</a> <i class="icofont-heart"></i></a> </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="footer-bottom-right">
                                <ul class="footer-soacial">
                                    <li><a href="#">Facebook</a></li>
                                    <li><a href="#">Twitter</a></li>
                                    <li><a href="#">Instagram</a></li>
                                    <li><a href="#">LinkedIn</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Bottom -->
        </footer>
        <!-- .....:::::: End Footer Section :::::.... -->

    </main>

    <!-- material-scrolltop button -->
    <button class="material-scrolltop" type="button"></button>


    <!-- ::::::::::::::All JS Files here :::::::::::::: -->
    <!-- Global Vendor, plugins JS -->
    <!-- <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/material-scrolltop.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
    <script src="assets/js/plugins/images-loaded.min.js"></script>
    <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/parallax.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script>
    <script src="assets/js/plugins/waypoint.js"></script>
    <script src="assets/js/plugins/counter.js"></script> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script>
<script src="https://kit.fontawesome.com/6a961feafa.js" crossorigin="anonymous"></script>
                                
    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

</body>

</html>
