vf-site/templates/index.html

{% extends "layout.html" %}
{% block  content %}
<!-- Header -->
<header id="header" class="header">
    <!-- Header Slider -->
    <div class="swiper-container header-slider">
        <div class="swiper-wrapper">
            <div class="swiper-slide first">
            </div>
            <div class="swiper-slide second">
            </div>
            <div class="swiper-slide third">
            </div>
        </div> <!-- end of swiper-wrapper -->
    </div> <!-- end of swiper-container -->
    <!-- end of header slider -->

    <div class="text-container">
        <h1>VillaFleurie : L'expérience extraordinaire</h1>
        <a class="btn-solid-lg popup-with-move-anim" href="#header-details-lightbox">Réserver</a>
        <a class="btn-outline-lg page-scroll" href="#description">Découvrir</a>
    </div> <!-- end of text-container -->
</header> <!-- end of header -->
<!-- end of header -->


<!-- Header Lightbox -->
<!-- Lightbox -->
<div id="header-details-lightbox" class="lightbox-form zoom-anim-dialog mfp-hide">
    <div class="container">
        <div class="row">
            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
            <div class="col-lg-12">
                <p>Remplir et envoyer le formulaire pour réserver VillaFleurie</p>
                <!-- Booking Form -->
                <!-- autocomplete = off to avoid display problems in mobile view -->
                <form id="bookingForm" data-toggle="validator" data-focus="false" autocomplete="off" netlify>
                    <div class="form-group">
                        <input type="text" class="form-control-input" id="name" required>
                        <label class="label-control" for="name">Nom complet</label>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control-input" id="email" required>
                        <label class="label-control" for="email">Adresse email</label>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control-input" id="phone" required>
                        <label class="label-control" for="phone">Numéro de téléphone</label>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control-input" id="people" required>
                        <label class="label-control" for="people">Nombre de personnes</label>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <select class="form-control-select" id="room" required>
                            <option class="select-option" value="" disabled selected>Choisissez une chambre</option>
                            <option class="select-option" value="Balcony Room">T2 Corail</option>
                            <option class="select-option" value="Panoramic Room">T3 Azur</option>
                        </select>
                        <div class="help-block with-errors"></div>
                    </div>
                    <!-- readonly is enabled to avoid display problems in mobile view -->
                    <div class="form-group">
                        <input type="text" class="form-control-input" id="start" readonly required>
                        <label class="label-control" for="start">Arrivée</label>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control-input" id="end" readonly required>
                        <label class="label-control" for="end">Départ</label>
                        <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="form-control-submit-button">Réserver</button>
                    </div>
                    <div class="form-message">
                        <div id="msgSubmit" class="h3 text-center hidden"></div>
                    </div>
                </form>
                <!-- end of booking form -->

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of lightbox-form -->
<!-- end of lightbox -->
<!-- end of header lightbox -->


<!-- Description -->
<div id="description" class="slider-1 bg-gray">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="green">Découvrir VillaFleurie</h2>
                <p class="p-heading">Villa est un lieu de vacances unique situé sur le magnifique archipel de la
                    Guadeloupe, prête à accueillir des touristes en quête de tranquillité tout au long de l'année.</p>
            </div> <!-- end of col -->
            <div class="col-lg-12">

                <!-- Image Slider -->
                <div class="slider-container">
                    <div class="swiper-container image-slider">
                        <div class="swiper-wrapper">

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-container">
                                    <a class="popup-link" href="../images/description-1.jpg" data-effect="fadeIn"><img
                                            class="img-fluid" src="../images/description-1.jpg" alt="alternative"></a>
                                </div>
                            </div>
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-container">
                                    <a class="popup-link" href="../images/description-2.jpg" data-effect="fadeIn"><img
                                            class="img-fluid" src="../images/description-2.jpg" alt="alternative"></a>
                                </div>
                            </div>
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-container">
                                    <a class="popup-link" href="../images/description-3.jpg" data-effect="fadeIn"><img
                                            class="img-fluid" src="../images/description-3.jpg" alt="alternative"></a>
                                </div>
                            </div>
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-container">
                                    <a class="popup-link" href="../images/description-4.jpg" data-effect="fadeIn"><img
                                            class="img-fluid" src="../images/description-4.jpg" alt="alternative"></a>
                                </div>
                            </div>
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-container">
                                    <a class="popup-link" href="../images/description-5.jpg" data-effect="fadeIn"><img
                                            class="img-fluid" src="../images/description-5.jpg" alt="alternative"></a>
                                </div>
                            </div>
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-container">
                                    <a class="popup-link" href="../images/description-6.jpg" data-effect="fadeIn"><img
                                            class="img-fluid" src="../images/description-6.jpg" alt="alternative"></a>
                                </div>
                            </div>
                            <!-- end of slide -->

                        </div> <!-- end of swiper-wrapper -->

                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <!-- end of add arrows -->

                    </div> <!-- end of swiper container -->
                </div> <!-- end of slider-container -->
                <!-- end of image slider -->

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of slider-1 -->
<!-- end of description -->


