templates/home/header_guest.html.twig line 1

  1. {% trans_default_domain "layout" %}
  2. <nav class="py-0 bg-light border-bottom $blue-600">
  3.     <div id="trnD" class="container d-flex flex-wrap">
  4.         <ul class="nav ">
  5.             <li class="nav-item"><a href="{{ path('app_login', {}) }}" class="nav-link link-dark px-2">{% trans %}Se connecter{% endtrans %}</a></li>
  6.         </ul>
  7.     </div>
  8. </nav>
  9. <header class="py-1 border-bottom">
  10.     <div class="d-none d-md-block">
  11.     <div class="container d-flex flex-wrap justify-content-center">
  12.         <a href="/" class="d-flex align-items-center mb-1 mb-lg-0 me-lg-auto text-dark text-decoration-none">
  13.             <img src="{{ asset('images/logos/spLogoDark-fr.png') }}" />
  14.         </a>
  15.         <ul id="guest_nav" class="nav nav-pills py-3">
  16.             <li class="nav-item px-2"><a href="{{ path('homepage', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}accueil{% endtrans %}</a></li>
  17.             <li class="nav-item px-2"><a href="{{ path('front_contact_new', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}questions & réponses{% endtrans %}</a></li>
  18.             <li class="nav-item px-2"><a href="{{ path('default_price', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}Prix{% endtrans %}</a></li>
  19.             <li class="nav-item"><a href="{{ path('front_contact_new', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}contact{% endtrans %}</a></li>
  20.         </ul>
  21.     </div>
  22.     </div>
  23.     <div class="d-block d-md-none">
  24.         <nav class="navbar bg-body-tertiary">
  25.         <div class="container-fluid ">
  26.             <a data-bs-toggle="collapse" href="#collapseNavBar" role="button" aria-expanded="false" aria-controls="collapseNavBar">
  27.             <img src="{{ asset('images/default/48.png') }}" alt="SpeakyPlanet" width="48" height="48">
  28.             </a>
  29.             <a class="d-flex" data-bs-toggle="collapse" href="#collapseNavBar" role="button" aria-expanded="false" aria-controls="collapseNavBar">
  30.             <img class="d-flex" src="{{ asset('images/default/list.svg') }}" alt="Bootstrap" width="48" height="48">
  31.             </a>
  32.         </div>
  33.         </nav>
  34.         <div class="collapse" id="collapseNavBar">
  35.             <ul class="list-group">
  36.                 <li class="list-group-item">
  37.                     <a href="{{ path('homepage', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}accueil{% endtrans %}</a>
  38.                 </li>
  39.                 <li class="list-group-item">
  40.                     <a href="{{ path('front_contact_new', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}questions & réponses{% endtrans %}</a>
  41.                 </li>
  42.                 <li class="list-group-item">
  43.                     <a href="{{ path('default_price', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}Prix{% endtrans %}</a>
  44.                 </li>
  45.                 <li class="list-group-item">
  46.                     <a href="{{ path('front_contact_new', {}) }}" class="nav-link neko text-uppercase fs-4">{% trans %}contact{% endtrans %}</a>
  47.                 </li>
  48.                 <li class="text-center">
  49.                     <a type="button" class="btn btn-orange shadow btn-lg" href="{{ path('tunnel_register', {}) }}" >{% trans %}J'abonne mon enfant{% endtrans %}</a>
  50.                     <p class="button-sub-text">{% trans %}Sans engagement (je peux arrêter à tout moment){% endtrans %}</p>
  51.                 </li>
  52.             </ul>
  53.         </div>
  54.     </div>
  55. </header>
  56. <script>
  57. $(document).ready(function () {
  58.     $("#i18nBar").detach().prependTo("#trnD");
  59.     $("#i18nBar").show();
  60. });
  61. </script>