{% load static %}

<header id="header" class="d-flex align-items-center">
    <div class="container d-flex justify-content-between align-items-center">

      <div class="logo">
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="index.html"><img src="{% static 'assets/img/logo.png' %}" alt="Africa veto" class="img-fluid"></a>-->
      </div>

     <nav id="navbar" class="navbar">
        <ul>
          <li><a href="#" target="_blank" class="#">Procédure d'inscription en ligne</a></li>
          <li style="width:50px;"></li>
          <li><a href="#" target="_blank">Informations sur le concours</a></li>
            <li style="width:50px;"></li>
          <li style="width:250px;"></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav>

      <!-- .navbar -->

    </div>
  </header>