<!-- *********************** Footer *********************** -->
<footer class="footer">
<section class="full-width newsletter">
<div class="container container-home text-center">
<div class="col-md-12">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h2>{{ 'home.newsletter.titre' |trans({}, 'cms') |raw }}</h2>
{{ 'home.newsletter.texte' |trans({}, 'cms') |raw }}
<div class="row mt-5 mb-5">
<div class="col-md-3"></div>
<div class="col-md-6">
{{ render(controller('App\\Controller\\DefaultController::newsletter')) }}
</div>
<div class="col-md-3"></div>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
</div>
</section>
<section class="full-width menu-bottom">
<div class="container container-home ">
<div class="row">
<div class="col-md-2 col-sm-12">
</div>
<div class="contact col-md-2 col-sm-6 col-xs-12 mb-3">
<h3>{{ 'footer.menu.contact_us.title' |trans({}, 'cms') |raw }}</h3>
<ul class="mt-4">
<li>
<a href="tel:{{ 'footer.menu.contact_us.phone.short' |trans({}, 'cms') |raw }}" class="phone">
<i class="fa-solid fa-phone-flip"></i>
{{ 'footer.menu.contact_us.phone.long' |trans({}, 'cms') |raw }}
</a>
<p class="text-center"><small>{{ 'footer.menu.contact_us.tarif' |trans({}, 'cms') |raw }}</small></p>
</li>
<li>
<h4>{{ 'footer.menu.contact_us.payment.title' |trans({}, 'cms') |raw }}</h4>
<img src="/build/images/front/moyens-paiement.png" alt="{{ 'footer.menu.contact_us.payment.means' |trans({}, 'cms') |raw }}" />
</li>
</ul>
</div>
<div class="col-md-2 col-sm-6 col-xs-12 mb-3">
<h3>{{ 'footer.menu.about.title' |trans({}, 'cms') |raw }}</h3>
{{ render(controller('App\\Controller\\PageController::menu', {'code': 'footer_bottom_1'})) }}
</div>
<div class="col-md-2 col-sm-6 col-xs-12 mb-3">
<h3>{{ 'footer.menu.stay.title' |trans({}, 'cms') |raw }}</h3>
{{ render(controller('App\\Controller\\PageController::menu', {'code': 'footer_bottom_2'})) }}
</div>
<div class="col-md-2 col-sm-6 col-xs-12 mb-3">
<h3>{{ 'footer.menu.conditions.title' |trans({}, 'cms') |raw }}</h3>
{{ render(controller('App\\Controller\\PageController::menu', {'code': 'footer_bottom_3'})) }}
</div>
<div class="col-md-2 col-sm-12">
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-12">
</div>
<div class="brands col-md-8 col-xs-12 mb-3">
<a href="https://fr-fr.facebook.com/ateyavacances/" target="_blank" class="brand facebook" title="Facebook">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="https://www.instagram.com/ateya_vacances/" target="_blank" class="brand instagram" title="Instagram">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="https://www.linkedin.com/company/ateya-vacances" target="_blank" class="brand linkedin" title="LinkedIn">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="https://fr.pinterest.com/ateyavacances/" target="_blank" class="brand pinterest" title="Pinterest">
<i class="fa-brands fa-pinterest"></i>
</a>
</div>
<div class="col-md-2 col-sm-12">
</div>
</div>
<div class="mention-ateya text-right">
ATEYA VACANCES {{ "now"|date("Y") }}
</div>
</div>
</section>
<section class="menu-bottom-2 mt-5 mn-5">
<div class="container">
<div class="col-sm-4 col-xs-12"></div>
<div class="col-sm-2 col-xs-12 text-center">
<a target="_blank" href="http://www.france.fr/?utm_source=AffilAdh&utm_medium=LienRetour&utm_campaign=LogoAdh">
<img src="{{ asset('build/images/front/atout-france.jpg')}}">
</a>
</div>
<div class="col-sm-2 col-xs-12 text-center">
<a target="_blank" href="https://www.apst.travel/">
<img src="{{ asset('build/images/front/logo-apst.jpg')}}">
</a>
</div>
<div class="col-sm-4 col-xs-12"></div>
</div>
</section>
</footer>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">{{ 'ancre.fermer' |trans({}, 'app')}}</button>
</div>
</div>
</div>
</div>