<link rel="stylesheet" href="assets/css/css-tarif.css">
<section id="pricing" class=" pb-5" style="background-color: whitesmoke;">
<div class="container">
<div class="row">
<div class="section-title mb-60 mt-5 ">
<h3 class="mb-15 wow fadeInUp text-center " data-wow-delay=".2s">Nos Tarifs</h3>
<p class="wow fadeInUp text-center w-75 m-auto " data-wow-delay=".4s">Dites adieu à la
perte de temps et d'argent liée à la conception et à la gestion
de cartes de visite traditionnelles. Optez pour l'innovation
avec notre projet de e-carte, la solution idéale pour
digitaliser vos cartes de visite. Fini le gaspillage de
ressources sur un site Web inefficace. Notre promesse : une
expérience digitale qui garantit le bonheur et des résultats
concrets !</p>
</div>
</div>
<div class="text-center">
<div class="nav price-tabs" role="tablist">
<a class="nav-link active" href="#yearly" role="tab" data-toggle="tab">Annuel</a>
<a class="nav-link" href="#monthly" role="tab" data-toggle="tab">Mensuel</a>
</div>
</div>
<div class="tab-content wow fadeIn mb-5" style="visibility: visible; animation-name: fadeIn;">
<div role="tabpanel" class="tab-pane fade show active" id="yearly">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-30">
<div class="price-item text-center">
<div class="price-top">
<h4>Particulier</h4>
<h2 class="mb-0">30 000<sup>CFA</sup></h2>
<span class="text-capitalize">Par An</span>
</div>
<div class="price-content">
<ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">QrCode</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Lien web</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Vos liens site et réseaux sociaux</span>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>Intégrer votre vidéo de présentation</span></strike>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>Compte manager pour la gestion des collaborateurs</span></strike>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>QrCode Hors ligne</span></strike>
</li>
</ul>
<form action="achat/index.php" method="POST">
<input type="hidden" name="profile" value="particulier" id="">
<input type="hidden" name="type_abonne" value="annuel" id="">
<button class="btn btn-custom" type="submit" style="background-color: #2399D5 ; color: white" >Acheter maintenant</button>
</form>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-30">
<div class="price-item text-center popular">
<div class="price-top">
<h4>Professionel</h4>
<h2 class="mb-0">60 000<sup>CFA</sup></h2>
<span class="text-capitalize">Par An</span>
</div>
<div class="price-content">
<ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">QrCode</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Lien web</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Vos liens site et réseaux sociaux</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>Intégrer votre vidéo de présentation</span>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>Compte manager pour la gestion des collaborateurs</span></strike>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>QrCode Hors ligne</span></strike>
</li>
</ul>
<form action="achat/index.php" method="POST">
<input type="hidden" name="profile" value="professionnel" id="">
<button class="btn btn-custom" type="submit" style="background-color: white ; color: #2399D5" >Acheter maintenant</button>
</form>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-30">
<div class="price-item text-center">
<div class="price-top">
<h4>Entreprise</h4>
<h2 class="mb-0">75 000<sup>CFA</sup></h2>
<span class="text-capitalize">Par An</span>
</div>
<div class="price-content">
<ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">QrCode</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Lien web</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Vos liens site et réseaux sociaux</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>Intégrer votre vidéo de présentation</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>Compte manager pour la gestion des collaborateurs</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>QrCode Hors ligne</span>
</li>
</ul>
<form action="achat/index.php" method="POST">
<input type="hidden" name="profile" value="entreprise" id="">
<button class="btn btn-custom" type="submit" style="background-color: #2399D5 ; color: white" >Acheter maintenant</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- MENSUEL -->
<div role="tabpanel" class="tab-pane fade" id="monthly">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-30">
<div class="price-item text-center">
<div class="price-top">
<h4>Particulier</h4>
<h2 class="mb-0">5 000<sup>CFA</sup></h2>
<span class="text-capitalize">Par Mois</span>
</div>
<div class="price-content">
<ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">QrCode</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Lien web</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Vos liens site et réseaux sociaux</span>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>Intégrer votre vidéo de présentation</span></strike>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>Compte manager pour la gestion des collaborateurs</span></strike>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>QrCode Hors ligne</span></strike>
</li>
</ul>
<form action="achat/index.php" method="POST">
<input type="hidden" name="profile" value="professionnel" id="">
<button class="btn btn-custom" type="submit" style="background-color: white ; color: #2399D5" >Acheter maintenant</button>
</form>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-30">
<div class="price-item text-center popular">
<div class="price-top">
<h4>Professionel</h4>
<h2 class="mb-0">10 000<sup>CFA</sup></h2>
<span class="text-capitalize">Par Mois</span>
</div>
<div class="price-content">
<ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">QrCode</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Lien web</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Vos liens site et réseaux sociaux</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>Intégrer votre vidéo de présentation</span>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>Compte manager pour la gestion des collaborateurs</span></strike>
</li>
<li>
<i class="lni lni-close"></i>
<strike><span>QrCode Hors ligne</span></strike>
</li>
</ul>
<a href="#" data-toggle="modal" data-target="#modelId"
<?php $_SESSION['profil'] = "PROFESSIONEL" ?>
class="btn btn-custom btn-light">Acheter maintenant</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-30">
<div class="price-item text-center">
<div class="price-top">
<h4>Entreprise</h4>
<h2 class="mb-0">15 000 <sup>CFA</sup></h2>
<span class="text-capitalize">Par Mois</span>
</div>
<div class="price-content">
<ul class="border-bottom mb-30 mt-md-4 pb-3 text-left">
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">QrCode</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Lien web</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span class="c-black">Vos liens site et réseaux sociaux</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>Intégrer votre vidéo de présentation</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>Compte manager pour la gestion des collaborateurs</span>
</li>
<li>
<i class="lni lni-checkmark"></i>
<span>QrCode Hors ligne</span>
</li>
</ul>
<a type="button" style="background-color: #2399D5 ; color: white "
<?php $_SESSION['profil'] = "ENTREPRISE" ?> class="btn btn-custom"
data-toggle="modal" data-target="#modelId"
data-donnees="<?php echo "ENTREPRISE" ?>">
Acheter Maintenant
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="modelId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
<div class="modal-dialog modal-lg " role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Contacter-Nous pour passer votre commande </h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<?php include "modal-contact.php" ?>
</div>
</div>
</div>
</div>
</section>