<!-- Facilities -->
<div class="tabs">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2>Des installations étonnantes</h2>
                <p class="p-heading">Tout ce dont vous avez besoin pour un séjour détendu. Les installations de
                    VillaFleurie ont été conçues pour répondre aux besoins des touristes très exigeants du monde entier</p>
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">

                <!-- Tabs Links -->
                <ul class="nav nav-tabs" id="villaTabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="nav-tab-1" data-toggle="tab" href="#tab-1" role="tab"
                           aria-controls="tab-1" aria-selected="true">
                            <i class="fas fa-utensils"></i><span>Restaurant</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="nav-tab-2" data-toggle="tab" href="#tab-2" role="tab"
                           aria-controls="tab-2" aria-selected="false">
                            <i class="fas fa-glass-martini-alt"></i><span>Terrasse</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="nav-tab-3" data-toggle="tab" href="#tab-3" role="tab"
                           aria-controls="tab-3" aria-selected="false">
                            <i class="fas fa-sun"></i><span>Plage</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="nav-tab-5" data-toggle="tab" href="#tab-5" role="tab"
                           aria-controls="tab-5" aria-selected="false">
                            <i class="fas fa-car"></i><span>Parking</span>
                        </a>
                    </li>
                </ul>
                <!-- end of tabs links -->

                <!-- Tabs Content -->
                <div class="tab-content" id="villaTabsContent">

                    <!-- Tab -->
                    <div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab-1">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="image-container">
                                    <img class="img-fluid" src="../images/facilities-tab-1.jpg" alt="alternative">
                                </div> <!-- end of image-container -->
                            </div> <!-- end of col -->
                            <div class="col-lg-6">
                                <div class="text-container">
                                    <h3>Délicieuse cuisine locale</h3>
                                    <p>Nous servons des plats délicieux issus de la cuisine locale et préparés à partir d'ingrédients naturels provenant de fermes et de marchés locaux. </p>
                                    <p>Il n'est pas nécessaire de se dépêcher le matin pour obtenir un bon repas, car nos heures de service du petit-déjeuner s'étendent jusqu'au début de la journée. s'étendent jusqu'au début de midi..</p>
                                    <p class="green"><strong>OPEN FROM 8:00 TO 22:00</strong></p>
                                </div> <!-- end of text-container -->
                            </div> <!-- end of col -->
                        </div> <!-- end of row -->
                    </div> <!-- end of tab-pane -->
                    <!-- end of tab -->

                    <!-- Tab -->
                    <div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="tab-2">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="text-container">
                                    <h3>Belle terrasse pour le café et les boissons</h3>
                                    <p>Commencez votre journée de vacances par un café revigorant et choisissez de vous asseoir et de vous détendre ou de planifier vos excursions dans les sites historiques et touristiques environnants. ou planifiez vos excursions vers les sites historiques et les attractions touristiques des environs touristiques.</p>
                                    <p>Outre les boissons alcoolisées, nous servons également un grand assortiment de smoothies et de cocktails sans alcool..</p>
                                    <a class="btn-solid-reg" href="article.html">Article</a> <a class="btn-outline-reg" href="contact.html">Contact</a>
                                </div> <!-- end of text-container -->
                            </div> <!-- end of col -->
                            <div class="col-lg-6">
                                <div class="image-container">
                                    <img class="img-fluid" src="../images/facilities-tab-2.jpg" alt="alternative">
                                </div> <!-- end of image-container -->
                            </div> <!-- end of col -->
                        </div> <!-- end of row -->
                    </div> <!-- end of tab-pane -->
                    <!-- end of tab -->

                    <!-- Tab -->
                    <div class="tab-pane fade" id="tab-3" role="tabpanel" aria-labelledby="tab-3">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="image-container">
                                    <img class="img-fluid" src="../images/facilities-tab-3.jpg" alt="alternative">
                                </div> <!-- end of image-container -->
                            </div> <!-- end of col -->
                            <div class="col-lg-6">
                                <div class="text-container">
                                    <h3>Plages chaudes et eaux turquoises</h3>
                                    <p>Il y a deux belles plages ensoleillées près de la villa, équipées de chaises de plage, de parasols, d'un bar de plage, de douches et de sauveteurs qualifiés. chaises de plage, parasols, bar de plage, douches et sauveteurs qualifiés pour votre sécurité.</p>
                                    <ul class="list-unstyled li-space-lg">
                                        <li class="media">
                                            <i class="fas fa-square"></i>
                                            <div class="media-body">Exposition au soleil tout au long de la journée grâce à l'orientation. </div>
                                        </li>
                                        <li class="media">
                                            <i class="fas fa-square"></i>
                                            <div class="media-body">Sable doré qui s'étend longuement dans l'eau </div>
                                        </li>
                                        <li class="media">
                                            <i class="fas fa-square"></i>
                                            <div class="media-body">Les équipements sont conçus pour offrir un maximum de détente </div>
                                        </li>
                                    </ul>
                                    <a class="green" href="article.html">En savoir plus</a>
                                </div> <!-- end of text-container -->
                            </div> <!-- end of col -->
                        </div> <!-- end of row -->
                    </div> <!-- end of tab-pane -->
                    <!-- end of tab -->

                    <!-- Tab -->
                    <div class="tab-pane fade" id="tab-5" role="tabpanel" aria-labelledby="tab-5">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="image-container">
                                    <img class="img-fluid rounded" src="../images/facilities-tab-5.jpg"
                                         alt="alternative">
                                </div> <!-- end of image-container -->
                            </div> <!-- end of col -->
                            <div class="col-lg-6">
                                <div class="text-container">
                                    <h3>Plus besoin de s'inquiéter pour sa voiture</h3>
                                    <p>Villa offre un parking gratuit à tous ses clients dans une zone sûre et facile d'accès. Le parking est gardé et surveillé par des caméras spéciales pour votre tranquillité. l'esprit</p>
                                    <ul class="list-unstyled li-space-lg">
                                        <li class="media">
                                            <i class="fas fa-square"></i>
                                            <div class="media-body">Accès gratuit pour tout type de voiture</div>
                                        </li>
                                        <li class="media">
                                            <i class="fas fa-square"></i>
                                            <div class="media-body">Vidéosurveillance et accès protégé en option standard </div>
                                        </li>
                                        <li class="media">
                                            <i class="fas fa-square"></i>
                                            <div class="media-body">Profitez de votre séjour sans vous soucier de la voiture </div>
                                        </li>
                                    </ul>
                                    <p class="green"><strong>HORAIRE DE STATIONNEMENT : NON-STOP</strong></p>
                                </div> <!-- end of text-container -->
                            </div> <!-- end of col -->
                        </div> <!-- end of row -->
                    </div> <!-- end of tab-pane -->
                    <!-- end of tab -->
                </div> <!-- end of tab-content -->
                <!-- end of tabs content -->
            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of tabs -->
