<!DOCTYPE html>
<html lang="fr">
    <head>
    <title>Ordre des avocats du Senegal</title>
    <?php include ('layouts/head.php');?>
    </head>
    <body>
    <?php $currentPage='home';?>
        <section class="topbar plr-100 bg-black">
            <!-- Header area start -->
            <?php include ('layouts/header.php');?>
            <!-- Header area end -->
        </section>

        <!-- Navigation area start -->
        <div class="navbar-area">
            <!-- Menu For Mobile Device -->
            <?php include ('layouts/navbar_mobile.php');?>
            <!-- Menu For Desktop Device -->
            <?php include ('layouts/navbar_desktop.php');?>
        </div>
        <!-- Navigation area end -->

        <!-- Main Banner Area Start -->
        <section class="main-banner plr-100 bg-f9fbfe">
            <!-- <span class="banner-comment"><a href="contact.html"><i class="far fa-comment-dots"></i> CONTACT US</a></span> -->
            <div class="banner-social-icons">
                <ul>
                    <li><a href="https://web.facebook.com/barreaudusenegal" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="https://www.linkedin.com/company/barreau-du-senegal/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                    <li><a href="https://x.com/barreausenegal" target="_blank"><i class="fab fa-twitter"></i></a></li>
                </ul> 
            </div>
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="banner-text-area banner-text-area-1">
                            <h6>ODAS</h6>
                            <h1>Ordre des avocats du Sénégal</h1>
                            <p>Bienvenue sur le portail de l'ordre des avocats du Sénégal.</p>
                            <p>
                            L’histoire des avocats du Sénégal débute un siècle avant l’accession à la souveraineté 
                            nationale en 1960. Le 5 mars 1859, le gouverneur de Saint-Louis, 
                            le général Louis Faidherbe, promulgue l’arrêté n°26 relatif aux conseils 
                            commissionnés, appelés « avocats » après la création le 3 septembre 1960 du
                             « Barreau près la Cour d’appel du Sénégal ».</p>
                            <a class="default-button" href="apropos">Découvrir</a>
                        </div>
                    </div>
                    <div class="col-lg-5">
                    <div class="banner-img-area-1">
                            <img src="assets/images/batoniers.jpg" alt="image">
                            <a class="video-popup" href="https://www.youtube.com/watch?v=F-g3xfdJ-20"><i class="fas fa-play"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Main Banner Area End -->




        <!-- Le batonier -->
        <section class="we-are pb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="why-we-img">
                            <img src="../assets/images/batonniers/mamadou_seck.png" alt="image">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="why-we-text-area">
                            <div class="default-section-title">
                                <span>Le bâtonnier de l'ordre </span>
                                <h3>Maître Mamadou SECK</h3>
                                <p>" En tant que Bâtonnier de l'Ordre des Avocats du Sénégal, c'est avec un profond honneur 
                                    et un engagement indéfectible envers la justice que je m'adresse à vous. Je suis fier de représenter notre communauté d'avocats, une profession dédiée à la protection
                                     des droits et à la défense des valeurs fondamentales de notre société.</p>
                            </div>
                            <div class="why-we-text-list">
                                <i class="flaticon-government-building"></i>
                                <h4>Bienvenue chers internautes</h4>
                                <p>Cette plateforme Web représente le ciment qui nous lie à travers 
                                    tous les services que nous proposons pour vous servir au mieux. Vous pourrez:</p>
                                <ul>
                                    <li>Trouver un avocat compétent pour répondre à vos besoins juridiques spécifiques.</li>
                                    <li>Contribuer à maintenir l'intégrité de notre profession en signalant tout comportement non conforme à nos normes éthiques.</li>
                                    <li>Trouver des ressources et informations pour vous aider à préparer et à réussiTr
                                        l'examen du Certificat d'Aptitude à la Profession d'Avocat.</li>
                                    <li>Avoir accès à des articles juridiques, des guides pratiques, communiqués officiels et d'autres ressources pour approfondir vos connaissances du droit."</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Who We Are Area End -->









        <!-- Who We Are Area Start -->
        <!-- <section class="explore-event explore-event-1 pb-100">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>Explore City Events</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p>
                </div>
                <div class="section-content">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="explore-events-text-area">
                                <div class="default-section-title">
                                    <h3>Plan A Great City That Provides The Essence Of Success</h3>
                                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse ultrices gravida risus commodo viverra maecenas accumsan lacus vel facilisis ipsum dolor sit amet.</p>
                                </div>
                                <div class="explore-events-text-list">
                                    <i class="flaticon-government"></i>
                                    <h4>Sustainable Innovation Is Our Pathway:</h4>
                                    <p>Nulla porttitor accumsan tincidunt lorem ipsum dolor sit amet consectetur adipiscing elit praesent sapien massa convallis a pellentesque nec egestas non nisi nulla porttitor accumsan tincidunt.</p>
                                    <ul>
                                        <li>Praesent sapien massa, convallis a pellentesque nec.</li>
                                        <li>Nulla porttitor accumsan tincidunt.</li>
                                        <li>Ivamus suscipit tortor eget felis porttitor volutpat.</li>
                                        <li>Donec rutrum congue leo eget malesuada.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="explore-events-img">
                                <img src="assets/images/why-we/mamadou_seck.png" alt="image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- Who We Are Area End-->





         <!-- About Area Start -->
         <!-- <section class="about pt-100">
            <div class="shape">
                <img src="assets/images/about/shape.png" alt="image">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="about-img-3">
                            <img src="assets/images/about/mamadou_seck.png" alt="image">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="why-we-text-area about-text-area-2 pl-20">
                            <div class="default-section-title">
                                <span>DEPUIS 1960</span>
                                <h3>Un engagement sans faille pour l'état de droit et le respect des libertés individuelles</h3>
                                <p>Au cœur de la justice sénégalaise, l'Ordre des Avocats du Sénégal joue un rôle crucial 
                                    dans la défense des droits et des libertés des citoyens. Investi d'une mission 
                                    d'intérêt public, il veille à la régulation 
                                    de la profession d'avocat et œuvre sans relâche pour l'accès à la justice pour tous.</p>
                            </div>
                            <div class="why-we-text-list">
                                <i class="flaticon-government-building"></i>
                                <h4>Nos missions principales:</h4>
                                <p>Nulla porttitor accumsan tincidunt lorem ipsum dolor sit amet consectetur adipiscing elit praesent sapien massa convallis.</p>
                                <ul>
                                    <li>Représenter et défendre les intérêts des avocats.</li>
                                    <li>Veiller au respect de l'éthique et de la déontologie de la profession.</li>
                                    <li>Promouvoir l'état de droit et les droits de l'homme.</li>
                                    <li>Contribuer à l'administration de la justice et à l'indépendance du barreau.</li>
                                    <li>Former et perfectionner les avocats.</li>
                                    <li>Informer et sensibiliser le public sur le système juridique.</li>
                                </ul>
                            </div>
                            <br>
                            <a class="default-button" href="#">En savoir plus</a>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- About Area end -->




        <!-- Service Area Start -->
        <section class="services pt-100 pb-70">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>Nos Services sur mesure</h3>
                    <p style="text-align:center;">Avec nos services, bénéficiez d'un soutien fiable et d'une expertise 
                        pointue pour naviguer en toute confiance dans le système juridique sénégalais.</p>
                </div>
                <div class="section-content">
                    <div class="service-slider-area-1 owl-carousel">
                        <div class="service-card mlr-15 mb-30">
                            <div class="service-card-img">
                                <a href=""><img src="assets/images/service/2.jpg" alt="image"></a>
                                <i class="flaticon-search-1"></i>
                            </div>
                            <div class="service-card-text">
                                <h4><a href="">Annuaire des avocats</a></h4>
                                <p>Découvrez notre annuaire d'avocats, où vous pouvez rechercher 
                                    par filtrage pour trouver rapidement le professionnel (du tableau de l'ordre) adapté à vos besoins.</p>
                                <a class="read-more-btn" href="">Voir plus</a>
                            </div>
                        </div>
                        
                        <div class="service-card mlr-15 mb-30">
                            <div class="service-card-img">
                                <a href=""><img src="assets/images/service/1.jpg" alt="image"></a>
                                <i class="flaticon-balance"></i>
                            </div>
                            <div class="service-card-text">
                                <h4><a href="">Assistance judiciaire</a></h4>
                                <p>L'assistance judiciaire est un droit garanti par la Constitution sénégalaise.
                                    Elle permet à toute personne dont les ressources sont insuffisantes de bénéficier d'une 
                                    aide pour défendre ses droits.
                                </p>
                                <a class="read-more-btn" href="">Découvrir</a>
                            </div>
                        </div>
                        <div class="service-card mlr-15 mb-30">
                            <div class="service-card-img">
                                <a href=""><img src="assets/images/service/3.jpg" alt="image"></a>
                                <i class="flaticon-smart-city"></i>
                            </div>
                            <div class="service-card-text">
                                <h4><a href="">Examen CAPA</a></h4>
                                <p>Retrouvez toutes les informations concernant l'inscription à l'examen d'aptitude au stage du Barreau du Sénégal 
                                    ainsi que les déroulement des épreuves.</p>
                                <a class="read-more-btn" href="">Voir plus</a>
                            </div>
                        </div>
                        <div class="service-card mlr-15 mb-30">
                            <div class="service-card-img">
                                <a href=""><img src="assets/images/service/4.jpg" alt="image"></a>
                                <i class="flaticon-remove"></i>
                            </div>
                            <div class="service-card-text">
                                <h4><a href="">Signaler un avocat</a></h4>
                                <p>Cette rubrique permet de signaler tout comportement non conforme 
                                    à l'éthique professionnelle des avocats. Votre 
                                    contribution aide à maintenir l'intégrité de la profession...</p>
                                <a class="read-more-btn" href="">Voir plus</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Service Area End -->

       

        <!-- Fun Facts Area Start -->
        <section class="fun-facts fun-facts-1 pt-70 pb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card">
                            <i class="flaticon-government-building"></i>
                            <h2>    
                                <span class="sign-icon">+</span>
                                <span class="odometer" data-count="64">00</span>
                                <span class="sign-icon">Ans</span>
                            </h2>
                            <p>d'Existence</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card">
                            <i class="flaticon-man-user"></i>
                            <h2>
                                <span class="sign-icon">+</span>
                                <span class="odometer" data-count="400">00</span>
                                <!-- <span class="sign-icon">K</span> -->
                            </h2>
                            <p>Avocats</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card">
                            <i class="flaticon-user-3"></i>
                            <h2>
                                <span class="odometer" data-count="18">00</span>
                                <!-- <span class="sign-icon">+</span> -->
                            </h2>
                            <p>Membres du conseil</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card last-card">
                            <i class="flaticon-balance"></i>
                            <h2>
                                <!-- <span class="sign-icon">+</span> -->
                                <span class="odometer" data-count="24">00</span>
                                
                            </h2>
                            <p>Bâtonniers</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <br>
        <br>
    
        <!-- Fun Facts Area End -->





        <!-- Upcoming Events area Start -->
        <section class="events ptb-100">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                <h3>Le conseil de l'ordre</h3>
                    <p>
                    Le Conseil de l’Ordre, présidé par le Bâtonnier <strong>Me Mamadou SECK</strong> , est composé de dix-huit membres.
                    Les membres du Conseil de l’Ordre sont élus directement par l’Assemblée générale parmi les avocats ayant au moins dix ans d’ancienneté. 
                    Leur mandat est de deux ans. Le renouvellement du Conseil a lieu, par moitié, chaque année.
                    </p>
                </div>
                <div class="section-content">
                    <div class="events-slider-area owl-carousel">
                        <div class="events-card">
                            <img src="assets/images/conseil/2.png" style="width:650px; height:350px" alt="image">
                            <div class="events-card-text">
                                <ul>
                                    <!-- <li>Depuis</li>
                                    <li>1990</li> -->
                                </ul>
                                <h4><a href="#">Me Mbaye SENE</a></h4>
                                <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">Conseil de l'Ordre</a></p>
                                <a class="read-more-btn" href="#">Voir la fiche</a>
                            </div>
                        </div>
                        <div class="events-card">
                            <img src="assets/images/conseil/4.png" style="width:650px; height:350px" alt="image">
                            <div class="events-card-text">
                                <ul>
                                    <!-- <li>Depuis</li>
                                    <li>1990</li> -->
                                </ul>
                                <h4><a href="#">Me Mame Yacine NDIAYE</a></h4>
                                <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">Conseil de l'Ordre</a></p>
                                <a class="read-more-btn" href="#">Voir la fiche</a>
                            </div>
                        </div>
                        <div class="events-card">
                            <img src="assets/images/conseil/6.png" style="width:650px; height:350px" alt="image">
                            <div class="events-card-text">
                                <ul>
                                    <!-- <li>Depuis</li>
                                    <li>1990</li> -->
                                </ul>
                                <h4><a href="#">Me Demba Ciré BATHILY</a></h4>
                                <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">Conseil de l'Ordre</a></p>
                                <a class="read-more-btn" href="#">Voir la fiche</a>
                            </div>
                        </div>
                        <div class="events-card">
                            <img src="assets/images/conseil/7.png" style="width:650px; height:350px" alt="image">
                            <div class="events-card-text">
                                <ul>
                                    <!-- <li>Depuis</li>
                                    <li>1990</li> -->
                                </ul>
                                <h4><a href="#">Me Samba BITEYE</a></h4>
                                <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">Conseil de l'Ordre</a></p>
                                <a class="read-more-btn" href="#">Voir la fiche</a>
                            </div>
                        </div>
                                               
                    </div>
                </div>
            </div>
           
        </section>
   
        <!-- Upcoming Events Area End -->








         <!-- About Area Start -->
         <!-- <section class="about about-3 ptb-100">
            <div class="shape">
                <img src="assets/images/about/shape.png" alt="image">
            </div>
            <div class="container">
                <div class="default-section-title default-section-title-middle mt-10">
                    <h3>Explore City Events</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p>
                </div>
                <div class="section-content">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="why-we-text-area">
                                <div class="default-section-title pr-20">
                                    <span>LE BÂTONNIER</span>
                                    <h3>Maître Mamadou Seck</h3>
                                 <p>
                            Avocat inscrit au Barreau du Senegal. Dauphin du Bâtonnier 
                            élu le 29 juillet 2021.</p>
                                </div>
                                <div class="why-we-text-list">
                                    <i class="flaticon-balance"></i>
                                    <h4>Sustainable Innovation Is Our Pathway:</h4>
                                    <p>Ancien président de 2000 à 2002 de l'association des jeunes avocats sénégalais (AJAS), est Membre
                                        du conseil de l'ordre depuis 2007 et a occupé les fonctions de trésorier de l'ordre, depuis 2012.</p>
                                    <ul>
                                        <li>Année d'inscription: 1991</li>
                                        <li>N° au tableau de l'ordre: 152</li>
                                        <li>Nom du cabinet: SCP SOW – SECK – DIAGNE & ASSOCIÉ</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="about-img-3 ai-2-2">
                                <img src="assets/images/about/mamadou_seck.png" alt="image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
         -->
        <!-- About Area end -->




         <!-- Process Area Start -->
         <section class="precess pb-100 mt-10">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>3 valeurs fondamentales qui régissent la profession d'avocat</h3>
                    <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p> -->
                </div>
                <div class="section-content">
                    <div class="row justify-content-center">
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="process-card">
                                <i class="flaticon-visibility"></i>
                                <h4><a href="">Indépendance</a></h4>
                                <p> L'avocat doit être indépendant dans l'exercice de ses fonctions et ne doit être 
                                    soumis à aucune influence extérieure.</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="process-card">
                                <i class="flaticon-process"></i>
                                <h4><a href="">Intégrité</a></h4>
                                <p>L'avocat doit agir avec honnêteté, probité et droiture. 
                                    Il doit respecter la loi, les règles de la profession et les principes 
                                    de déontologie.</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12">
                            <div class="process-card">
                                <i class="flaticon-checked-1"></i>
                                <h4><a href="">Dévouement</a></h4>
                                <p>L'avocat doit se dévouer à la défense des intérêts de son client avec diligence 
                                    et compétence tout en respectant les droits et libertés des autres. 
                                    </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Process Area End -->











        <!-- Upcoming Events area Start -->
        <section class="events ptb-100">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>Documenthèque</h3>
                    <p>Découvrez notre bibliothèque juridique, une ressource précieuse regroupant une vaste 
                        collection de textes législatifs, de jurisprudence, de guides pratiques et d'articles 
                        spécialisés.</p>
                </div>
                <div class="section-content">
                    <div class="events-slider-area owl-carousel">
                        <div class="events-card">
                            <img src="assets/images/events/1.jpg" alt="image">
                            <div class="events-card-text">
                                <!-- <ul>
                                    <li>Conference</li>
                                    <li>Oct 12, 2022</li>
                                </ul> -->
                                <h4><a href="">Droit de la Famille</a></h4>
                                <!-- <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">At City Center, 27 Division Street, USA</a></p> -->
                                <a class="read-more-btn" href="">Lire</a>
                            </div>
                        </div>
                        <div class="events-card">
                            <img src="assets/images/events/2.jpg" alt="image">
                            <div class="events-card-text">
                                <!-- <ul>
                                    <li>Conference</li>
                                    <li>Oct 13, 2022</li>
                                </ul> -->
                                <h4><a href="">Droit Civil</a></h4>
                                <!-- <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">At City Center, 27 Division Street, USA</a></p> -->
                                <a class="read-more-btn" href="">Lire</a>
                            </div>
                        </div>
                        <div class="events-card">
                            <img src="assets/images/events/3.jpg" alt="image">
                            <div class="events-card-text">
                                <!-- <ul>
                                    <li>Conference</li>
                                    <li>Oct 14, 2022</li>
                                </ul> -->
                                <h4><a href="">Droit des affaires</a></h4>
                                <!-- <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">At City Center, 27 Division Street, USA</a></p> -->
                                <a class="read-more-btn" href="">Lire</a>
                            </div>
                        </div>
                        <div class="events-card">
                            <img src="assets/images/events/4.jpg" alt="image">
                            <div class="events-card-text">
                                <!-- <ul>
                                    <li>Conference</li>
                                    <li>Oct 15, 2022</li>
                                </ul> -->
                                <h4><a href="">Droit du Travail</a></h4>
                                <!-- <p><i class="fas fa-map-marker-alt"></i> <a href="https://goo.gl/maps/QTg39qSWoB5fdndT7">At City Center, 27 Division Street, USA</a></p> -->
                                <a class="read-more-btn" href="">Lire</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Upcoming Events Area End -->




        














        

        <!-- Feedback Area Start -->
        <!-- <section class="feedback pt-100 pb-70 bg-f9fbfe">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>What Your Counselors Says</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p>
                </div>
                <div class="section-content">
                    <div class="feedback-slider-area owl-carousel">
                        <div class="feedback-card mlr-15 mb-30">
                            <i class="flaticon-quotation"></i>
                            <div class="stars">
                                <ul>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elitsed eiusmod tempor elite incididunt labore dolore magna aliqua Quis ipsum suspendisse ultrices set amet set do eimusd tempor labore sit dolor magna aliiqua amet.”</p>
                            <div class="feedback-intro-area">
                                <img src="assets/images/feedback/f1.jpg" alt="image">
                                <div class="feedback-intro">
                                    <h5>Jhon Abraham</h5>
                                    <span>City Council President</span>
                                </div>
                            </div>
                        </div>
                        <div class="feedback-card mlr-15 mb-30">
                            <i class="flaticon-quotation"></i>
                            <div class="stars">
                                <ul>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elitsed eiusmod tempor elite incididunt labore dolore magna aliqua Quis ipsum suspendisse ultrices set amet set do eimusd tempor labore sit dolor magna aliiqua amet.”</p>
                            <div class="feedback-intro-area">
                                <img src="assets/images/feedback/f2.jpg" alt="image">
                                <div class="feedback-intro">
                                    <h5>Jhon Smith</h5>
                                    <span>City Council Advisor</span>
                                </div>
                            </div>
                        </div>
                        <div class="feedback-card mlr-15 mb-30">
                            <i class="flaticon-quotation"></i>
                            <div class="stars">
                                <ul>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                </ul>
                            </div>
                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elitsed eiusmod tempor elite incididunt labore dolore magna aliqua Quis ipsum suspendisse ultrices set amet set do eimusd tempor labore sit dolor magna aliiqua amet.”</p>
                            <div class="feedback-intro-area">
                                <img src="assets/images/feedback/f3.jpg" alt="image">
                                <div class="feedback-intro">
                                    <h5>Peter Smith</h5>
                                    <span>City Council Secratery</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- feedback Area End -->

        <!-- Team Area Start -->
        <!-- <section class="team ptb-100">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>Our City Counselor</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p>
                </div>
                <div class="section-content">
                    <div class="row justify-content-center">
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t1.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>Mila Wilson</h4>
                                    <p>City Secratery</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t2.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>Bren Stork</h4>
                                    <p>Counsil President</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t3.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>Mukesh Sarkar</h4>
                                    <p>City Mayor</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t4.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>David Jon</h4>
                                    <p>Assistant Mayor</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- Team Area End -->

       
        <!-- Blog Area Start -->
        <section id="actus" class="blog ptb-100 bg-f9fbfe">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>Actualités</h3>
                    <p>Retrouvez ici toutes les informations officielles (communiqués, articles de presse, déclarations) <br>du conseil de l'ordre</p>
                </div>
                <div class="section-content">
                    <div class="row justify-content-center">


                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="blog-card">
                                <div class="blog-card-img">
                                    <a href=""><img src="assets/images/blog/communique_report_presidentielle.jpg" alt="image"></a>
                                </div>
                                <div class="blog-card-text-area">
                                    <div class="blog-date">
                                        <ul>
                                            <!-- <li><i class="fas fa-user"></i> By <a href="posted-by.html">Admin</a></li> -->
                                            <!-- <li><i class="far fa-comments"></i> No Comment</li> -->
                                            <li><i class="far fa-calendar-alt"></i>15 Février 2024</li>
                                        </ul>
                                    </div>
                                    <h4><a href=""></a>Communiqué de l'odas par rapport à la crise durant la présidentielle</h4>
                                    <p>Le barreau du Sénégal appelle au respect scrupuleux de la loi fondamentale et des droits qu’elle consacre au citoyen.</p>
                                    <a class="read-more-btn" href="">En savoir plus</a>
                                </div>
                            </div>
                        </div>


                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="blog-card">
                                <div class="blog-card-img">
                                    <a href=""><img src="assets/images/blog/rentree.jpg" alt="image"></a>
                                </div>
                                <div class="blog-card-text-area">
                                    <div class="blog-date">
                                        <ul>
                                            <!-- <li><i class="fas fa-user"></i> By <a href="posted-by.html">Admin</a></li> -->
                                            <!-- <li><i class="far fa-comments"></i> No Comment</li> -->
                                            <li><i class="far fa-calendar-alt"></i> 23 janvier 2023</li>
                                        </ul>
                                    </div>
                                    <h4><a href="">Cérémonie Rentrée solennelle des Cours et Tribunaux</a></h4>
                                    <p>"Le déficit de confiance et la défiance des citoyens à l’égard de leur justice 
                                         jettent de façon dommageable le soupçon sur une institution...</p>
                                    <a class="read-more-btn" href="">En savoir plus</a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="blog-card">
                                <div class="blog-card-img">
                                    <a href=""><img src="assets/images/blog/signature_bail.jpg" alt="image"></a>
                                </div>
                                <div class="blog-card-text-area">
                                    <div class="blog-date">
                                        <ul>
                                            <!-- <li><i class="fas fa-user"></i> By <a href="posted-by.html">Admin</a></li> -->
                                            <!-- <li><i class="far fa-comments"></i> No Comment</li> -->
                                            <li><i class="far fa-calendar-alt"></i> 01 Mars 2022</li>
                                        </ul>
                                    </div>
                                    <h4><a href="">Construction de l'École des avocats du sénégal à Diamniadio</a></h4>
                                    <p>Signature du bail afférent au terrain d’un hectare destiné à l’édification de l’école des Avocats du Sénégal.</p>
                                    <a class="read-more-btn" href="">En savoir plus</a>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </section>
        <!-- Blog Area End -->

        <!-- Footer area start -->
        <?php include ('layouts/footer.php'); ?>
        <!-- Footer Area end -->

        <!-- popup area start -->
        <div class="popup">
            <div class="popup-content">
                <button class="close-btn" id="popup-close"><i class="fas fa-times"></i></button>
                <form>
                    <div class="input-group search-box">
                        <input type="text" class="form-control" placeholder="Search">
                        <button class="btn" type="submit"><i class="fas fa-search"></i></button>
                    </div>
                </form>
            </div>
        </div>
        <!-- popup area end -->
        
        <div class="go-top"><i class="fas fa-chevron-up"></i></div>
    
        <!-- Link of JS files -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery-ui.min.js"></script>
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <script src="assets/js/meanmenu.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/magnific-popup.min.js"></script>
        <script src="assets/js/TweenMax.js"></script>
        <script src="assets/js/nice-select.min.js"></script>
        <script src="assets/js/form-validator.min.js"></script>
        <script src="assets/js/contact-form-script.js"></script>
        <script src="assets/js/ajaxchimp.min.js"></script>
        <script src="assets/js/owl.carousel2.thumbs.min.js"></script>
        <script src="assets/js/appear.min.js"></script>
        <script src="assets/js/odometer.min.js"></script>
        <script src="assets/js/custom.js"></script>
    </body>
</html>