templates/partials/zones.html.twig line 1

Open in your IDE?
  1. <!-- Zones 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">
                    Zones publicitaires
                </h5>
                <h1 class="mb-5">
                    Espaces de diffusion disponibles
                </h1>
            </div>
    
            <div class="row g-4">
    
                <!-- Zone Header -->
                <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 bg-light d-flex align-items-center justify-content-center m-4"
                             style="height:140px;width:140px;">
                            <i class="fa fa-window-maximize fa-3x text-primary"></i>
                        </div>
                        <h5 class="mb-0">Header</h5>
                        <small>Visibilité maximale</small>
                        <p class="px-3 mt-2 text-muted small">
                            Bandeau publicitaire affiché en haut des pages partenaires.
                        </p>
                    </div>
                </div>
    
                <!-- Zone Sidebar -->
                <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 bg-light d-flex align-items-center justify-content-center m-4"
                             style="height:140px;width:140px;">
                            <i class="fa fa-columns fa-3x text-primary"></i>
                        </div>
                        <h5 class="mb-0">Sidebar</h5>
                        <small>Présence continue</small>
                        <p class="px-3 mt-2 text-muted small">
                            Zone latérale idéale pour une exposition prolongée.
                        </p>
                    </div>
                </div>
    
                <!-- Zone Contenu -->
                <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 bg-light d-flex align-items-center justify-content-center m-4"
                             style="height:140px;width:140px;">
                            <i class="fa fa-align-center fa-3x text-primary"></i>
                        </div>
                        <h5 class="mb-0">Dans le contenu</h5>
                        <small>Engagement fort</small>
                        <p class="px-3 mt-2 text-muted small">
                            Intégration native au cœur des articles ou pages.
                        </p>
                    </div>
                </div>
    
                <!-- Zone Footer -->
                <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 bg-light d-flex align-items-center justify-content-center m-4"
                             style="height:140px;width:140px;">
                            <i class="fa fa-window-minimize fa-3x text-primary"></i>
                        </div>
                        <h5 class="mb-0">Footer</h5>
                        <small>Rappel efficace</small>
                        <p class="px-3 mt-2 text-muted small">
                            Zone discrète mais idéale pour la mémorisation.
                        </p>
                    </div>
                </div>
    
            </div>
        </div>
    </div>
    <!-- Zones End -->