<!-- end of facilities -->


<!-- Rooms -->
<div class="cards-1">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="green">Confort et détente</h2>
                <ul class="list-unstyled li-space-lg p-heading">
                    <li class="address">Les chambres de la Villa offrent confort et détente. Elles comprennent toutes:</li>
                    <li><i class="fas fa-wifi"></i>Wi-Fi gratuit</li>
                    <li><i class="fas fa-bath"></i>Salle de bain privée</li>
                    <li><i class="fas fa-tablet"></i>Réfrigérateur</li>
                    <li><i class="fas fa-tv"></i>Écran large LCD</li>
                    <li><i class="fas fa-snowflake"></i>Climatisation</li>
                </ul> <!-- end of list-unstyled -->
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <a href="t2-corail.html"><img class="img-fluid" src="../images/rooms-balcony-room.jpg"
                                                      alt="alternative"></a>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title">T2 Corail - 59€/nuit</h3>
                        <p>Notre chambre d'entrée de gamme vous donne accès à toutes les commodités à un prix très abordable.</p>
                        <a class="btn-solid-reg popup-with-move-anim" href="#header-details-lightbox">Réserver</a> <a
                            class="btn-outline-reg" href="t2-corail.html">Détails</a>
                    </div>
                </div>
                <!-- end of card -->

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <a href="t3-azur.html"><img class="img-fluid" src="../images/rooms-panoramic-room.jpg"
                                                    alt="alternative"></a>
                    </div>
                    <div class="card-body">
                        <h3 class="card-title">T3 Azur - 79€/nuit</h3>
                        <p>Vous bénéficiez de la meilleure vue sur la mer et sur les environs de la villa, qui sont vraiment splendides.</p>
                        <a class="btn-solid-reg popup-with-move-anim" href="#header-details-lightbox">Réserver</a> <a
                            class="btn-outline-reg" href="t3-azur.html">Détails</a>
                    </div>
                </div>
                <!-- end of card -->

                <!-- Card -->

                <!-- end of card -->

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of cards-1 -->
<!-- end of rooms -->


