<div class="container-fluid" style="background-color: #0a3962; z-index: 5555;">
<div class="container footer pb-5">
<div class="row pt-5">
<div class="col-lg-5 col-sm-12">
<a href="{{ path('app_home') }}">
<img src="{{ asset('assets/img/logo2.webp') }}" alt="{{ setting.siteName }}" class="img-fluid" style="max-width: 175px; width: 100%;">
</a>
{# <p class="text-white mt-5 small">
{{ setting.siteTelephone }}
<br>
{{ setting.siteEmail }}
</p> #}
</div>
<div class="col-lg-4 col-sm-12">
<p>
<a href="{{ path('app_difference') }}" class="text-decoration-none mb-5 text-uppercase" style="color: #21afe6;">
Notre Différence
</a>
</p>
<p>
<a href="{{ path('app_expert_index') }}" class="text-decoration-none text-uppercase" style="color: #21afe6;">
Nos experts
</a>
</p>
<p>
<a href="{{ path('app_office') }}" class="text-decoration-none pb-4 text-uppercase" style="color: #21afe6;">
Nos offices
</a>
</p>
<p>
<a href="{{ path('app_contact') }}" class="text-decoration-none pb-4 text-uppercase" style="color: #21afe6;">
Contact
</a>
</p>
<p>
<a href="{{ path('app_tarif') }}" class="text-decoration-none pb-4 text-uppercase" style="color: #21afe6;">
Tarifs
</a>
</p>
<p>
<a href="{{ setting.siteEspaceclient }}" class="text-decoration-none pb-4 text-uppercase"
style="color: #21afe6;">
Espace client
</a>
</p>
</div>
<div class="col-lg-3 col-sm-12">
<p class="mb-4 footer-notaires-france">
{# <p style="color: #21afe6;" class="text-uppercase">
Notaires<br>de France
</p>
<p style="font-size: 0.7rem;">
<a href="#" class="text-decoration-none" target="_blank" style="color: white;">
En savoir plus sur les notaires
</a>
<br>
<a href="#" class="text-decoration-none" target="_blank" style="color: white;">
Les prix de l'immobilier<br>à Paris et en Ile de France
</a>
<br>
<a href="" class="text-decoration-none" target="_blank" style="color: white;">
Les prix de l'immobilier<br>en régions
</a>
<br>
<a href="" class="text-decoration-none" target="_blank" style="color: white;">
Les annonces immobilières
</a>
</p> #}
{{ setting.footerNotairesfrance|replace({
'<div>': '<span>',
'</div>': '</span>',
'<p>': '<span>',
'</p>': '</span><br>',
})|raw }}
</p>
<p>
{# Facebook #}
{# {% if setting.siteFacebook != null %}
<a href="{{ setting.siteFacebook }}" target="_blank" class="text-decoration-none" style="color: #fff;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" role="img" class="iconify iconify--ic" width="22" height="22"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<path fill="currentColor"
d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z">
</path>
</svg>
</a>
{% endif %} #}
{# Twitter #}
{# {% if setting.siteTwitter != null %}
<a href="{{ setting.siteTwitter }}" target="_blank" class="text-decoration-none" style="color: #fff;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" role="img" class="iconify iconify--mdi" width="22" height="22"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<path
d="M17.71 9.33c.48-.4 1.04-.88 1.29-1.41c-.41.21-.9.34-1.44.41c.5-.36.91-.83 1.12-1.47c-.52.28-1.05.52-1.71.64c-1.55-1.87-5.26-.35-4.6 2.45c-2.61-.16-4.2-1.34-5.52-2.79c-.75 1.22-.1 3.07.79 3.58c-.46-.03-.81-.17-1.14-.33c.04 1.54.89 2.28 2.08 2.68c-.36.07-.76.09-1.14.03c.37 1.07 1.14 1.74 2.46 1.88c-.9.76-2.56 1.29-3.9 1.08c1.15.73 2.46 1.31 4.28 1.23c4.41-.2 7.36-3.36 7.43-7.98M12 2a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2z"
fill="currentColor"></path>
</svg>
</a>
{% endif %} #}
{# LinkedIn #}
{# {% if setting.siteTwitter != null %}
<a href="{{ setting.siteLinkedin }}" target="_blank" class="text-decoration-none" style="color: #fff;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" role="img" class="iconify iconify--entypo-social" width="20" height="20"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20">
<path fill="currentColor"
d="M10 .4C4.698.4.4 4.698.4 10s4.298 9.6 9.6 9.6s9.6-4.298 9.6-9.6S15.302.4 10 .4zM7.65 13.979H5.706V7.723H7.65v6.256zm-.984-7.024c-.614 0-1.011-.435-1.011-.973c0-.549.409-.971 1.036-.971s1.011.422 1.023.971c0 .538-.396.973-1.048.973zm8.084 7.024h-1.944v-3.467c0-.807-.282-1.355-.985-1.355c-.537 0-.856.371-.997.728c-.052.127-.065.307-.065.486v3.607H8.814v-4.26c0-.781-.025-1.434-.051-1.996h1.689l.089.869h.039c.256-.408.883-1.01 1.932-1.01c1.279 0 2.238.857 2.238 2.699v3.699z">
</path>
</svg>
</a>
{% endif %} #}
</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-sm-12">
<p>
{# Facebook #}
{% if setting.siteFacebook != null %}
<a href="{{ setting.siteFacebook }}" target="_blank" class="text-decoration-none" style="color: #21afe6;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" role="img" class="iconify iconify--ic" width="32" height="32"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<path fill="currentColor"
d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z">
</path>
</svg>
</a>
{% endif %}
{#eInstagram #}
{% if setting.siteInstagram != null %}
<a href="{{ setting.siteInstagram }}" target="_blank" class="text-decoration-none" style="color: #21afe6;">
<svg width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M160 128a32 32 0 1 1-32-32a32.1 32.1 0 0 1 32 32Zm68-44v88a56 56 0 0 1-56 56H84a56 56 0 0 1-56-56V84a56 56 0 0 1 56-56h88a56 56 0 0 1 56 56Zm-52 44a48 48 0 1 0-48 48a48 48 0 0 0 48-48Zm16-52a12 12 0 1 0-12 12a12 12 0 0 0 12-12Z"/></svg>
</a>
{% endif %}
{# LinkedIn #}
{% if setting.siteLinkedin != null %}
<a href="{{ setting.siteLinkedin }}" target="_blank" class="text-decoration-none" style="color: #21afe6;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" role="img" class="iconify iconify--entypo-social" width="29" height="29"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20">
<path fill="currentColor"
d="M10 .4C4.698.4.4 4.698.4 10s4.298 9.6 9.6 9.6s9.6-4.298 9.6-9.6S15.302.4 10 .4zM7.65 13.979H5.706V7.723H7.65v6.256zm-.984-7.024c-.614 0-1.011-.435-1.011-.973c0-.549.409-.971 1.036-.971s1.011.422 1.023.971c0 .538-.396.973-1.048.973zm8.084 7.024h-1.944v-3.467c0-.807-.282-1.355-.985-1.355c-.537 0-.856.371-.997.728c-.052.127-.065.307-.065.486v3.607H8.814v-4.26c0-.781-.025-1.434-.051-1.996h1.689l.089.869h.039c.256-.408.883-1.01 1.932-1.01c1.279 0 2.238.857 2.238 2.699v3.699z">
</path>
</svg>
</a>
{% endif %}
</p>
<p>
<a href="{{ path('app_contact') }}" class="text-decation-none">
<span class="button-contact-footer text-uppercase">Contactez-nous</span>
</a>
</p>
</div>
<div class="col-lg-8 col-sm-12 text-center">
<p>
{% for label in labels %}
<a href="{{ label.url }}" class="text-decoration-none">
<img src="{{ asset('assets/img/labels/' ~ label.image ) }}" alt="{{ label.titre }}" class="img-fluid" style="width: 100px;
height: 100px; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right: 35px; margin-top: 15px;">
</a>
{% endfor %}
</p>
<p class="small">
<a href="{{ path('app_mentions_legales') }}" class="text-decoration-none text-white small me-4">Mentions légales</a>
<a href="#" class="text-decoration-none text-white small me-4">Gestion des cookies</a>
<a href="#" class="text-decoration-none text-white small me-4">Données personnelles</a>
</p>
</div>
</div>
</div>
</div>