templates/home/about.html.twig line 1

{% extends 'layouts/main.html.twig' %}

{% block title %}InstantMARK – Le marketing à chaque instant{% endblock %}

{% block meta_description %}
Webmarketing
{% endblock %}

{% block content %}

<div class="container-xxl py-5 bg-dark hero-header mb-5">
                <div class="container text-center my-5 pt-5 pb-4">
                    <h1 class="display-3 text-white mb-3 animated slideInDown">A propos</h1>
                </div>
            </div>

<!-- About Start -->
<div class="container-xxl py-5">
    <div class="container">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <div class="row g-3">
                    <div class="col-6 text-start">
                        <img class="img-fluid rounded w-100 wow zoomIn"
                             data-wow-delay="0.1s"
                             src="{{ asset('templates/instantmark/img/about-1.jpg') }}"
                             alt="InstantMARK – campagnes publicitaires">
                    </div>
                    <div class="col-6 text-start">
                        <img class="img-fluid rounded w-75 wow zoomIn"
                             data-wow-delay="0.3s"
                             src="{{ asset('templates/instantmark/img/about-2.jpg') }}"
                             style="margin-top: 25%;"
                             alt="InstantMARK – diffusion publicitaire">
                    </div>
                    <div class="col-6 text-end">
                        <img class="img-fluid rounded w-75 wow zoomIn"
                             data-wow-delay="0.5s"
                             src="{{ asset('templates/instantmark/img/about-3.jpg') }}"
                             alt="InstantMARK – bannières et affichage">
                    </div>
                    <div class="col-6 text-end">
                        <img class="img-fluid rounded w-100 wow zoomIn"
                             data-wow-delay="0.7s"
                             src="{{ asset('templates/instantmark/img/about-4.jpg') }}"
                             alt="InstantMARK – performance marketing">
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <h5 class="section-title ff-secondary text-start text-primary fw-normal">
                    À propos d’InstantMARK
                </h5>

                <h1 class="mb-4">
                    Bienvenue sur
                    <i class="fa-solid fa-bullhorn text-primary me-2"></i>
                    InstantMARK
                </h1>

                <p class="mb-4">
                    InstantMARK est une plateforme intelligente de gestion et de diffusion de
                    campagnes publicitaires, conçue pour accompagner les entreprises,
                    annonceurs et enseignes dans leur visibilité digitale.
                </p>

                <p class="mb-4">
                    Grâce à un pilotage centralisé, un ciblage précis et des statistiques en temps réel,
                    InstantMARK vous permet d’optimiser vos campagnes, vos impressions
                    et vos performances marketing sur l’ensemble de vos supports.
                </p>

                <div class="row g-4 mb-4">
                    <div class="col-sm-6">
                        <div class="d-flex align-items-center border-start border-5 border-primary px-3">
                            <h1 class="flex-shrink-0 display-5 text-primary mb-0"
                                data-toggle="counter-up">10</h1>
                            <div class="ps-4">
                                <p class="mb-0">Années</p>
                                <h6 class="text-uppercase mb-0">d’expertise digitale</h6>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="d-flex align-items-center border-start border-5 border-primary px-3">
                            <h1 class="flex-shrink-0 display-5 text-primary mb-0"
                                data-toggle="counter-up">1000</h1>
                            <div class="ps-4">
                                <p class="mb-0">Campagnes</p>
                                <h6 class="text-uppercase mb-0">diffusées</h6>
                            </div>
                        </div>
                    </div>
                </div>

                <a class="btn btn-primary py-3 px-5 mt-2" href="{{ path('about') }}">
                    Découvrir InstantMARK
                </a>
            </div>
        </div>
    </div>
</div>
<!-- About End -->

{% endblock %}