<!--==============================
    Footer Area
==============================-->
<footer class="footer-wrapper bg-title footer-layout2">
    <div class="widget-area">
        <div class="container">
            <div class="newsletter-area">
                <div class="newsletter-top">
                    <div class="row gy-4 align-items-center">
                        <div class="col-lg-5">
                            <h2 class="newsletter-title text-white text-capitalize mb-0">Boletín informativo</h2>
                        </div>
                        <div class="col-lg-7">
                            <form class="newsletter-form style2">
                                <input class="form-control " type="email" placeholder="Ingrese su correo" required="">
                                <button type="submit" class="th-btn style1">Suscribirse <img
                                        src="assets/img/icon/plane2.svg" alt=""></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-between">
                <div class="col-md-6 col-xl-3">
                    <div class="widget footer-widget">
                        <div class="th-widget-about">
                            <div class="about-logo">
                                <a href="home-travel.html"><img
                                        src="<?= BASE_URL ?>assets/img/logo/logo-tesoros-plataforma.png"
                                        alt="Tourm"></a>
                            </div>
                            <p class="about-text text-justify">Tesoros del Atlántico: productos auténticos del Caribe,
                                tradición y
                                calidad para tu mesa y tu hogar.</p>

                            <div class="th-social">
                                <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                                <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                                <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                                <a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
                                <a href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-auto">
                    <div class="widget widget_nav_menu footer-widget">
                        <h3 class="widget_title">Enlaces</h3>
                        <div class="menu-all-pages-container">
                            <ul class="menu">

                                <li><a href="<?= BASE_URL ?>">Inicio</a></li>
                                <li><a href="<?= BASE_URL ?>nosotros">Sobre nosotros</a></li>
                                <li><a href="<?= BASE_URL ?>service.html">Nuestro servicio</a></li>
                                <li><a href="<?= BASE_URL ?>contact.html">Términos de servicio</a></li>
                                <li><a href="<?= BASE_URL ?>contact.html">Reserva de tour ahora</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-auto">
                    <div class="widget footer-widget">
                        <h3 class="widget_title">Ponte en contacto</h3>
                        <div class="th-widget-contact">
                            <div class="info-box_text">
                                <div class="icon">
                                    <img src="assets/img/icon/phone.svg" alt="img">
                                </div>
                                <div class="details">
                                    <p><a href="tel:+573044176931" class="info-box_link">+57 304 417 6931</a></p>
                                </div>
                            </div>
                            <div class="info-box_text">
                                <div class="icon">
                                    <img src="assets/img/icon/envelope.svg" alt="img">
                                </div>
                                <div class="details">
                                    <p><a href="mailto:contacto@tesoros_atl.com"
                                            class="info-box_link">contacto@tesoros_atl.com</a></p>
                                </div>
                            </div>
                            <div class="info-box_text">
                                <div class="icon"><img src="assets/img/icon/location-dot.svg" alt="img"></div>
                                <div class="details">
                                    <p>Cra. 43 No. 42 – 40, piso 1</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-auto">
                    <div class="widget footer-widget">
                        <h3 class="widget_title">Publicación de Instagram</h3>
                        <div class="sidebar-gallery">
                            <div class="gallery-thumb">
                                <img src="<?= BASE_URL ?>assets/img/widget/gallery_1_1.jpg" alt="Gallery Image">
                                <a target="_blank" href="https://www.instagram.com/" class="gallery-btn"><i
                                        class="fab fa-instagram"></i></a>
                            </div>
                            <div class="gallery-thumb">
                                <img src="<?= BASE_URL ?>assets/img/widget/gallery_1_2.jpg" alt="Gallery Image">
                                <a target="_blank" href="https://www.instagram.com/" class="gallery-btn"><i
                                        class="fab fa-instagram"></i></a>
                            </div>
                            <div class="gallery-thumb">
                                <img src="<?= BASE_URL ?>assets/img/widget/gallery_1_3.jpg" alt="Gallery Image">
                                <a target="_blank" href="https://www.instagram.com/" class="gallery-btn"><i
                                        class="fab fa-instagram"></i></a>
                            </div>
                            <div class="gallery-thumb">
                                <img src="<?= BASE_URL ?>assets/img/widget/gallery_1_4.jpg" alt="Gallery Image">
                                <a target="_blank" href="https://www.instagram.com/" class="gallery-btn"><i
                                        class="fab fa-instagram"></i></a>
                            </div>
                            <div class="gallery-thumb">
                                <img src="<?= BASE_URL ?>assets/img/widget/gallery_1_5.jpg" alt="Gallery Image">
                                <a target="_blank" href="https://www.instagram.com/" class="gallery-btn"><i
                                        class="fab fa-instagram"></i></a>
                            </div>
                            <div class="gallery-thumb">
                                <img src="<?= BASE_URL ?>assets/img/widget/gallery_1_6.jpg" alt="Gallery Image">
                                <a target="_blank" href="https://www.instagram.com/" class="gallery-btn"><i
                                        class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-wrap">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-md-12">
                    <p class="copyright-text text-center">Copyright 2025 <a href="<?= BASE_URL ?>">Tesosos del
                            Atlántico</a>.Todos
                        los derechos reservados.
                    </p>
                </div>
            </div>

        </div>
    </div>
    <div class="shape-mockup movingX d-none d-xxl-block" data-top="24%" data-left="5%">
        <img src="assets/img/shape/shape_8.png" alt="shape">
    </div>
