feature-repeat.php

<div id="features" class="section lb">
    <div class="container">
        <div class="section-title text-center">
            <h3>Fonctionnalités et Aperçus</h3>
            <p class="lead">Découvrez nos caractéristiques et aperçus uniques, où chaque détail est soigneusement pensé pour offrir une expérience digitale exceptionnelle, dépassant vos attentes dès le premier regard.</p>
        </div><!-- end title -->
        <div class="row">
    <div class="col-md-4 col-sm-6 col-xs-12">
        <ul class="features-left">
            <li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.2s">
                <i class="flaticon-coding"></i> <!-- Création sur mesure -->
                <div class="fl-inner">
                    <h4>Création sur mesure</h4>
                </div>
            </li>
            <li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">
                <i class="flaticon-search"></i> <!-- Référencement (SEO) -->
                <div class="fl-inner">
                    <h4>Référencement (SEO)</h4>
                </div>
            </li>
            <li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.4s">
                <i class="flaticon-devices"></i> <!-- Compatibilité mobile et responsive -->
                <div class="fl-inner">
                    <h4>Compatibilité mobile et responsive</h4>
                </div>
            </li>
            <li class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                <i class="flaticon-padlock"></i> <!-- Sécurité et performance garanties -->
                <div class="fl-inner">
                    <h4>Sécurité et performance garanties</h4>
                </div>
            </li>
        </ul>
    </div>
    <div class="col-md-4 hidden-xs hidden-sm">
        <img src="uploads/ipadmeta.png" class="img-center img-responsive" alt="">
    </div>
    <div class="col-md-4 col-sm-6 col-xs-12">
        <ul class="features-right">
            <li class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.2s">
                <i class="flaticon-idea"></i> <!-- Design épuré et intuitif -->
                <div class="fr-inner">
                    <h4>Design épuré et intuitif</h4>
                </div>
            </li>
            <li class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">
                <i class="flaticon-line-graph"></i> <!-- Analyse de la performance -->
                <div class="fr-inner">
                    <h4>Analyse de la performance</h4>
                </div>
            </li>
            <li class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.4s">
                <i class="flaticon-happy"></i> <!-- Expérience utilisateur optimisée -->
                <div class="fr-inner">
                    <h4>Expérience utilisateur optimisée</h4>
                </div>
            </li>
            <li class="wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
                <i class="flaticon-cloud-computing"></i> <!-- Réactivité instantanée -->
                <div class="fr-inner">
                    <h4>Réactivité instantanée</h4>
                </div>
            </li>
        </ul>
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->
</div>