templates\top.twig line 1

  1. <header class="p-0">
  2.     <nav class="container p-0">
  3.         <div class="sub-logo align-top">
  4.             <a href="/"><img src="/images/logo_vacaf.svg"/></a>
  5.         </div>
  7.         <div class="nav-right">
  8.             <div class="sub-partenaires dropdown align-top">
  9.                 <button class="btn" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-offset="0,0">
  10.                     <span class="d-none d-md-inline-block" style="margin-right:10px;">partenaires.vacaf.org&nbsp;&nbsp;</span>
  11.                     <span class="d-md-none" style="margin-right:5px;">partenaires&nbsp;&nbsp;</span>
  12.                     <i class="fa-regular fa-lg fa-chevron-down"></i>
  13.                 </button>
  14.                 <ul class="dropdown-menu">
  15.                     <li>
  16.                         <a class="dropdown-item text-end">
  17.                             <i class="fa-regular fa-lg fa-xmark sub-close"></i>
  18.                         </a>
  19.                     </li>
  20.                     <li>
  21.                         <a class="dropdown-item" href="/">partenaires</a>
  22.                     </li>
  23.                     <li>
  24.                         <a class="dropdown-item" href="https:///www.vacaf.org" target="_blank">allocataires</a>
  25.                     </li>
  26.                 </ul>
  27.             </div>
  28.             <div class="buttons">
  29.                 <div id="accessibilite" class="dropdown align-top btn-menu">
  30.                     <button class="btn" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-offset="0,0">
  31.                         <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 53.693 30.088">
  32.                             <g id="accessibilite" data-name="accessibilite" transform="translate(-90.539 -138.555)">
  33.                                 <path d="M91.539,153.607c14.272,18.715,37.422,18.715,51.693,0-7.136-9.373-16.494-14.052-25.852-14.052S98.675,144.234,91.539,153.607Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
  34.                                 <path d="M287.8,210.024a7.775,7.775,0,1,1-7.775-7.775,7.775,7.775,0,0,1,7.775,7.775" transform="translate(-162.636 -56.424)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
  35.                             </g>
  36.                         </svg>
  37.                         <span>Accessibilité</span>
  38.                     </button>
  39.                     <ul class="dropdown-menu">
  40.                         <li>
  41.                             <a class="dropdown-item text-end">
  42.                                 <i class="fa-regular fa-lg fa-xmark sub-close"></i>
  43.                             </a>
  44.                         </li>
  45.                         <li class="sub-text">
  46.                             <b>Option&nbsp;d’accessibilité</b>
  47.                             <br/>
  48.                             <br/>Contraste :
  49.                             <br/>
  50.                             <br/>
  51.                             <div class="btn-group" role="group" aria-label="Basic radio toggle button group">
  52.                                 <input type="radio" class="btn-check" name="contraste" id="contraste_standard" autocomplete="off" checked/>
  53.                                 <label class="btn btn-outline-primary" for="contraste_standard">Standard</label>
  54.                                 <input type="radio" class="btn-check" name="contraste" id="contraste_renforce" autocomplete="off"/>
  55.                                 <label class="btn btn-outline-primary" for="contraste_renforce">Renforcé</label>
  56.                             </div>
  57.                             <br/>
  58.                             <br/>Taille de texte :
  59.                             <br/>
  60.                             <a id="text-size-0" class="selected standard-size">A</a>
  61.                             <a id="text-size-1" class="upper-size">A+</a>
  62.                         </li>
  63.                     </ul>
  64.                 </div>
  65.                 <button type="button" id="top-bouton-contact" class="btn btn-primary btn-menu">
  66.                     <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 38.678 28.088">
  67.                         <g id="Groupe_17" data-name="Groupe 17" transform="translate(0 0)">
  68.                             <path id="Tracé_115" data-name="Tracé 115" d="M191.265,141.371a2.529,2.529,0,0,1,2.529,2.529v19.668a2.528,2.528,0,0,1-2.529,2.528H161.008a2.529,2.529,0,0,1-2.529-2.528V143.9a2.529,2.529,0,0,1,2.529-2.529h30.257m0-1.682H161.008a4.215,4.215,0,0,0-4.21,4.211v19.668a4.214,4.214,0,0,0,4.21,4.21h30.257a4.215,4.215,0,0,0,4.211-4.21V143.9a4.216,4.216,0,0,0-4.211-4.211Z" transform="translate(-156.798 -139.689)" fill="#fff"/>
  69.                             <path id="Tracé_116" data-name="Tracé 116" d="M208.9,190.1a.839.839,0,0,1-.558-.212l-14.854-13.173a.841.841,0,1,1,1.115-1.258l14.3,12.678,14.3-12.678a.841.841,0,1,1,1.115,1.258L209.453,189.89a.84.84,0,0,1-.558.212Z" transform="translate(-189.557 -171.688)" fill="#fff"/>
  70.                         </g>
  71.                     </svg>
  72.                     <span>Contact
  73.                     </span>
  74.                 </button>
  75.                 <button type="button" id="top-bouton-rechercher" class="btn btn-menu" onclick="$('#recherche').fadeIn(500);">
  76.                     <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 40.712 40.712">
  77.                         <path id="noun-search-5203550" d="M24.545,22.868a13.91,13.91,0,1,0-1.677,1.677l8.363,8.363a1.185,1.185,0,0,0,1.676-1.676ZM2.431,13.937A11.521,11.521,0,1,1,5.805,22.07a11.508,11.508,0,0,1-3.374-8.133Z" transform="matrix(0.966, 0.259, -0.259, 0.966, 8.604, 0)" fill="#fff"/>
  78.                     </svg>
  79.                     <span>
  80.                         Rechercher
  81.                     </span>
  82.                 </button>
  83.             </div>
  84.         </div>
  86.     </nav>
  87. </header>