g@extends('layouts.app-main')
<div>
    <header class="uk-section uk-padding uk-padding-remove-vertical" style="background-color: rgb(116, 89, 145);">
        <div class="uk-grid uk-width-1-1 ">


            <div class="uk-flex uk-navbar-right  uk-grid">
                <a href="/"
                    target="_blank" class="uk-padding-remove">
                    <i class="fa-brands fa-square-facebook fa-xl" style="color: #fff ;"></i></a>
                
            </div>

            

            <div>
                <div class="uk-visible@m" style="color: #fff ;padding:13px;"><span uk-icon="icon: mail"></span>
                     sapbiol.society@gmail.com</div>
            </div>
        </div>
    </header>

    <div class="uk-position-relative">

        <!-- =====================================================
                                                         NAVBAR
                                                    ====================================================== -->
        <nav class="sapbiol-navbar">

            <div class="uk-container">

                <div uk-navbar>

                    <!-- LOGO -->
                    <div class="nav-bar-left">

                        <ul class="uk-navbar-nav">

                            <li>
                                <a class="uk-navbar-item uk-logo uk-padding-remove" href="/"
                                    aria-label="Back to Home">

                                    <img src="https://sapbiol.com/storage/SAPBIOL-03.png" width="70" alt="logo">

                                </a>
                            </li>

                        </ul>

                    </div>


                    <!-- RIGHT MENU -->
                    <div class="uk-navbar-right">

                        <ul class="uk-navbar-nav uk-visible@m">

                            <!-- LA SAPBIOL -->
                            <li class="uk-parent">

                                <a href="#">
                                    La SAPBIOL
                                </a>

                                <div class="uk-navbar-dropdown">

                                    <ul class="uk-nav uk-navbar-dropdown-nav">

                                        <li>
                                            <a href="/presentation">
                                                Mot de la présidente
                                            </a>
                                        </li>

                                          <li>
                                            <a href="/qui-sommes-nous">
                                                Qui sommes nous ?
                                            </a>
                                        </li>

                                        <li>
                                            <a href="/presentation-conseil">
                                                Bureau Exécutif
                                            </a>
                                        </li>

                                        

                                       


                                    </ul>

                                </div>

                            </li>



                            <!-- ARCHIVES -->
                            <li class="uk-parent">

                                <a href="#">
                                    Archives
                                </a>

                                <div class="uk-navbar-dropdown">

                                    <ul class="uk-nav uk-navbar-dropdown-nav">

                                                                                    <li>
                                                <a href="/evenement/2 éme congrès international de la SAPBIOL">
                                                    2 éme congrès international de la SAPBIOL
                                                </a>
                                            </li>
                                        
                                    </ul>

                                </div>

                            </li>


                            <!-- AGENDA -->
                            <li>
                                <a href="/evenement-a-venir">
                                    Agenda
                                </a>
                            </li>

                            <li>
                                <a href="/articles">
                                    Revue de media
                                </a>
                            </li>

                            <!-- LIENS UTILES -->
                            <li class="uk-parent">

                                <a href="#">
                                    Lien utiles
                                </a>

                                <div class="uk-navbar-dropdown">

                                    <ul class="uk-nav uk-navbar-dropdown-nav">

                                        <li>
                                            <a href="/societe-savante">
                                                Les sociétés savantes de psychiaterie
                                            </a>
                                        </li>

                                        <li>
                                            <a href="/platforme-recherche">
                                                Plateforme de recherche
                                            </a>
                                        </li>

                                        <li>
                                            <a href="/site-officiel">
                                                Les sites officiels
                                            </a>
                                        </li>

                                    </ul>

                                </div>

                            </li>

                        </ul>


                        <!-- MOBILE -->
                        <a class="uk-navbar-toggle uk-hidden@m" uk-toggle="target: #mobile-menu" href="#">

                            <span uk-navbar-toggle-icon></span>

                        </a>

                    </div>

                </div>

            </div>

        </nav>
</div>