<!-- Attractions -->
<div class="cards-2 bg-gray">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="green">Attractions populaires</h2>
                <hr class="hr-heading">
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <a class="green" href="article.html"><img class="img-fluid" src="../images/attraction-1.jpg"
                                                                  alt="alternative"></a>
                    </div>
                    <div class="card-body">
                        <p><strong class="green">AFITOS OLD TOWN:</strong> Full of historical importance for this part
                            of the world, Afitos Old Towm will impress you... <a class="green" href="article.html">Read
                                More >></a></p>
                    </div>
                </div>
                <!-- end of card -->

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <a class="green" href="article.html"><img class="img-fluid" src="../images/attraction-2.jpg"
                                                                  alt="alternative"></a>
                    </div>
                    <div class="card-body">
                        <p><strong class="green">NAVAGIO BEACH:</strong> Is the most famous beach at the Mediterranean
                            sea with white sands and cool beach bars. In the week... <a class="green"
                                                                                        href="article.html">Read More
                                >></a></p>
                    </div>
                </div>
                <!-- end of card -->

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <a class="green" href="article.html"><img class="img-fluid" src="../images/attraction-3.jpg"
                                                                  alt="alternative"></a>
                    </div>
                    <div class="card-body">
                        <p><strong class="green">AEGEAN BELVEDERE:</strong> The best place to watch the sunset in a
                            romantic atmosphere and maybe even drink a glass of wine... <a class="green"
                                                                                           href="article.html">Read More
                                >></a></p>
                    </div>
                </div>
                <!-- end of card -->

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <a class="green" href="article.html"><img class="img-fluid" src="../images/attraction-4.jpg"
                                                                  alt="alternative"></a>
                    </div>
                    <div class="card-body">
                        <p><strong class="green">JAMES WHITE HOUSE:</strong> Don't miss this great tourist attraction.
                            The famous writer's house will fascinate literature... <a class="green" href="article.html">Read
                                More >></a></p>
                    </div>
                </div>
                <!-- end of card -->

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of cards-2 -->
<!-- end of attractions -->


