templates/partials/facts.html.twig line 1

<!-- Facts Start -->
<div class="container-fluid bg-img py-5 mb-5">
    <div class="container py-5">
        <div class="row gx-5 gy-4">

            {# Transactions #}
            <div class="col-lg-3 col-md-6">
                <div class="d-flex">
                    <div class="bg-primary border-inner d-flex align-items-center justify-content-center mb-3"
                         style="width: 60px; height: 60px;">
                        <i class="bi bi-arrow-left-right text-white"></i>
                    </div>
                    <div class="ps-4">
                        <h6 class="text-primary text-uppercase">Transactions traitées</h6>
                        <h1 class="display-5 text-white mb-0" data-toggle="counter-up">
                            1250000
                        </h1>
                    </div>
                </div>
            </div>

            {# Utilisateurs #}
            <div class="col-lg-3 col-md-6">
                <div class="d-flex">
                    <div class="bg-primary border-inner d-flex align-items-center justify-content-center mb-3"
                         style="width: 60px; height: 60px;">
                        <i class="bi bi-people text-white"></i>
                    </div>
                    <div class="ps-4">
                        <h6 class="text-primary text-uppercase">Utilisateurs actifs</h6>
                        <h1 class="display-5 text-white mb-0" data-toggle="counter-up">
                            85000
                        </h1>
                    </div>
                </div>
            </div>

            {# Marchands #}
            <div class="col-lg-3 col-md-6">
                <div class="d-flex">
                    <div class="bg-primary border-inner d-flex align-items-center justify-content-center mb-3"
                         style="width: 60px; height: 60px;">
                        <i class="bi bi-shop text-white"></i>
                    </div>
                    <div class="ps-4">
                        <h6 class="text-primary text-uppercase">Marchands partenaires</h6>
                        <h1 class="display-5 text-white mb-0" data-toggle="counter-up">
                            4200
                        </h1>
                    </div>
                </div>
            </div>

            {# Disponibilité #}
            <div class="col-lg-3 col-md-6">
                <div class="d-flex">
                    <div class="bg-primary border-inner d-flex align-items-center justify-content-center mb-3"
                         style="width: 60px; height: 60px;">
                        <i class="bi bi-shield-check text-white"></i>
                    </div>
                    <div class="ps-4">
                        <h6 class="text-primary text-uppercase">Disponibilité plateforme</h6>
                        <h1 class="display-5 text-white mb-0">
                            99.9%
                        </h1>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- Facts End -->