@extends('web.layouts.front')
@section('title')
    {{ __('messages.about_us') }}
@endsection
@section('page_css')
    {{--    <link rel="stylesheet" href="{{ mix('web_front/css/about.css') }}"> --}}
@endsection
@section('content')
    <!--
                        =============================================
                        Feature Section Fifty One
                        ==============================================
                        -->
    <div class="fancy-feature-fiftyOne position-relative mt-200">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 wow fadeInLeft">
                    <div class="title-style-five mb-65 md-mb-40">
                        <div class="sc-title-two fst-italic position-relative">Plus sur Nous</div>
                        <h2 class="main-title fw-500 tx-dark">Nous sommes la solution la plus efficace.</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-8 col-lg-9 ms-auto">
                    <div class="ps-xxl-5 wow fadeInRight">
                        <h6 class="mb-30">Notre Historique & Nos Objectifs</h6>
                        <p class="text-lg tx-dark">Fondée avec la vision de simplifier la gestion hospitalière, notre
                            plateforme HospitalManager offre des solutions avancées pour optimiser les processus de soins.
                            Notre équipe dévouée travaille sans relâche pour fournir une expérience efficace et sécurisée à
                            tous les utilisateurs. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
                            ut aliquip ex ea commodo consequat.</p>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="counter-block-three mt-40 wow fadeInUp">
                                    <div class="main-count fw-500 tx-dark">Éventail</div>
                                    <p class="tx-dark fs-18 m0">Patients Gérés</p>
                                </div> <!-- /.counter-block-three -->
                            </div>
                            <div class="col-lg-4 col-sm-6">
                                <div class="counter-block-three mt-40 wow fadeInUp" data-wow-delay="0.2s">
                                    <div class="main-count fw-500 tx-dark">Engagement</div>
                                    <p class="tx-dark fs-18 m0">Utilisateurs Actifs</p>
                                </div> <!-- /.counter-block-three -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- /.container -->
        <img src="images/lazy.svg" data-src="images/shape/shape_171.svg" alt="" class="lazy-img shapes shape-one">
        <img src="images/lazy.svg" data-src="images/shape/shape_172.svg" alt="" class="lazy-img shapes shape-two">
    </div>
    <!-- /.fancy-feature-fiftyOne -->




    <!--
                                                                           =============================================
                                                                            Feature Section Fifty Two
                                                                           ==============================================
                                                                           -->
    <div class="fancy-feature-fiftyTwo mt-130 lg-mt-100">
        <div class="container">
            <div class="video-banner d-flex align-items-center justify-content-center">
                {{-- <a class="fancybox video-icon tran3s rounded-circle d-flex align-items-center justify-content-center"
                    data-fancybox="" href="https://www.youtube.com/embed/aXFSJTjVjw0">
                    <img src="images/lazy.svg" data-src="images/icon/icon_140.svg" alt="" class="lazy-img">
                </a> --}}
            </div> <!-- /.video-banner -->
        </div>
    </div> <!-- /.fancy-feature-fiftyTwo -->


    <!--
                                                                           =====================================================
                                                                            Team Section Two
                                                                           =====================================================
                                                                           -->

    <div class="fancy-feature-fiftyOne position-relative mt-200">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 wow fadeInLeft">
                    <div class="title-style-five mb-65 lg-mb-20">
                        <div class="sc-title-two fst-italic position-relative">Nos Utilisateurs</div>
                        <h2 class="main-title fw-500 tx-dark">Découvrez les rôles dans HospitalManager</h2>
                    </div>
                </div>
            </div>
        </div> <!-- /.container -->
        <img src="images/lazy.svg" data-src="images/shape/shape_172.svg" alt="" class="lazy-img shapes shape-two">
    </div> <!-- /.fancy-feature-fiftyOne -->

    <!--
                                                                                                                    =====================================================
                                                                                                                        Section des Utilisateurs
                                                                                                                    =====================================================
                                                                                                                    -->
    <div class="team-section-two mt-20">
        <div class="container">
            <div class="wrapper border-bottom pb-120 lg-pb-80 position-relative">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/doctor.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Médecins</h5>
                                    {{-- <div class="tx-dark opacity-75">Médecins</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp" data-wow-delay="0.2s">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/nurse.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Infirmières</h5>
                                    {{-- <div class="tx-dark opacity-75">Infirmières</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp" data-wow-delay="0.2s">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/patient.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Les patients</h5>
                                    {{-- <div class="tx-dark opacity-75">Les patients</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>

                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp" data-wow-delay="0.2s">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/receptionist.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Réceptionnistes</h5>
                                    {{-- <div class="tx-dark opacity-75">Réceptionnistes</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>

                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp" data-wow-delay="0.4s">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/pharmacist.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Pharmaciens</h5>
                                    {{-- <div class="tx-dark opacity-75">Pharmaciens</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/lab-technician.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Laborantins</h5>
                                    {{-- <div class="tx-dark opacity-75">Laborantins</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>

                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp" data-wow-delay="0.2s">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/accountant.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Comptables</h5>
                                    {{-- <div class="tx-dark opacity-75">Comptables</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>

                    <div class="col-lg-3 col-sm-6">
                        <div class="team-block-two mt-40 wow fadeInUp" data-wow-delay="0.4s">
                            <div class="img-meta position-relative">
                                <img src="images/lazy.svg" data-src="images/roles/manager.svg" alt=""
                                    class="lazy-img team-img w-100">
                                <div class="info text-center">
                                    <h5 class="tx-dark fs-20 mb-5">Chargé de dossiers</h5>
                                    {{-- <div class="tx-dark opacity-75">Chargé de dossiers</div> --}}
                                </div> <!-- /.info -->
                            </div> <!-- /.img-meta -->
                        </div> <!-- /.team-block-two -->
                    </div>
                </div> <!-- /.row -->


                <div class="text-center wow fadeInUp mt-150 lg-mt-100">
                    <div class="row">
                        <div class="col-lg-7 m-auto">
                            <h2 class="tx-dark">Rejoignez-nous et contribuez à la santé</h2>
                        </div>
                    </div>
                    <p class="cr-text text-lg tx-dark mt-30 mb-50 md-mt-20">Notre équipe d'utilisateurs HospitalManager est
                        dédiée à fournir des services de santé de qualité.</p>
                    <a href="/contact-us" class="btn-twentyOne fw-500 tran3s">Rejoignez Maintenant</a>
                </div>
            </div> <!-- /.wrapper -->
        </div> <!-- /.container -->
    </div>
    <!-- /.team-section-two -->



    <!--
                                                                                                                                                   =============================================
                                                                                                                                                    Feature Section Thirty Seven
                                                                                                                                                   ==============================================
                                                                                                                                                   -->
    <div class="fancy-feature-thirtySeven mt-225 lg-mt-120">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="block-style-four pe-xxl-5 me-xxl-4 md-mb-70 wow fadeInLeft">
                        <div class="title-style-six">
                            <div class="sc-title-two text-uppercase">POURQUOI NOUS</div>
                            <h2 class="main-title fw-500 tx-dark">Tout pour la gestion médicale.</h2>
                        </div> <!-- /.title-style-ten -->
                        <p class="fs-20 pt-20 pb-30 lg-pt-10 lg-pb-20">Transformez votre établissement médical en une
                            machine performante avec HospitalManager. Posez vos questions, nous avons les réponses.</p>
                        <ul class="style-none list-item">
                            <li>Communication exceptionnelle.</li>
                            <li>Expérience de conception de pointe.</li>
                            <li>Support par e-mail et chat en direct.</li>
                        </ul>
                        <div class="d-inline-flex align-items-center mt-35 lg-mt-20">
                            <ul class="d-flex style-none rating">
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                                <li><i class="fa-solid fa-star"></i></li>
                            </ul>
                            <div class="fs-20 ms-2"><strong class="fw-500 tx-dark">4.8</strong> <span
                                    class="tx-dark fs-16 opacity-50">(30k Avis)</span></div>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-5 col-lg-6 ms-auto">
                    <div class="row align-items-end">
                        <div class="col-md-5 col-sm-4 wow fadeInUp">
                            <img src="images/lazy.svg" data-src="images/shape/shape_136.svg" alt=""
                                class="lazy-img d-none d-sm-inline-block">
                        </div>
                        <div class="col-md-7 col-sm-8 wow fadeInDown">
                            <div class="block-wrapper block-one">
                                <h3 style="color:#FFAE10;">10 millions+</h3>
                                <p>Les clients nous font confiance et ont souscrit à nos services.</p>
                            </div> <!-- /.block-wrapper -->
                        </div>
                    </div>
                    <div class="row gx-xxl-5">
                        <div class="col-sm-7 wow fadeInDown">
                            <div class="block-wrapper block-two position-relative mt-50 sm-mt-30">
                                <h3 style="color:#9650EF;">50+ <br><span>Assurances</span></h3>
                                <p>Partenariat avec nous pour comparer facilement et en toute transparence.</p>
                                <img src="images/lazy.svg" data-src="images/shape/shape_138.svg" alt=""
                                    class="lazy-img shapes shape-one">
                            </div> <!-- /.block-wrapper -->
                        </div>
                        <div class="col-sm-5 wow fadeInUp">
                            <div class="block-wrapper block-three mt-50 sm-mt-30">
                                <h3 style="color:#00BDE6;"><span>Réclamations</span></h3>
                                <p>Obtenez un support facilement par nos experts.</p>
                            </div> <!-- /.block-wrapper -->
                            <img src="images/lazy.svg" data-src="images/shape/shape_137.svg" alt=""
                                class="lazy-img mt-30 ms-auto me-auto d-none d-sm-inline-block">
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- /.container -->
    </div>
    <!-- /.fancy-feature-thirtySeven -->


    <!--
                                                                                                                                                                   =====================================================
                                                                                                                                                                    Feedback Section Eleven
                                                                                                                                                                   =====================================================
                                                                                                                                                                   -->

    <div class="feedback-section-eleven position-relative mt-200 pt-100 pb-70 lg-mt-120 lg-pt-70 lg-pb-50 wow fadeInUp">
        <div class="container">
            <div class="title-style-one text-center mb-50 lg-mb-20">
                <h2 class="main-title fw-500 tx-blue-dark m0">Témoignages Clients</h2>
            </div>
        </div>

        <div class="inner-content">
            <div class="slider-wrapper">
                <div class="feedback_slider_seven">
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Impressionnant !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager est notre allié quotidien, offrant des outils avancés
                                et un support exceptionnel.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Sarah Dupont, <span
                                        class="opacity-50 fw-normal">Paris</span></div>
                                <img src="jano/images/gallery/avatar-5.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Efficace !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager simplifie notre quotidien et améliore l'efficacité de
                                nos services médicaux.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Thomas Moreau, <span
                                        class="opacity-50 fw-normal">Lyon</span></div>
                                <img src="jano/images/gallery/avatar-2.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Exceptionnel !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager est essentiel, offrant une gestion médicale efficace et
                                personnalisée à notre établissement.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Sophie Martin, <span
                                        class="opacity-50 fw-normal">Marseille</span></div>
                                <img src="jano/images/gallery/avatar-6.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                    <div class="item">
                        <div class="feedback-block-eleven">
                            <div class="top-header d-flex align-items-center justify-content-between">
                                <div>
                                    <h3 class="tx-blue-dark m0">Innovant !</h3>
                                    <ul class="style-none d-flex rating pt-15">
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                        <li><i class="bi bi-star-fill"></i></li>
                                    </ul>
                                </div>
                                <img src="images/icon/icon_112.svg" alt="" width="50">
                            </div> <!-- /.top-header -->
                            <p class="tx-blue-dark">HospitalManager a révolutionné notre gestion des soins grâce à ses
                                fonctionnalités innovantes.</p>
                            <div class="d-flex align-items-center justify-content-between">
                                <div class="cost fw-500 tx-blue-dark fs-20">Marie Dupont, <span
                                        class="opacity-50 fw-normal">Toulouse</span></div>
                                <img src="jano/images/gallery/avatar-7.jpg" alt=""
                                    class="rounded-circle object-fit-cover" width="60" height="60">
                            </div>
                        </div> <!-- /.feedback-block-eleven -->
                    </div>
                </div> <!-- /.feedback_slider_seven -->
            </div> <!-- /.slider-wrapper -->
        </div> <!-- /.inner-content -->
    </div> <!-- /.feedback-section-eleven -->



    <!--
                                                        =============================================
                                                        Feature Section Thirty Eight
                                                        ==============================================
                                                        -->
    <div class="fancy-feature-thirtyEight mt-180 lg-mt-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="block-style-seven wow fadeInLeft">
                        <div class="title-style-six">
                            <div class="sc-title-two text-uppercase">NOTRE SOLUTION</div>
                            <h2 class="main-title fw-500 tx-dark">Solutions hospitalières digitales
                            </h2>
                        </div> <!-- /.title-style-ten -->
                        <p class="fs-20 pt-10 pb-30 lg-pb-20">Vous avez des questions sur notre solution HospitalManager ?
                            Contactez-nous dès maintenant pour obtenir des réponses et découvrir comment nous pouvons
                            améliorer la gestion de votre établissement de santé.</p>
                        <div class="btn-eighteen position-relative d-inline-block tx-dark"><a href="about-v1.html"
                                class="fw-500 tran3s">En savoir plus sur HospitalManager <i
                                    class="fa-solid fa-angle-right"></i></a></div>
                    </div> <!-- /.block-style-seven -->
                </div>

                <div class="col-lg-6 ms-auto wow fadeInRight">
                    <div class="accordion accordion-style-two md-mt-60" id="accordionOne">
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                    Gestion complète des dossiers médicaux électroniques
                                </button>
                            </div>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                                data-bs-parent="#accordionOne">
                                <div class="accordion-body">
                                    <p>Notre solution HospitalManager offre une gestion complète et sécurisée des dossiers
                                        médicaux électroniques, permettant un accès rapide et fiable aux informations
                                        cruciales pour les soins aux patients.</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Planification des rendez-vous et des ressources
                                </button>
                            </div>
                            <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                data-bs-parent="#accordionOne">
                                <div class="accordion-body">
                                    <p>Notre solution HospitalManager simplifie la planification des rendez-vous et des
                                        ressources, optimisant l'efficacité de votre établissement et améliorant
                                        l'expérience des patients.</p>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                    Suivi des stocks et des équipements médicaux
                                </button>
                            </div>
                            <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                                data-bs-parent="#accordionOne">
                                <div class="accordion-body">
                                    <p>Avec HospitalManager, gérez efficacement vos stocks et équipements médicaux,
                                        garantissant une disponibilité constante des fournitures essentielles pour des soins
                                        de qualité.</p>
                                </div>
                            </div>
                        </div>
                    </div> <!-- /.accordion-style-two -->
                </div>
            </div>
        </div> <!-- /.container -->

        <div class="partner-section-six position-relative mt-130 lg-mt-80">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <h3 class="title tx-dark text-center text-lg-start md-pb-10 m0"><span>Divers</span> Partenaires de
                            confiance</h3>
                    </div>
                    <div class="col-xl-6 col-lg-7 ms-auto">
                        <div
                            class="logo-wrapper text-center d-flex justify-content-center justify-content-lg-between flex-wrap">
                            <div class="br-name">Hôpitaux</div>
                            <div class="br-name">.</div>
                            <div class="br-name">Cliniques</div>
                            <div class="br-name">.</div>
                            <div class="br-name">Laboratoires</div>
                            {{-- <div class="br-name">.</div>
                                                                                                                        <div class="br-name">Associations Médicales</div> --}}
                        </div> <!-- /.logo-wrapper -->
                    </div>
                </div>
            </div> <!-- /.container -->
        </div> <!-- /.partner-section-six -->
    </div>
    <!-- /.fancy-feature-thirtyEight -->




    <!--
                                                                                                                                                                                                                                                               =====================================================
                                                                                                                                                                                                                                                                Fancy Short Banner Sixteen
                                                                                                                                                                                                                                                               =====================================================
                                                                                                                                                                                                                                                               -->
    <div class="fancy-short-banner-sixteen mt-130 lg-mt-100 mb-130 lg-mb-100 wow fadeInUp">
        <div class="container">
            <div class="bg-wrapper pt-65 pb-65 lg-pt-40 lg-pb-40">
                <div class="row">
                    <div class="col-xl-10 col-md-11 m-auto">
                        <div class="row align-items-center">
                            <div class="col-lg-6">
                                <div class="text-wrapper text-center text-lg-start md-pb-30">
                                    <div class="sc-title fs-18 pb-10">Un Projet en Tête ?</div>
                                    <h2 class="main-title fw-500 text-white m0">N'hésitez pas à nous envoyer un message.
                                    </h2>
                                </div>
                            </div>
                            <div class="col-lg-5 ms-auto text-center text-lg-end">
                                <a href="/contact-us" class="btn-twentyOne fw-500 tran3s">Commencer Aujourd'hui !</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- /.bg-wrapper -->
        </div>
    </div>
    <!-- /.fancy-short-banner-sixteen -->


    <button class="scroll-top">
        <i class="bi bi-arrow-up-short"></i>
    </button>
@endsection