<!-- Testimonials -->
<div class="slider-2">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2>Avis</h2>
                <hr class="hr-heading">
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">

                <!-- Card Slider -->
                <div class="slider-container">
                    <div class="swiper-container card-slider">
                        <div class="swiper-wrapper">

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="card">
                                    <img class="card-image" src="../images/testimonial-1.jpg" alt="alternative">
                                    <div class="card-body">
                                        <p class="testimonial-text">Our stay at Villa was amazing. I didn't think this
                                            part of the world can be so beautiful, amazing stay.</p>
                                        <p class="testimonial-author">Jude Thorn - Family</p>
                                    </div>
                                </div>
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="card">
                                    <img class="card-image" src="../images/testimonial-2.jpg" alt="alternative">
                                    <div class="card-body">
                                        <p class="testimonial-text">Loved the villa and its surroundings but I was
                                            especially impressed by the beautiful sandy beaches</p>
                                        <p class="testimonial-author">Roy Smith - Couple</p>
                                    </div>
                                </div>
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="card">
                                    <img class="card-image" src="../images/testimonial-3.jpg" alt="alternative">
                                    <div class="card-body">
                                        <p class="testimonial-text">WOW! I just can't find the words to describe our
                                            experience. The staff was great, rooms were very clean</p>
                                        <p class="testimonial-author">Marsha Singer - Family</p>
                                    </div>
                                </div>
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="card">
                                    <img class="card-image" src="../images/testimonial-4.jpg" alt="alternative">
                                    <div class="card-body">
                                        <p class="testimonial-text">So many ways to have fun. You never get bored. You
                                            can relax at the beach or have fun in the old town</p>
                                        <p class="testimonial-author">Tim Shaw - Family</p>
                                    </div>
                                </div>
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="card">
                                    <img class="card-image" src="../images/testimonial-5.jpg" alt="alternative">
                                    <div class="card-body">
                                        <p class="testimonial-text">Came together with my parents and was able to offer
                                            them the best vacation they ever had. I will return</p>
                                        <p class="testimonial-author">Lindsay Spice - Family</p>
                                    </div>
                                </div>
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="card">
                                    <img class="card-image" src="../images/testimonial-6.jpg" alt="alternative">
                                    <div class="card-body">
                                        <p class="testimonial-text">Definitely worth the price. The services are of the
                                            highest quality, staff is very friendly and nice</p>
                                        <p class="testimonial-author">Ann Black - Couple</p>
                                    </div>
                                </div>
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                        </div> <!-- end of swiper-wrapper -->

                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <!-- end of add arrows -->

                    </div> <!-- end of swiper-container -->
                </div> <!-- end of slider-container -->
                <!-- end of card slider -->

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of slider-2 -->
<!-- end of testimonials -->


<!-- Location -->
<div class="basic-1 bg-gray">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="green">Où nous trouver</h2>
                <ul class="list-unstyled li-space-lg p-heading">
                    <li class="address">Nous attendons votre visite</li>
                    <li><i class="fas fa-map-marker-alt"></i>VillaFleurie, 4 rue Gerty Archimède, 97190 Le Gosier, Guadeloupe </li>
                    <li><i class="fas fa-phone"></i><a class="green" href="tel:003024630820">+590 690 44 15 30</a></li>
                    <li><i class="fas fa-envelope"></i><a class="green" href="mailto:reception@villa.com">location.villafleurie@gmail.com</a>
                    </li>
                </ul>
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">
                <div class="map-responsive">
                   <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3831.2598078323063!2d-61.48991482394046!3d16.20707768449259!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c134f148764f5d5%3A0x981bb218cee8b16c!2sVillaFleurie!5e0!3m2!1sfr!2sde!4v1685258248016!5m2!1sfr!2sde" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div> <!-- end of map-responsive -->
            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of basic-1 -->
<!-- end of location -->

{% endblock %}