<div class="container-fluid footer footer-bg mt-auto">
<div class="container">
<div class="row py-3">
<div class="col-lg-2 col-sm-12 py-1">
<span class="small">{{ settings[0].siteAdresse }}<br>{{ settings[0].siteCp }} {{ settings[0].siteVille }}</span>
</div>
<div class="col-lg-2 col-sm-12 py-1">
<span class="small">Appelez-nous au :<br>{{ settings[0].siteTelephone }}</span>
</div>
<div class="col-lg-2 col-sm-12 py-1">
<span class="small">E-mail :<br>{{ settings[0].siteEmail }}</span>
</div>
<div class="col-lg-2 col-sm-12 py-2 d-flex justify-content-center align-items-center">
{# Facebook #}
<a href="{{ settings[0].siteFacebook }}" class="text-decoration-none text-white">
<svg width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M9.198 21.5h4v-8.01h3.604l.396-3.98h-4V7.5a1 1 0 0 1 1-1h3v-4h-3a5 5 0 0 0-5 5v2.01h-2l-.396 3.98h2.396v8.01Z"/></svg>
</a>
{# LinkedIn #}
<a href="{{ settings[0].siteLinkedIn }}" class="text-decoration-none text-white">
<svg width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M6.94 5a2 2 0 1 1-4-.002a2 2 0 0 1 4 .002zM7 8.48H3V21h4V8.48zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91l.04-1.68z"/></svg>
</a>
{# Instagram #}
<a href="{{ settings[0].siteInstagram }}" class="text-decoration-none text-white">
<svg class="ms-1" width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3Z"/></svg>
</a>
</div>
<div class="col-lg-4 col-sm-12">
<svg width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M12 12q.825 0 1.413-.588Q14 10.825 14 10t-.587-1.413Q12.825 8 12 8q-.825 0-1.412.587Q10 9.175 10 10q0 .825.588 1.412Q11.175 12 12 12Zm0 7.35q3.05-2.8 4.525-5.088Q18 11.975 18 10.2q0-2.725-1.738-4.463Q14.525 4 12 4Q9.475 4 7.737 5.737Q6 7.475 6 10.2q0 1.775 1.475 4.062Q8.95 16.55 12 19.35ZM12 22q-4.025-3.425-6.012-6.363Q4 12.7 4 10.2q0-3.75 2.413-5.975Q8.825 2 12 2t5.587 2.225Q20 6.45 20 10.2q0 2.5-1.987 5.437Q16.025 18.575 12 22Zm0-11.8Z"/></svg>
<span class="small fw-bold">PLAN D'ACCESS</span>
<br>
<span class="small text-muted">
<!-- Button trigger modal -->
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal"
class="text-white text-decoration-none">
Mentions légales
</a>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-dark" id="exampleModalLabel">Mentions légales</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body text-dark">
{{ settings[0].siteMentionslegales|raw }}
</div>
</div>
</div>
</div> |
Plan du site |
Témoignages
</span>
</div>
</div>
</div>
</div>