<footer class="footer-sky">
<div class="footer-top">
<div class="container">
<div class="footer-icon-l">
<a href="{{path('contact_index')}}">
<i class="fas fa-phone-alt" aria-hidden="true"></i>
<span class="contact-popup">{{statics.about.phone}}</span>
</a>
<a href="{{path('contact_index')}}">
<i class="fas fa-envelope" aria-hidden="true"></i>
<span class="contact-popup">{{statics.about.email}}</span>
</a>
<a href="{{path('contact_index')}}">
<i class="fas fa-map-marked-alt" aria-hidden="true"></i>
<span class="contact-popup">{{statics.about.address}}</span>
</a>
<a href="#" title="Facebook">
<i class="fab fa-facebook-square" aria-hidden="true"></i>
</a>
<a href="#" title="Tripadvisor">
<i class="fab fa-tripadvisor" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<!-- /container -->
</div>
<!-- /footer-top -->
<div class="footer-mid">
<div class="container">
<div class="row padding-footer-mid">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="footer-logo text-center list-content">
<a href="{{path('home')}}" title="Colombine"><img data-src="images/about/logo-header-small.png" width="200" alt="Image" class="lazy"></a>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-lg-offset-1 col-md-offset-1 ">
<div class="list-content ">
<ul>
<li><a href="{{path('contact_index')}}">{% trans %}Nous Contacter{% endtrans %}</a></li>
<li><a href="{{path('booking_index')}}">{% trans %}Réserver{% endtrans %}</a></li>
<li><a href="#">{% trans %}Facebook{% endtrans %}</a></li>
<li><a href="#">{% trans %}Tripadvisor{% endtrans %}</a></li>
</ul>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-lg-offset-1 col-md-offset-1">
<div class="list-content ">
<ul>
<li><a href="{{path('about_index')}}">{% trans %}A propos{% endtrans %}</a></li>
<li><a href="{{path('home')}}">{% trans %}Accueil{% endtrans %} </a></li>
<li><a href="{{path('service_index')}}">{% trans %}Services{% endtrans %} </a></li>
<li><a href="{{path('hobby_index')}}">{% trans %}Activités{% endtrans %} </a></li>
<li><a href="{{path('gallery_index')}}">{% trans %}Galerie{% endtrans %} </a></li>
</ul>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-lg-offset-1 col-md-offset-1 ">
<div class="list-content">
<ul>
<li><a href="{{path('privacy_index')}}">{% trans %}Politique de confidentialité{% endtrans %}</a></li>
<li><a href="{{path('legal_index')}}">{% trans %}Mentions légales{% endtrans %}</a></li>
<li><a href="{{path('booking_conditions')}}">{% trans %}CGV{% endtrans %}</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding">
Colombine © {{'now'|date('Y')}} | <a href="https://maxapp.fr" title="{% trans %}Accéder au site du développeur{% endtrans %}">MAXAPP</a>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 no-padding">
<div class="payments text-right">
<ul>
<li>
<a href="#" title="Paypal"><img src="images/logo/Paypal.png" alt="Paypal"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>