{% extends 'base_front.html.twig' %}
{% block title 'Points de services' %}
{% block body %}
<header class="header-image ken-burn-center light" data-parallax="true" data-natural-height="500"
data-natural-width="0" data-bleed="0"
data-image-src="assets/themes/execoore/content/images/ayiti/sans-souci.jpg" data-offset="0">
<div class="container">
<hr class="space-lg">
<h1>Nos points de <br> services</h1>
<h2>Des solutions accessibles et adaptées.</h2>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="javascript:void (0);">Nos points de services</a></li>
</ol>
</div>
</header>
<main>
<!-- audio-autoplay -->
<section style="display: none;" id="toast" class="info toast-onload">
<div id="icon-wrapper">
<div id="icon">
<div class="pause" onclick="togglePlay()">🔇</div>
<div class="player">
<audio class="audio" preload="auto" src="" loop></audio>
</div>
</div>
</div>
<div id="toast-message">
<h4>Lecture en cours</h4>
<p>Profite de la musique pendant que tu navigues !</p>
</div>
<button id="toast-close"></button>
<div id="timer"></div>
</section>
<section class="section-base section-color-">
<div class="container">
<h2 class="align-center">Nos points de service à travers Haïti</h2>
<p class="align-center width-650">
<p class="align-center width-650">Découvrez notre point de service à Jacmel, stratégiquement situé pour
répondre à vos besoins avec des solutions personnalisées et un service professionnel.
</p>
</p>
<hr class="space"/>
<div class="row">
<div class="col-lg-8">
<img src="./assets/themes/execoore/content/images/map.png" width="600" alt=""/>
</div>
<div class="col-lg-4">
<ul class="icon-list icon-circle align-right align-left-md">
<li>Meyer, près de BTEN</li>
<li>Carrefour Breman 1</li>
<li>Aviation, près de Caritas</li>
<li>Marche Beaudouin, à l'entrée principale</li>
<li>Lamandou, près de l'eveché</li>
<li>Lacrobathe</li>
</ul>
</div>
</div>
<!-- <hr id="vac" class="space-lg" />
<div class="grid-list" data-columns="4" data-columns-md="2" data-columns-sm="1">
<div class="grid-box">
<div class="grid-item">
<div class="cnt-box cnt-box-top-icon boxed">
<a target="_blank" href="https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D">
<img src="assets/themes/execoore/content/images/points_services/rb_525.png" width="100" alt="" style="padding: 20px 0px 0 10px;">
</a>
<div class="caption">
<div style="font-size: 16px; font-weight:500; color: #03a657;">
Meyer</div>
<p>
Meyer, près de BTEN
</p>
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" style="font-size:16px; font-weight:400; text-decoration:none ">
Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-top-icon boxed">
<a target="_blank" href="https://www.google.com/maps/place/Breman/@18.2322637,-72.5116982,15z/data=!3m1!4b1!4m6!3m5!1s0x8eb9ba6660606bc9:0xbd75bcad6357b906!8m2!3d18.2319262!4d-72.499777!16s%2Fg%2F1tf36_xj?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D">
<img src="assets/themes/execoore/content/images/points_services/rb_525.png" width="100" alt="" style="padding: 20px 0px 0 10px;">
</a>
<div class="caption">
<div style="font-size: 16px; font-weight:500; color: #03a657;">
Carrefour Breman 1</div>
<p>
Carrefour Breman 1 </p>
<a target="_blank" href=" https://www.google.com/maps/place/Breman/@18.2322637,-72.5116982,15z/data=!3m1!4b1!4m6!3m5!1s0x8eb9ba6660606bc9:0xbd75bcad6357b906!8m2!3d18.2319262!4d-72.499777!16s%2Fg%2F1tf36_xj?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" style="font-size:16px; font-weight:400; text-decoration:none ">
Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item ">
<div class="cnt-box cnt-box-top-icon boxed ">
<a target="_blank " href="https://www.google.com/maps/search/Aviation,+Caritas,+jacmel/@18.2350951,-72.5282738,15z?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D ">
<img src="assets/themes/execoore/content/images/points_services/rb_525.png" width="100" alt="" style="padding: 20px 0px 0 10px;">
</a>
<div class="caption ">
<div style="font-size: 16px; font-weight:500; color: #03a657; ">
Aviation</div>
<p>
Aviation, près de Caritas
</p>
<a target="_blank" href=" https://www.google.com/maps/search/Aviation,+Caritas,+jacmel/@18.2350951,-72.5282738,15z?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" style="font-size:16px; font-weight:400; text-decoration:none ">
Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item ">
<div class="cnt-box cnt-box-top-icon boxed ">
<a target="_blank " href="https://www.google.com/maps/place/March%C3%A9+Beaudouin+Jacmel/@18.2387818,-72.5269184,17z/data=!3m1!4b1!4m6!3m5!1s0x8eb9b15993ecf52b:0x8148abbb100e09a6!8m2!3d18.2387767!4d-72.5243435!16s%2Fg%2F11fp7dc_8p?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D ">
<img src="assets/themes/execoore/content/images/points_services/rb_525.png " width="100 " alt=" " style="padding: 20px 0px 0 10px; ">
</a>
<div class="caption ">
<div style="font-size: 16px; font-weight:500; color: #03a657; ">
Marche Beaudouin</div>
<p>
Marche Beaudouin, à l'entrée principale
</p>
<a target="_blank" href=" https://www.google.com/maps/place/March%C3%A9+Beaudouin+Jacmel/@18.2387818,-72.5269184,17z/data=!3m1!4b1!4m6!3m5!1s0x8eb9b15993ecf52b:0x8148abbb100e09a6!8m2!3d18.2387767!4d-72.5243435!16s%2Fg%2F11fp7dc_8p?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" style="font-size:16px; font-weight:400; text-decoration:none ">
Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item ">
<div class="cnt-box cnt-box-top-icon boxed ">
<a target="_blank " href="https://www.google.com/maps/search/Lamandou,+pr%C3%A8s+de+l 'evech%C3%A9,+Jacmel/@18.2324606,-72.5306748,16z?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D">
<img src="assets/themes/execoore/content/images/points_services/rb_525.png" width="100" alt="" style="padding: 20px 0px 0 10px;">
</a>
<div class="caption">
<div style="font-size: 16px; font-weight:500; color: #03a657;">
Lamandou</div>
<p>
Lamandou, près de l'eveché </p>
<a target="_blank" href=" https://www.google.com/maps/search/Lamandou,+pr%C3%A8s+de+l 'evech%C3%A9,+Jacmel/@18.2324606,-72.5306748,16z?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" style="font-size:16px; font-weight:400; text-decoration:none ">
Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-top-icon boxed">
<a target="_blank" href="https://www.google.com/maps/search/%C2%A0Lacrobathe,+Jacmel/@18.2326691,-72.5461247,14z/data=!3m1!4b1?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D">
<img src="assets/themes/execoore/content/images/points_services/rb_525.png" width="100" alt="" style="padding: 20px 0px 0 10px;">
</a>
<div class="caption">
<div style="font-size: 16px; font-weight:500; color: #03a657;">
Lacrobathe</div>
<p>
Lacrobathe </p>
<a target="_blank" href=" https://www.google.com/maps/search/%C2%A0Lacrobathe,+Jacmel/@18.2326691,-72.5461247,14z/data=!3m1!4b1?hl=en&entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" style="font-size:16px; font-weight:400; text-decoration:none ">
Itinéraire</a>
</div>
</div>
</div>
</div>
</div> -->
</div>
</section>
<section class="section-base section-color-">
<div class="container">
<div class="title">
<h2>Où nous trouver</h2>
<p>Localisation</p>
</div>
<div class="grid-list pagination-top-right-" data-columns="4" data-columns-lg="3" data-columns-md="2"
data-columns-sm="1">
<div class="grid-box">
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="img-box"><img src="assets/themes/execoore/content/images/icons/image-1.jpg"
alt=""/></a>
<div class="caption">
<div class="badge-2">1200m</div>
<h2>Meyer</h2>
<p>
<b>Adresse</b> Meyer, près de <br> BTEN ...
</p>
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="btn-text">Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="img-box"><img src="assets/themes/execoore/content/images/icons/image-1.jpg"
alt=""/></a>
<div class="caption">
<div class="badge-2">1200m</div>
<h2>Carr. Breman 1</h2>
<p>
<b>Adresse</b> Carrefour Breman 1, <br>près de ...
</p>
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="btn-text">Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="img-box"><img src="assets/themes/execoore/content/images/icons/image-1.jpg"
alt=""/></a>
<div class="caption">
<div class="badge-2">1200m</div>
<h2>Aviation</h2>
<p>
<b>Adresse</b> Aviation, près de Caritas ...
</p>
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="btn-text">Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="img-box"><img src="assets/themes/execoore/content/images/icons/image-1.jpg"
alt=""/></a>
<div class="caption">
<div class="badge-2">1200m</div>
<h2>Marche Beaudouin</h2>
<p>
<b>Adresse</b> Marche Beaudouin, <br> à l'entrée principale ...
</p>
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="btn-text">Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="img-box"><img src="assets/themes/execoore/content/images/icons/image-1.jpg"
alt=""/></a>
<div class="caption">
<div class="badge-2">1200m</div>
<h2>Lamandou</h2>
<p>
<b>Adresse</b> Lamandou, <br> près de l'eveché ...
</p>
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="btn-text">Itinéraire</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="img-box"><img src="assets/themes/execoore/content/images/icons/image-1.jpg"
alt=""/></a>
<div class="caption">
<div class="badge-2">1200m</div>
<h2>Lacrobathe</h2>
<p>
<b>Adresse</b> Lacrobathe, <br>près de ...
</p>
<a target="_blank" href=" https://www.google.com/maps/@18.2396826,-72.5325348,15z?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D
" class="btn-text">Itinéraire</a>
</div>
</div>
</div>
</div>
<div class="list-pagination">
<ul class="pagination align-center" data-page-items="4" data-page-items-lg="3"
data-page-items-md="2" data-pagination-anima="fade-right"></ul>
</div>
</div>
</div>
</section>
<section class="section-base section-color">
<div class="container">
<!-- <hr class="space-lg" /> -->
<div>
<h2 class="align-center">Explorez nos services via nos points de service</h2>
<p class="align-center width-650">
Découvrez nos points de service, stratégiquement situés pour répondre à vos besoins avec des
solutions personnalisées et des équipes professionnelles à votre écoute. </p>
<table class="table table-grid table-border align-center table-full-sm no-padding-y">
<tbody>
<tr>
<td>
<div class="counter counter-vertical counter-icon align-center">
<div>
<h3>Sites de service actifs</h3>
<div class="value">
<span class="text-md" data-to="29" data-speed="3000" data-unit="%">29</span>
<span></span>
</div>
</div>
</div>
<hr class="space-xs"/>
<p>
Nos points de service sont présents dans diverses régions pour offrir une couverture
étendue et un accès facile à nos services.
</p>
</td>
<td>
<div class="counter counter-vertical counter-icon align-center">
<div>
<h3>Services offerts</h3>
<div class="value">
<span class="text-md" data-to="5" data-speed="3000" data-unit="+">5</span>
<span></span>
</div>
</div>
</div>
<hr class="space-xs"/>
<p>
Plus de 5 services sont rendus chaque mois, montrant l'ampleur de notre impact et la
satisfaction de nos clients.
</p>
</td>
<td>
<div class="counter counter-vertical counter-icon align-center">
<div>
<h3>Amélioration continue</h3>
<div class="value">
<span class="text-md" data-to="5" data-speed="3000" data-unit="x">5</span>
<span></span>
</div>
</div>
</div>
<hr class="space-xs"/>
<p>
Nous optimisons constamment la qualité de nos services pour garantir à nos clients
une expérience toujours plus satisfaisante.
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</main>
{% endblock %}