templates/layouts/layouts_front/nav_menu.html.twig line 1

Open in your IDE?
  1. <style>
  2.     #api_error:before {
  3.         content: none !important;
  4.     }
  6.     #api_error {
  7.         padding: 5px;
  8.         height: 60px;
  9.         max-width: 100% !important;
  10.         width: 100% !important;
  11.         display: flex !important;
  12.         justify-content: center !important;
  13.         align-items: center !important;
  14.     }
  16.     #flux .current {
  17.         position: relative;
  18.         width: 100%;
  19.         top: 0;
  20.         left: 0;
  21.         transform: inherit;
  22.     }
  24.     #flux li p {
  25.         transform: inherit;
  26.     }
  28.     @media screen and (max-width: 1225px) {
  29.         #flux {
  30.             top: 69px !important;
  31.             z-index: -1 !important;
  32.         }
  33.     }
  35.     @media (max-width: 500px) {
  36.         #flux li p {
  37.             padding: 0;
  38.         }
  40.         #flux {
  41.             height: 78px;
  42.         }
  43.     }
  44. </style>
  45. <section data-bs-version="5.1" class="menu bistro_menu1 cid-sYKQ7yZHbI" once="menu" id="menu1-46">
  47.     {% if api_error %}
  48.         <ul id="flux" data-pos="1" data-nbFlux="1" style="background-color: #17A4A780 !important;">
  49.             <li id="flux_1" class="current">
  50.                 <p id="api_error">
  51.                     Nous rencontrons un problème technique, la boutique et l'espace client sont indisponibles.
  52.                 </p>
  53.             </li>
  54.         </ul>
  55.     {% endif %}
  57.     {% include 'layouts/layouts_front/nav/flash_info.html.twig' %}
  58.     <nav class="pt-4 pt-xxl-3 navbar navbar-expand-lg navbar-dropdown navbar-fixed-top {% if flashInfo is defined  and flashInfo|length > 0 %}{% endif %}">
  60.         {% set pagesLeft = pagesFirstLevel|length / 2 %}
  61.         {% set pagesLeft = pagesLeft | round %}
  63.         {% if (pagesFirstLevel|length != 4 or pagesFirstLevel|length != 6) and logoInMenu == 'center' %}
  64.             {% set logoInMenu = 'top_center' %}
  65.         {% endif %}
  67.         {# LOGO AU CENTRE AU DESSUS #}
  68.         {% if logoInMenu == 'top_center' %}
  69.             <div class="navbar-brand d-flex d-lg-flex">
  70.                 <span class="navbar-logo">
  71.                     <a href="{{ websiteroot }}">
  72.                         <img class="desktopLogo"
  73.                              src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""
  74.                              style="height: 3rem;" loading="lazy" class="lazyload"
  75.                              data-src="{{ asset('medias_front/common/logoHeadMobile.png') }}">
  76.                     </a>
  77.                 </span>
  78.             </div>
  79.         {% endif %}
  81.         <div class="menu_box justify-content-end container-fluid align-items-end pt-5 pt-lg-0">
  82.             {# MENU HAUT #}
  83.             {#   <div id="nav_up" class="navbar-collapse container-fluid menuCollapse collapse  m-0 p-0"
  84.                  data-toggle="collapse" aria-controls="navbarNavAltMarkup">
  85.                 <div class="col-2" style="background: red;"></div>
  86.                 <div class="col-xs-9 col-xl-7">
  87.                     <ul id="listNavUp"
  88.                         class="d-flex justify-content-end mb-lg-2 mb-0 d-flex ps-0 flex-sm-column flex-column flex-lg-row">
  89.                         <li class="me-0 me-lg-4 d-flex justify-content-start">
  90.                             <a class="mt-2 mb-2  mb-lg-0 mb-lg-0"
  91.                                href="{{ url('front_page',{'name': 'notre-concept'}) }}">Notre concept</a>
  92.                         </li>
  93.                         <li class="me-0 me-lg-4 d-flex justify-content-start">
  94.                             <a class="mt-2 mb-2  mb-lg-0 mb-lg-0"
  95.                                href="{{ url('front_page',{'name': 'nos-engagements'}) }}">Nos engagements</a>
  96.                         </li>
  97.                         <li class="me-0 me-lg-4 d-flex justify-content-start">
  98.                             <a class="mt-2 mb-2  mb-lg-0 mb-lg-0" href="{{ url('front_page',{'name': 'a-propos'}) }}">A
  99.                                 propos</a>
  100.                         </li>
  101.                         <li class="me-0 me-lg-4 d-flex justify-content-start">
  102.                             <a class="last mt-2 mb-2  mb-lg-0 mb-lg-0"
  103.                                href="{{ url('front_page',{'name': 'contact'}) }}">Nous contacter </a>
  104.                         </li>
  105.                     </ul>
  106.                 </div>
  107.                 <div class="col-1"></div>
  108.             </div> #}
  110.             {# LOGO A GAUCHE #}
  111.             {% if logoInMenu == 'left' %}
  112.                 <div class="navbar-brand d-flex d-lg-flex col-2 d-flex align-items-center justify-content-center">
  113.                     {#                    <span class=""> #}
  114.                     {#                        <a href="{{ websiteroot }}"> #}
  115.                     {#          <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""
  116.                                  class="logoDesktop menuCollapse"
  117.                                  style="height: 3rem;" loading="lazy" class="lazyload"
  118.                                  data-src="{{ asset('medias_front/common/logoHead.png') }}"> #}
  119.                     {#                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="" #}
  120.                     {#                                 class="logoMobile menuCollapse" #}
  121.                     {#                                 style="height: 3rem;" loading="lazy" class="lazyload" #}
  122.                     {#                                 data-src="{{ asset('medias_front/common/logopeinturelocaplus.png') }}"> #}
  123.                     {#                        </a> #}
  124.                     {#                    </span> #}
  125.                 </div>
  126.             {% endif %}
  128.             {# LOGO A GAUCHE EN MODE MOBILE #}
  129.             {# <div class="navbar-brand d-flex d-lg-none">
  130.                 <span class="navbar-logo">
  131.                     <a href="{{ websiteroot }}">
  132.                         <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  133.                              alt=""
  134.                              style="height: 3rem;" loading="lazy" class="lazyload"
  135.                              data-src="{{ asset('medias_front/common/logoHead.png') }}">
  136.                     </a>
  137.                 </span>
  138.             </div> #}
  140.             <div class="{% if logoInMenu != 'center' %}  collapse justify-content-start navbar-collapse multi-collapse  justify-content-center{% endif %}"
  141.                  id="navbarSupportedContent">
  142.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse"
  143.                         onclick="togglerMenu()"
  144.                         data-target=".menuCollapse" data-bs-target=".menuCollapse"
  145.                         aria-controls="navbarNavAltMarkup nav_up panierCmt" aria-expanded="false"
  146.                         aria-label="Toggle navigation">
  147.                     <span class="hamburger">
  148.                         <span style="color: red"></span>
  149.                         <span></span>
  150.                         <span></span>
  151.                         <span></span>
  152.                     </span>
  153.                 </button>
  154.                 <div id="backblanc"></div>
  155.                 <div id="containerMenuPage" class="d-flex">
  156.                     <div class="logonav d-flex flex-column align-items-center justify-content-center flex-wrap">
  157.                         <a href="{{ websiteroot }}" class="d-flex">
  158.                             <img src="{{ asset('medias_front/common/logo_page.svg') }}">
  159.                             <div>
  160.                                 <p class="titreNaV">Thermes de <br><span>cauterets</span></p>
  161.                             </div>
  162.                         </a>
  163.                     </div>
  164.                     <div class="d-flex flex-column blocNav">
  165.                         <div class="contentnav">
  166.                             <li class="nav-item dropdown m-0 p-0 col iconNav">
  167.                                 <a href="/cures">
  168.                                     <p>JE RÉSERVE</p>
  169.                                 </a>
  170.                             </li>
  171.                             {% if isEcommerce == 1 %}
  172.                                 {% include 'layouts/layouts_front/nav/ecommerce.html.twig' %}
  173.                             {% endif %}
  174.                         </div>
  175.                         <div class="ContenuNav d-flex flex-column justify-content-end align-center">
  176.                             {% include 'layouts/layouts_front/temp.html.twig' %}
  177.                         </div>
  178.                         <div class="bigtitle">
  179.                             <h2 class="noFadeInUp animate__animated animate__delay-1s animate__fadeInUp">UNE QUESTION
  180.                                 ?<br><a href="tel:0562925160"><span>05 62 92 51 60</span></a></h2>
  181.                             <a href="https://www.dev.th-cauteret.otidea.ovh/page/nous-contacter"
  182.                                class="animate__animated animate__delay-1s animate__fadeInUp">
  183.                                 <div class="menu-rappeler"></div>
  184.                             </a>
  185.                         </div>
  186.                     </div>
  187.                 </div>
  190.             </div>
  191.         </div>
  192.     </nav>
  193. </section>