</footer>

<!--********************************
            Code End  Here 
    ******************************** -->

<!-- Scroll To Top -->
<div class="scroll-top">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
            style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
        </path>
    </svg>
</div>
<!--==============================
modal Area  
==============================-->
<div id="login-form" class="popup-login-register mfp-hide">
    <ul class="nav" id="pills-tab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-menu" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home"
                type="button" role="tab" aria-controls="pills-home" aria-selected="false">Login</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-menu active" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile"
                type="button" role="tab" aria-controls="pills-profile" aria-selected="true">Register</button>
        </li>
    </ul>
    <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane fade" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
            <h3 class="box-title mb-30">Sign in to your account</h3>
            <div class="th-login-form">
                <form action="mail.php" method="POST" class="login-form ajax-contact">
                    <div class="row">
                        <div class="form-group col-12">
                            <label>Username or email</label>
                            <input type="text" class="form-control" name="email" id="email" required="required">
                        </div>
                        <div class="form-group col-12">
                            <label>Password</label>
                            <input type="password" class="form-control" name="pasword" id="pasword" required="required">
                        </div>

                        <div class="form-btn mb-20 col-12">
                            <button class="th-btn btn-fw th-radius2 ">Send Message</button>
                        </div>
                    </div>
                    <div id="forgot_url">
                        <a href="my-account.html">Forgot password?</a>
                    </div>
                    <p class="form-messages mb-0 mt-3"></p>
                </form>
            </div>
        </div>
        <div class="tab-pane fade active show" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
            <h3 class="th-form-title mb-30">Sign in to your account</h3>
            <form action="mail.php" method="POST" class="login-form ajax-contact">
                <div class="row">
                    <div class="form-group col-12">
                        <label>Username*</label>
                        <input type="text" class="form-control" name="usename" id="usename" required="required">
                    </div>
                    <div class="form-group col-12">
                        <label>First name*</label>
                        <input type="text" class="form-control" name="firstname" id="firstname" required="required">
                    </div>
                    <div class="form-group col-12">
                        <label>Last name*</label>
                        <input type="text" class="form-control" name="lastname" id="lastname" required="required">
                    </div>
                    <div class="form-group col-12">
                        <label for="new_email">Your email*</label>
                        <input type="text" class="form-control" name="new_email" id="new_email" required="required">
                    </div>
                    <div class="form-group col-12">
                        <label for="new_email_confirm">Confirm email*</label>
                        <input type="text" class="form-control" name="new_email_confirm" id="new_email_confirm"
                            required="required">
                    </div>
                    <div class="statement">
                        <span class="register-notes">A password will be emailed to you.</span>
                    </div>
                    <div class="form-btn mt-20 col-12">
                        <button class="th-btn btn-fw th-radius2 ">Sign up</button>
                    </div>
                </div>
                <p class="form-messages mb-0 mt-3"></p>
            </form>
        </div>
    </div>
</div>

<!--==============================
    All Js File
============================== -->
<!-- Jquery -->
<!-- Jquery -->
<script src="<?= BASE_URL ?>assets/js/vendor/jquery-3.6.0.min.js"></script>
<!-- Swiper Js -->
<script src="<?= BASE_URL ?>assets/js/swiper-bundle.min.js"></script>
<!-- Bootstrap -->
<script src="<?= BASE_URL ?>assets/js/bootstrap.min.js"></script>
<!-- Magnific Popup -->
<script src="<?= BASE_URL ?>assets/js/jquery.magnific-popup.min.js"></script>
<!-- Counter Up -->
<script src="<?= BASE_URL ?>assets/js/jquery.counterup.min.js"></script>
<!-- Range Slider -->
<script src="<?= BASE_URL ?>assets/js/jquery-ui.min.js"></script>
<!-- imagesloaded -->
<script src="<?= BASE_URL ?>assets/js/imagesloaded.pkgd.min.js"></script>
<!-- isotope -->
<script src="<?= BASE_URL ?>assets/js/isotope.pkgd.min.js"></script>
<!-- gsap -->
<script src="<?= BASE_URL ?>assets/js/gsap.min.js"></script>
<!-- circle-progress -->
<script src="<?= BASE_URL ?>assets/js/circle-progress.js"></script>
<script src="<?= BASE_URL ?>assets/js/matter.min.js"></script>
<script src="<?= BASE_URL ?>assets/js/matterjs-custom.js"></script>
<!-- nice select -->
<script src="<?= BASE_URL ?>assets/js/nice-select.min.js"></script>
<!-- Main Js File -->
<script src="<?= BASE_URL ?>assets/js/main.js"></script>



