{% extends 'base_front.html.twig' %}
{% block body %}
{% if typeProduit == 'none' %}
<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="{{ asset('assets/themes/execoore/content/images/background/11.jpg') }}" data-offset="0">
<div class="container">
<hr class="space-lg">
<h1 class="text-xl">Produits financiers</h1>
<p>Des solutions adaptées pour l’épargne, le crédit et l’investissement. <br> Avancez sereinement vers un avenir financier solide.
</p>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="#">Produits</a></li>
</ol>
</div>
</header>
<main>
<!-- audioautoplay -->
<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">
<div class="container">
<div class="title align-center-">
<h2>Innovation au service <br> de votre quotidien</h2>
</div>
<div class="grid-list pagination-top-right gap-40 events-list" 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 href="{{ path('inFront_produits_escalier') }}" class="img-box"><img src="{{ asset('assets/themes/execoore/content/images/background/9.jpg') }}" alt="" /></a>
<div class="caption">
<div class="badge">1</div>
<h2 class="text-uppercase text-black">Plan escalier</h2>
<p>
Épargnez sur 32 ou 62 jours pour atteindre votre objectif. </p>
<a href="{{ path('inFront_produits_escalier') }}" class="btn-text">détail</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a href="{{ path('inFront_produits_sol') }}" class="img-box"><img src="{{ asset('assets/themes/execoore/content/images/background/12.jpg') }}" alt="" /></a>
<div class="caption">
<div class="badge">2</div>
<h2 class="text-uppercase text-black">Plan sol</h2>
<p>
Un plan flexible pour gérer vos finances librement, sans limites de temps ni de montant.
</p>
<a href="{{ path('inFront_produits_sol') }}" class="btn-text">détail</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a href="{{ path('inFront_produits_sabotayPlus') }}" class="img-box"><img src="{{ asset('assets/themes/execoore/content/images/background/14.jpg') }}" alt="" /></a>
<div class="caption">
<div class="badge">3</div>
<h2 class="text-uppercase text-black">Plan sabotay</h2>
<p>
Gestion libre avec dépôts et retraits illimités. </p>
<a href="{{ path('inFront_produits_sabotayPlus') }}" class="btn-text">détail</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a href="{{ path('inFront_produits_pret') }}" class="img-box"><img src="{{ asset('assets/themes/execoore/content/images/background/15.jpg') }}" alt="" /></a>
<div class="caption">
<div class="badge">4</div>
<h2 class="text-uppercase text-black">Prêt</h2>
<p>
Le prêt Sabotay vous offre les fonds pour réaliser rapidement vos projets.
</p>
<a href="{{ path('inFront_produits_pret') }}" class="btn-text">détail</a>
</div>
</div>
</div>
<div class="grid-item">
<div class="cnt-box cnt-box-badge boxed">
<a href="{{ path('inFront_produits_terrain') }}" class="img-box"><img src="{{ asset('assets/themes/execoore/content/images/background/19.jpg') }}" alt="" /></a>
<div class="caption">
<div class="badge">5</div>
<h2 class="text-uppercase text-black">Plan terrain</h2>
<p>
Facilitez l’épargne pour financer l’achat de terrains.
</p>
<a href="{{ path('inFront_produits_terrain') }}" class="btn-text">détail</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 id="service" class="section-base section-color">
<div class="container">
<div class="title align-center">
<h2>Service haut de gamme</h2>
<p>Nous offrons la meilleure expérience</p>
</div>
<table class="table table-grid table-border table-6-md">
<tbody>
<tr>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-add-window"></i>
<div class="caption">
<h3>Équipe expérimentée</h3>
<p>Nous avons toujours vécu dans notre incroyable nature</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-aim"></i>
<div class="caption">
<h3>Adhésion facile</h3>
<p>Contactez-nous et en 2 minutes, vous êtes réservé</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-landscape"></i>
<div class="caption">
<h3>Employé expert</h3>
<p>Nos montagnes nous ont appris tout ce que nous savons</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-forest"></i>
<div class="caption">
<h3>Lorem, ipsum.</h3>
<p>Lorem ipsum dolor sit amet consectetur.</p>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-flag-4"></i>
<div class="caption">
<h3>Lorem, ipsum.</h3>
<p>Lorem ipsum dolor sit amet consectetur.</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-map2"></i>
<div class="caption">
<h3>Visitez-nous</h3>
<p>Lorem ipsum dolor sit amet consectetur.</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-globe"></i>
<div class="caption">
<h3>Lorem, ipsum.</h3>
<p>Lorem ipsum dolor sit amet consectetur.</p>
</div>
</div>
</td>
<td>
<div class="icon-box icon-box-top align-center">
<i class="im-rainbow-2"></i>
<div class="caption">
<h3>Excellente performance</h3>
<p>Nos excursions vous amèneront à de superbes cascades</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
{% elseif typeProduit == 'escalier' %}
<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="{{ asset('assets/themes/execoore/content/images/background/9.jpg') }}" data-offset="0">
<div class="container">
<hr class="space-lg">
<h1>Escalier</h1>
<p>Plan Escalier</p>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="{{ path('inFront_produits') }}">Produits</a></li>
<li><a href="javascript:void(0);">Plan Escalier</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">
<ul class="slider" data-options="type:carousel,arrows:true,nav:false,perView:3,perViewSm:2,perViewXs:1,gap:30,controls:out">
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_escalier') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/9.jpg') }}" alt="">
<span>Plan escalier</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_sol') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/12.jpg') }}" alt="">
<span>Plan sol</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_sabotayPlus') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/14.jpg') }}" alt="">
<span>Plan sabotay</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_pret') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/15.jpg') }}" alt="">
<span>Prêts</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_terrain') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/19.jpg') }}" alt="">
<span>Terrain</span>
</a>
</li>
</ul>
<hr class="space" />
<div class="row">
<div class="col-lg-8-">
<p><span>Avec ce plan d'épargne, vous pouvez économiser progressivement sur une période de 32 ou
62 jours pour atteindre la somme désirée. Chaque jour, un montant fixe est ajouté à la
somme déjà déposée la veille, permettant ainsi d'augmenter votre épargne de manière
constante et organisée. Cette approche vous aide à atteindre vos objectifs financiers de
manière simple et structurée.</span></p>
<hr class="space space-45" />
</div>
</div>
<!-- <hr class="space-sm" /> -->
<div class="row">
<div class="col-lg-12">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
Plan 25.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>50 HTG</p>
</li>
<li>
<p>Ex : J1=50 HTG, J2=100, J3=150 ...</p>
</li>
<!-- <br> -->
<p><b>J32 = 50 000 HTG</b></p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
Plan 50.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>100 HTG </p>
</li>
<li>
<p>Ex : J1=100 HTG, J2=200, J3=300 ... </p>
</li>
<!-- <br> -->
<p><b>J32 = 50.000
HTG</b>
</p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
Plan 75.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>150 HTG </p>
</li>
<li>
<p>Ex : J1=150 HTG, J2=300, J3=450 ... </p>
</li>
<!-- <br> -->
<p><b>J32 = 75.000 HTG</b>
</p>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
Plan 100.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>200 HTG</p>
</li>
<li>
<p>Ex : J1=200 HTG, J2=400, J3=600 ...</p>
</li>
<!-- <br> -->
<p><b>J32 = 100.000 HTG</b>
</p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
Plan 125.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>65 HTG </p>
</li>
<li>
<p>Ex : J1=65 HTG, J2=130, J3=195 ...</p>
</li>
<!-- <br> -->
<p><b>J62 = 125.000
HTG</b>
</p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
Plan 150.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>75 HTG </p>
</li>
<li>
<p>Ex : J1=75 HTG, J2=150, J3=225 ...</p>
</li>
<!-- <br> -->
<p><b>J62 = 150.000 HTG</b>
</p>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
Plan 175.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>90 HTG </p>
</li>
<li>
<p>Ex : J1=90 HTG, J2=180, J3=270 ... </p>
</li>
<!-- <br> -->
<p><b>J62 = 175.000
HTG</b>
</p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
Plan 200.000</p>
<ul class="text-list text-list-line ">
<li><b>Dépôt initial :</b>
<hr>
<p>105 HTG </p>
</li>
<li>
<p>Ex : J1=105 HTG, J2=210, J3=315 ... </p>
</li>
<!-- <br> -->
<p><b>J62 = 200.000 HTG</b>
</p>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="space-xs" />
<hr class="space" />
<div class="row align-items-center">
<div class="col-lg-8 col-md-6">
<div class="list-nav align-center-md">
<a href="{{ path('inFront_produits_pret') }}">Previous</a>
<a class="list-archive" href="{{ path('inFront_produits') }}"></a><a href="{{ path('inFront_produits_sabotayPlus') }}">Next</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="icon-links icon-lg icon-social social-colors align-right-md align-center-sm">
<a data-social="share-facebook" class="facebook"><i class="icon-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="icon-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
</div>
</div>
</section>
</main>
{% elseif typeProduit == 'sol' %}
<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="{{ asset('assets/themes/execoore/content/images/background/12.jpg') }}" data-offset="0">
<div class="container">
<hr class="space-lg">
<h1>Sol</h1>
<p>Sol plus</p>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="{{ path('inFront_produits') }}">Produits</a></li>
<li><a href="javascript:void(0);">Sol details</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">
<ul class="slider" data-options="type:carousel,arrows:true,nav:false,perView:3,perViewSm:2,perViewXs:1,gap:30,controls:out">
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_escalier') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/9.jpg') }}" alt="">
<span>Plan escalier</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_sol') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/12.jpg') }}" alt="">
<span>Plan sol</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_sabotayPlus') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/14.jpg') }}" alt="">
<span>Plan sabotay</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_pret') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/15.jpg') }}" alt="">
<span>Prêts</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_terrain') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/19.jpg') }}" alt="">
<span>Terrain</span>
</a>
</li>
</ul>
<hr class="space" />
<div class="row">
<div class="col-lg-8-">
<p>Sòl+ vous permet d’économiser votre argent à court, moyen ou long terme, tout en profitant des nombreux avantages de ce service. Chaque plan nécessite un dépôt initial de <b>10 000 HTG</b> ou plus, offrant ainsi des options flexibles
pour répondre à vos objectifs d’épargne. Nos plans : - <b>Sòl 3</b> - <b>Sòl 5</b> - <b>Sòl 10</b>. Ces plans sont conçus pour s'adapter à vos besoins et vous aider à épargner efficacement.</p>
<hr class="space space-45" />
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<h3>SòL 3 </h3>
<p>
Le client fera un dépôt fixe chaque mois pendant <strong>trois (3)
mois</strong>. Un tiers du montant fixe sera ajouté sur le montant total. Cette somme lui sera remise dès le premier dépôt ou lors de l’échéance du plan. <br>Ex : dépôt fixe : 10 000 HTG / tiers du dépôt
fixe : 3333 HTG. <br> 10 000 HTG x 3 mois = 30 000 HTG + 3333 HTG. <br> Montant total pour 3 mois : <b>33333 HTG</b>
</p>
</td>
<td>
<h3>SòL 5</h3>
<p>
Le client fera un dépôt fixe chaque mois pendant <strong>cinq (5)
mois</strong>. La moitié du montant fixe sera ajouté sur le montant total. Cette somme lui sera remise dès le premier dépôt ou lors de l’échéance du plan. <br> Ex : dépôt fixe : 10 000 HTG / moitié du dépôt
fixe : 5000HTG. <br> 10 000 HTG x5 mois = 50 000 HTG + 5000 HTG. <br> Montant total pour 3 mois : <b>55000 HTG</b>
</p>
</td>
<td>
<h3>SòL 10</h3>
<p>
Le client fera un dépôt fixe chaque mois pendant <strong>dix (10) mois</strong>. La totalité du montant fixe sera ajouté sur le montant total. Cette somme lui sera remise dès le premier dépôt ou lors de l’échéance
du plan.
<br>Ex : dépôt fixe : 10 000 HTG / totalité du dépôt fixe :10000 HTG. <br> 10 000 HTG x10 mois = 100 000 HTG + 10000 HTG. <br> Montant total pour 3 mois : <b>110000 HTG</b>
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="space" />
<div class="row align-items-center">
<div class="col-lg-8 col-md-6">
<div class="list-nav align-center-md">
<a href="{{ path('inFront_produits_sabotayPlus') }}">Previous</a>
<a class="list-archive" href="{{ path('inFront_produits') }}"></a><a href="{{ path('inFront_produits_pret') }}">Next</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="icon-links icon-lg icon-social social-colors align-right-md align-center-sm">
<a data-social="share-facebook" class="facebook"><i class="icon-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="icon-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
</div>
</div>
</section>
</main>
{% elseif typeProduit == 'sabotayPlus' %}
<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="{{ asset('assets/themes/execoore/content/images/background/14.jpg') }}" data-offset="0">
<div class="container">
<hr class="space-lg">
<h1>Sabotay plus</h1>
<p>Plan Sabotay</p>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="{{ path('inFront_produits') }}">Produits</a></li>
<li><a href="javascript:void(0);">Plan Sabotay</a></li>
</ol>
</div>
</header>
<main>
<!-- audioautoplay -->
<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">
<div class="row">
<div class="col-lg-8">
<ul class="slider light" data-options="arrows:true,nav:false">
<li>
<a class="img-box " data-lightbox-anima="fade-top" href="{{ path('inFront_produits_sol') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/10.jpg') }}" alt="">
</a>
</li>
</ul>
<hr class="space-xs" />
<ul class="slider light" data-options="type:carousel,arrows:true,nav:false,perView:5">
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_sol') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/10.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box " data-lightbox-anima="fade-top" href="{{ path('inFront_produits_escalier') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/9.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_sabotayPlus') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/14.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_pret') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/15.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_terrain') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/19.jpg') }}" alt="">
</a>
</li>
</ul>
</div>
<div class="col-lg-4">
<div class="title">
<h2>
Plan flexible
</h2>
<p>
Details plans
</p>
</div>
<p class="text-color-1">
Ce plan permet au client de gérer librement ses finances en effectuant des dépôts et retraits à tout moment, sans contrainte de temps ou de montant. Il s'adapte aux besoins ponctuels ou à long terme, offrant ainsi souplesse et tranquillité d'esprit.
</p>
</div>
</div>
<hr class="space" />
<div class="row">
<div class="col-lg-8-">
<div class=" title ">
<h2>
Plan fixe
</h2>
</div>
<p>
<p>Le dépôt d’un montant fixe doit etre effectué quotidiennement: <strong>à partir d’un (1) mois
jusqu’à
x</strong>. Le <strong>contrat arrivé à terme</strong> le montant fixe sera
<strong>ajouté</strong> selon le nombre de mois choisi. Si le client veut faire un retrait avant l’échéance du délai qu’il a lui-même choisi, le montant fixe sera
<strong>prélevé</strong> selon le nombre de mois choisi
</p>
<hr class="space space-45" />
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
<strong>Exemple 1 :</strong> Jean a choisi un plan fixe de 3 mois
</p>
<ul class="text-list text-list-line ">
<li><b>Début :</b>
<hr>
<p>1er septembre 2024 </p>
</li>
<li><b>Echéance :</b>
<hr>
<p>1er décembre 2024</p>
</li>
<p>Jean attend la fin de son contrat : 45 500 htg lui est remis ainsi 1500 htg qui équivaut à la somme de 3 jours de dépôt fixe </p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
<strong>Exemple 2 :</strong> Jean a choisi un plan fixe de 4 mois
</p>
<ul class="text-list text-list-line ">
<li><b>Début :</b>
<hr>
<p>1er août 2024 </p>
</li>
<li><b>Echéance :</b>
<hr>
<p>1er novembre 2024 </p>
</li>
<p>Le 15 octobre Jean fait un retrait : 1500 HTG sera prélevé du montant qui lui sera remis. </p>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="space " />
<div class="row align-items-center">
<div class="col-lg-8 col-md-6">
<div class="list-nav align-center-md">
<a href="{{ path('inFront_produits_escalier') }}">Previous</a>
<a class="list-archive" href="{{ path('inFront_produits') }}"></a><a href="{{ path('inFront_produits_sol') }}">Next</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="icon-links icon-lg icon-social social-colors align-right-md align-center-sm">
<a data-social="share-facebook" class="facebook"><i class="icon-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="icon-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
</div>
</div>
</section>
</main>
{% elseif typeProduit == 'pret' %}
<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="{{ asset('assets/themes/execoore/content/images/background/15.jpg') }}" data-offset="0">
<div class="container">
<hr class="space-lg">
<h1>Prêt </h1>
<p>Prêt Sabotay</p>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="{{ path('inFront_produits') }}">Produits</a></li>
<li><a href="javascript:void(0);">Prêt </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">
<div class="row">
<div class="col-lg-7">
<ul class="slider light" data-options="arrows:true,nav:false">
<li>
<a class="img-box " data-lightbox-anima="fade-top" href="{{ path('inFront_produits_sol') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/10.jpg') }}" alt="">
</a>
</li>
</ul>
<hr class="space-xs" />
<ul class="slider light" data-options="type:carousel,arrows:true,nav:false,perView:5">
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_sol') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/10.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box " data-lightbox-anima="fade-top" href="{{ path('inFront_produits_escalier') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/9.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_sabotayPlus') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/14.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_pret') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/15.jpg') }}" alt="">
</a>
</li>
<li>
<a class="img-box" data-lightbox-anima="fade-top" href="{{ path('inFront_produits_terrain') }}">
<img src="{{ asset('assets/themes/execoore/content/images/background/19.jpg') }}" alt="">
</a>
</li>
</ul>
</div>
<div class="col-lg-5">
<div class="title">
<h2>
Nos conditions
</h2>
</div>
<div class="col-lg-4-">
<ul class="icon-list icon-circle">
<li>Etre demeurant et domicilié à Jacmel.</li>
<li>Avoir un compte actif dans le Sabotay+ .</li>
<li>Avoir un garant (personne qui s’engage à rembourser la dette en cas de défaillance de la part du demandeur).</li>
<li>Avoir une garantie pouvant servir de remboursement en cas de défaut de paiement. </li>
<li>Une lettre de travail (pour un employé).</li>
<li>Une patente (entrepreneur).</li>
</ul>
</div>
</div>
</div>
<hr class="space" />
<div class="row">
<div class="col-lg-8-">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<h3>Prêt régulier</h3>
<p class="col-lg-4-">
- La durée du crédit est de <b>3 à 12 mois</b>. <br> - Le taux d’intérêt sera défini en fonction de <i>la durée de l’emprunt</i>. <br> - Le décaissement se fera dans 3 ou 5 jours. <br> - Pour les prêts de plus
de 300 000 HTG, une garantie de 25% du montant doit être apportée.
</p>
</td>
<td>
<h3>Prêt d'urgence </h3>
<p class="col-lg-4-">
- La durée du crédit est de 1 mois. <br> - Le taux d’intérêt sera défini en fonction du montant emprunté.
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="space " />
<div class="row align-items-center">
<div class="col-lg-8 col-md-6">
<div class="list-nav align-center-md">
<a href="{{ path('inFront_produits_sol') }}">Previous</a>
<a class="list-archive" href="{{ path('inFront_produits') }}"></a><a href="{{ path('inFront_produits_terrain') }}">Next</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="icon-links icon-lg icon-social social-colors align-right-md align-center-sm">
<a data-social="share-facebook" class="facebook"><i class="icon-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="icon-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
</div>
</div>
</section>
</main>
{% elseif typeProduit == 'terrain' %}
<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="{{ asset('assets/themes/execoore/content/images/background/19.jpg') }}" data-offset="0">
<div class="container">
<hr class="space-lg">
<h1>Terrain</h1>
<p>Plan terrain</p>
<ol class="breadcrumb">
<li><a href="{{ path('inFront_index') }}">Accueil</a></li>
<li><a href="{{ path('inFront_produits') }}">Produits</a></li>
<li><a href="javascript:void(0);">Plan terrain</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">
<ul class="slider" data-options="type:carousel,arrows:true,nav:false,perView:3,perViewSm:2,perViewXs:1,gap:30,controls:out">
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_escalier') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/9.jpg') }}" alt="">
<span>Plan escalier</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_sol') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/12.jpg') }}" alt="">
<span>Plan sol</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_sabotayPlus') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/14.jpg') }}" alt="">
<span>Plan sabotay</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_pret') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/15.jpg') }}" alt="">
<span>Prêts</span>
</a>
</li>
<li>
<a class="img-box img-box-caption" href="{{ path('inFront_produits_terrain') }}" data-lightbox-anima="fade-top">
<img src="{{ asset('assets/themes/execoore/content/images/background/19.jpg') }}" alt="">
<span>Terrain</span>
</a>
</li>
</ul>
<hr class="space" />
<hr class="space-xs" />
<p><span>Objectif : Faciliter l’épargne des clients pour qu’ils puissent accumuler des fonds destinés à
l’achat de terrains.</span></p>
<h3>1. Plan terrain 1</h3>
<!-- <hr class="space-xs" /> -->
<div class="row">
<div class="col-lg-12">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
Plan terrain 1.1 </p>
<ul class="text-list text-list-line ">
<li><b>Montant Total :</b>
<hr>
<p>200.000 Gourdes </p>
</li>
<li><b>Acquisition :</b>
<hr>
<p>1/100 de terrain</p>
</li>
<li><b>Dépôt Mensuel :</b>
<hr>
<p>17.000 Gourdes</p>
</li>
<p>Ce plan permet aux clients d’épargner de manière structurée. En effectuant un dépôt mensuel de 17.000 Gourdes, ils se rapprochent progressivement de l’objectif de plus de 200.000 ourdes en seulement 12 mois.
</p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
Plan terrain 1.2 </p>
<ul class="text-list text-list-line ">
<li><b>Montant Total :</b>
<hr>
<p>200.000 Gourdes</p>
</li>
<li><b>Acquisition :</b>
<hr>
<p>1/100 de terrain </p>
</li>
<li><b>Dépôt Mensuel :</b>
<hr>
<p>8 500 Gourdes</p>
</li>
<p>Ce plan permet aux clients d’épargner de manière structurée. En effectuant un dépôt mensuel de 8 500 Gourdes, ils se rapprochent progressivement de l’objectif de plus de 200.000 Gourdes en seulement 24 mois.
</p>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr />
<h3>2. Plan terrain 2</h3>
<!-- <hr class="space-sm" /> -->
<div class="row">
<div class="col-lg-12">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
Plan terrain 2.2 </p>
<ul class="text-list text-list-line ">
<li><b>Montant Total :</b>
<hr>
<p>400.000 Gourdes </p>
</li>
<li><b>Acquisition :</b>
<hr>
<p>1 à 2/100 de terrain</p>
</li>
<li><b>Dépôt Mensuel :</b>
<hr>
<p>17.000 Gourdes</p>
</li>
<p>Ce plan permet aux clients d’épargner de manière structurée. En effectuant un dépôt mensuel de 17.000 Gourdes, ils se rapprochent progressivement de l’objectif de plus de 400.000 Gourdes en seulement 24
mois.
</p>
</ul>
</div>
</td>
<td>
<div>
<p class="text-color-1 ">
Plan terrain 2.3 </p>
<ul class="text-list text-list-line ">
<li><b>Montant Total :</b>
<hr>
<p>400.000 Gourdes</p>
</li>
<li><b>Acquisition :</b>
<hr>
<p>1 à 2/100 de terrain </p>
</li>
<li><b>Dépôt Mensuel :</b>
<hr>
<p>11 200 Gourdes</p>
</li>
<p>Ce plan permet aux clients d’épargner de manière structurée. En effectuant un dépôt mensuel de 11 200 Gourdes, ils se rapprochent progressivement de l’objectif de plus de 400.000 Gourdes en seulement 36
mois.
</p>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr />
<h3>2. Plan terrain 3</h3>
<div class="row">
<div class="col-lg-12">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
Plan terrain 3 </p>
<ul class="text-list text-list-line ">
<li><b>Montant Total :</b>
<hr>
<p>600.000 Gourdes </p>
</li>
<li><b>Acquisition :</b>
<hr>
<p>1 à 3/100 de terrain</p>
</li>
<li><b>Dépôt Mensuel :</b>
<hr>
<p>30.000 Gourdes</p>
</li>
<p>Ce plan permet aux clients d’épargner de manière structurée. En effectuant un dépôt mensuel de 30.000 Gourdes, ils se rapprochent progressivement de l’objectif de plus de 600.000 Gourdes en seulement 20
mois.
</p>
</ul>
</div>
</td>
<td>
<h3>3. Plan terrain 4</h3>
<div>
<p class="text-color-1 ">
Plan terrain 4 </p>
<ul class="text-list text-list-line ">
<li><b>Montant Total :</b>
<hr>
<p>800.000 Gourdes</p>
</li>
<li><b>Acquisition :</b>
<hr>
<p>1 à 4/100 de terrain </p>
</li>
<li><b>Dépôt Mensuel :</b>
<hr>
<p>30.000 Gourdes</p>
</li>
<p>Ce plan permet aux clients d’épargner de manière structurée. En effectuant un dépôt mensuel de 30.000 Gourdes, ils se rapprochent progressivement de l’objectif de plus de 800.000 Gourdes en seulement 27
mois.
</p>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr />
<h3>4. Plan terrain 5</h3>
<div class="row">
<div class="col-lg-12">
<table class="table table-grid table-border no-padding-y align-left table-full-sm">
<tbody>
<tr>
<td>
<div>
<p class="text-color-1 ">
4. Plan terrain 5 </p>
<ul class="text-list text-list-line ">
<li><b>Montant Total :</b>
<hr>
<p>1.000.000 Gourdes </p>
</li>
<li><b>Acquisition :</b>
<hr>
<p>1 à 5/100 de terrain</p>
</li>
<li><b>Dépôt Mensuel :</b>
<hr>
<p>30.000 Gourdes</p>
</li>
<p>Ce plan permet aux clients d’épargner de manière structurée. En effectuant un dépôt mensuel de 30.000 Gourdes, ils se rapprochent progressivement de l’objectif de plus de 1.000.000 Gourdes en seulement 34
mois.
</p>
</ul>
</div>
</td>
<td>
<ul class="icon-list icon-circle">
<li>Pour le plan terrain 1.1, si le client arrive à terme sans retirer de l’argent il bénéficiera 1 mois de dépôt complémentaire.</li>
<li>Pour les plans terrains 1.2, PT 2.2, PT3 et PT 4, si le client arrive à terme sans retirer de l’argent il bénéficiera 2 mois de dépôt complémentaire.</li>
<li>Pour les plans terrains 2.3, PT5, si le client arrive à terme sans retirer de l’argent il bénéficiera 3 mois de dépôt complémentaire.
</li>
<li>L’épargne sera bloquée en équivalent dollars pour chaque dépôt.
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="space-lg" />
<div class="row">
<div class="col-lg-4">
<h2> Accédez à la Propriété Foncière avec Flexibilité.</h2>
<p>
Nos plans terrain vous aident à épargner efficacement pour acquérir un terrain, avec des options flexibles et adaptées à vos objectifs.
</p>
<hr class="space-sm" />
<ul class="accordion-list">
<li>
<a href="#"> L’objectif du Plan Terrain</a>
<div class="content">
<p>
Le Plan Terrain vise à faciliter l'épargne des clients en vue de l'achat de terrains, en leur offrant des modalités de versement et des durées adaptées pour constituer un capital. </p>
</div>
</li>
<li>
<a href="#">Les avantages du Plan Terrain</a>
<div class="content">
<p>
Chaque plan offre un ou plusieurs mois de dépôt initial, ce qui aide à accumuler plus rapidement le montant total nécessaire. De plus, les plans sont structurés pour s'adapter aux moyens financiers des clients. </p>
</div>
</li>
<li>
<a href="#">Puis-je choisir la durée d’épargne qui me convient ?</a>
<div class="content">
<p>
Oui, chaque plan propose des durées d’épargne différentes (de 12 à 34 mois), ce qui permet à chacun de choisir celle qui correspond le mieux à ses objectifs et à sa capacité d’épargne.
</p>
</div>
</li>
<li>
<a href="#">Qu’est-ce qu’un centième dans le contexte du Plan Terrain ?</a>
<div class="content">
<p>
Un centième représente une unité de mesure utilisée pour estimer la taille du terrain. Selon le plan choisi, vous pouvez économiser pour des terrains de tailles différentes, adaptés à vos besoins.
</p>
</div>
</li>
<li>
<a href="#">Comment est calculé le montant mensuel ?</a>
<div class="content">
<p>
Le montant mensuel est calculé en fonction du prix total du terrain et de la durée du plan sélectionné, pour vous permettre d'atteindre le capital nécessaire à un rythme adapté à vos capacités financières. </p>
</div>
</li>
</ul>
</div>
<div class="col-lg-8">
<table class="table table-border table-price">
<thead>
<tr>
<th>Type de plan</th>
<th>Nombre de centième</th>
<th>Montant</th>
<th>Montant / mois</th>
<th>Durée</th>
<th>Avantage</th>
</tr>
</thead>
<tbody>
<tr>
<td>Plan terrain 1 <br> 1.1</td>
<td>1/100</td>
<td>200.000 Gourdes</td>
<td>17.000 Gourdes</td>
<td>12 mois</td>
<td>1 mois de dépôt </td>
</tr>
<tr>
<td>Plan terrain 1 <br> 1.2
</td>
<td>1 à 2/100</td>
<td>200.000 Gourdes</td>
<td>8 500 Gourdes</td>
<td>24 mois</td>
<td>2 mois de dépôt</td>
</tr>
<tr>
<td>Plan terrain 2 <br>2.2</td>
<td>1 à 2/100</td>
<td>400.000 Gourdes</td>
<td>17 200 Gourdes</td>
<td>24 mois</td>
<td>2 mois de dépôt</td>
</tr>
<tr>
<td>Plan terrain 2 <br>2.3</td>
<td>1 à 2/100</td>
<td>400.000 Gourdes</td>
<td>11 200 Gourdes</td>
<td>36 mois</td>
<td>3 mois de dépôt</td>
</tr>
<tr>
<td>Plan terrain 3</td>
<td>1 à 3/100</td>
<td>600.000 Gourdes</td>
<td>30.000 Gourdes</td>
<td>20 mois</td>
<td>2 mois de dépôt </td>
</tr>
<tr>
<td>Plan terrain 4</td>
<td>1 à 4/100</td>
<td>800.000 Gourdes</td>
<td>30.000 Gourdes</td>
<td>27 mois</td>
<td>2 mois de dépôt </td>
</tr>
<tr>
<td>Plan terrain 5</td>
<td>1 à 5/100</td>
<td>100.0000 Gourdes</td>
<td>30.000 Gourdes</td>
<td>34 mois</td>
<td>3 mois de dépôt </td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="space" />
<div class="row align-items-center">
<div class="col-lg-8 col-md-6">
<div class="list-nav align-center-md">
<a href="{{ path('inFront_produits_sabotayPlus') }}">Previous</a>
<a class="list-archive" href="{{ path('inFront_produits_sabotayPlus') }}"></a><a href="{{ path('inFront_produits_escalier') }}">Next</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="icon-links icon-lg icon-social social-colors align-right-md align-center-sm">
<a data-social="share-facebook" class="facebook"><i class="icon-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="icon-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
</div>
</div>
</section>
</main>
{% endif %}
{% block title titre %}
{% endblock %}