templates\header.twig line 1

  1. <div class="menu-container">
  2.     <div class="d-flex align-items-center">
  3.         <a href="/">
  4.             <div class="logo-im" role="img" aria-label="logo illusion&macadam" alt="logo illusion&macadam"></div>
  5.         </a>
  6.         <div class="baseline-im d-none d-md-block" aria-label="Beseline illusion&macadam">Coopérative<br>Culturelle & Créative</div>
  7.     </div>
  8.     <div class="menu">
  9.         <div class="burger" id="burgerBtn"></div>
  10.     </div>
  11. </div>
  13. <div class="fullscreen-menu" id="fullscreenMenu">
  14.     <div class="bgcontain picto-croix"></div>
  15.     <div class="menu-content">
  17.         <ul class="navbar-nav">
  18.             <li class="nav-item active">
  19.                 <a class="nav-link" href="/formations">Formation</a>
  20.             </li>
  21.             <li class="nav-item">
  22.                 <a class="nav-link" href="/paie">Paie</a>
  23.             </li>
  24.             <li class="nav-item">
  25.                 <a class="nav-link" href="/cooperative">Qui sommes nous ?</a>
  26.             </li>
  27.             <li class="nav-item">
  28.                 <a class="nav-link" href="/mediation">Médiation culturelle</a>
  29.             </li>
  30.             <li class="nav-item">
  31.                 <a class="nav-link" href="/bureau_danse">Bureau danse</a>
  32.             </li>
  33.             <li class="nav-item">
  34.                 <a class="nav-link" href="/conseil">Conseil</a>
  35.             </li>
  36.             <li class="nav-item">
  37.                 <a class="nav-link" href="https://www.bipolar-production.com/" target="_blank">Bipolar</a>
  38.             </li>
  39.             <li class="nav-item">
  40.                 <a class="nav-link" href="https://www.tropisme.coop/" target="_blank">Tropisme</a>
  41.             </li>
  42.         </ul>
  43.     </div>
  44. </div>
  46. {# <div class="menu-wrapper">
  47.     <div class="burger" role="img" aria-label="Bouton menu" alt="Bouton menu" id="burgerButton"></div>
  48.     <div class="menu" id="fullscreenMenu">
  49.         <ul class="navbar-nav">
  50.             <li class="nav-item active">
  51.                 <a class="nav-link" href="/formations">Formations</a>
  52.             </li>
  53.             <li class="nav-item">
  54.                 <a class="nav-link" href="/paie">Paie</a>
  55.             </li>
  56.             <li class="nav-item">
  57.                 <a class="nav-link" href="/cooperative">Coopérative</a>
  58.             </li>
  59.             <li class="nav-item">
  60.                 <a class="nav-link" href="/mediation">Médiation culturelle</a>
  61.             </li>
  62.             <li class="nav-item">
  63.                 <a class="nav-link" href="/bureau_danse">Bureau danse</a>
  64.             </li>
  65.             <li class="nav-item">
  66.                 <a class="nav-link" href="https://www.bipolar-production.com/" target="_blank">Bipolar</a>
  67.             </li>
  68.             <li class="nav-item">
  69.                 <a class="nav-link" href="https://www.tropisme.coop/" target="_blank">Tropisme</a>
  70.             </li>
  71.         </ul>
  72.     </div>
  73. </div> #}