<!-- Sites Start -->
<div class="container-xxl pt-5 pb-3">
<div class="container">
<div class="text-center wow fadeInUp" data-wow-delay="0.1s">
<h5 class="section-title ff-secondary text-center text-primary fw-normal">
Réseau InstantMARK
</h5>
<h1 class="mb-5">Sites partenaires & plateformes</h1>
</div>
<div class="row g-4">
<!-- Site 1 -->
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="team-item text-center rounded overflow-hidden">
<div class="rounded-circle overflow-hidden m-4">
<img class="img-fluid"
src="{{ asset('templates/instantmark/img/site-1.jpg') }}"
alt="Site partenaire">
</div>
<h5 class="mb-0">Actualités Plus</h5>
<small>Site média – Afrique</small>
<div class="d-flex justify-content-center mt-3">
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-globe"></i></a>
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-chart-line"></i></a>
</div>
</div>
</div>
<!-- Site 2 -->
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="team-item text-center rounded overflow-hidden">
<div class="rounded-circle overflow-hidden m-4">
<img class="img-fluid"
src="{{ asset('templates/instantmark/img/site-2.jpg') }}"
alt="Site partenaire">
</div>
<h5 class="mb-0">Tech & Business</h5>
<small>Blog technologique</small>
<div class="d-flex justify-content-center mt-3">
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-globe"></i></a>
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-ad"></i></a>
</div>
</div>
</div>
<!-- Site 3 -->
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item text-center rounded overflow-hidden">
<div class="rounded-circle overflow-hidden m-4">
<img class="img-fluid"
src="{{ asset('templates/instantmark/img/site-3.jpg') }}"
alt="Site partenaire">
</div>
<h5 class="mb-0">MarketZone</h5>
<small>Marketplace & annonces</small>
<div class="d-flex justify-content-center mt-3">
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-globe"></i></a>
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-bullhorn"></i></a>
</div>
</div>
</div>
<!-- Site 4 -->
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item text-center rounded overflow-hidden">
<div class="rounded-circle overflow-hidden m-4">
<img class="img-fluid"
src="{{ asset('templates/instantmark/img/site-4.jpg') }}"
alt="Site partenaire">
</div>
<h5 class="mb-0">Local Services</h5>
<small>Annuaire professionnel</small>
<div class="d-flex justify-content-center mt-3">
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-globe"></i></a>
<a class="btn btn-square btn-primary mx-1" href="#"><i class="fa fa-chart-pie"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sites End -->