templates/commons/navbarMobile.html.twig line 1

Open in your IDE?
  1. <div data-aos="fade-left" data-aos-easing="linear" data-aos-duration="700" class="mat-47 navbarMobile content-nav bgc-white he-85 nav-mobile position-fixed l-0 t-0 zi-999">
  2.     <a href="{{path('front_landing')}}" class="d-block">
  3.         <img class='logo-nav position-absolute t-5 l-15' src="{{ asset('assets/img/logo-viewpoint.svg')  }}" alt="Viewpoint - Logo" />
  4.     </a>
  5.     <div id="menuToggle" class="position-relative my-auto he-24 max-10 d-block d-lg-block">
  6.         <input type="checkbox" />
  7.         <span class="navTrigger">
  8.             <i></i><i></i><i></i>
  9.         </span>
  10.         <div class=" baskerville linear-blue" id="menu">
  11.             <nav class="navbar pl-1"  >
  12.                 <ul class="navbar-nav w-100 justify-content-between d-sm-flex align-items-center">
  13.                     {% for key, linkNav in getLinksNav() %}
  14.                         {% if linkNav is iterable %}
  15.                             <li class=" dropdown">
  16.                                 <a class="nav-link fs-14 pr-0 c-1E2446 c-244A90-h" href="#" id="navbarDropdown{{loop.index}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  17.                                     {{key}}
  18.                                     <i class="fas fa-chevron-down c-white mal-7"></i>
  19.                                 </a>
  20.                                 <div class="dropdown-menu px-0 pay-16" aria-labelledby="navbarDropdown{{loop.index}}">
  21.                                     {% for subKey, subLink in linkNav %}
  22.                                         <a class="dropdown-item c-1E2446 c-244A90-h"  href="{{ subLink }}">
  23.                                             {{ subKey }}
  24.                                         </a>
  25.                                     {% endfor %}
  26.                                 </div>
  27.                             </li>
  28.                         {% elseif (loop.index==2)  %}
  29.                             <li class="nav-item dropdown">
  30.                                 <a class=" nav-link c-white  {{ (page is defined and page == key) ? 'active' }} c-orange-h" href="#"
  31.                                    id="navbarDropdown{{loop.index}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  32.                                     {{ key }}
  33.                                     <i class="fas fa-chevron-down mal-7"></i>
  34.                                 </a>
  35.                                 <ul class="dropdown-menu  pay-5 mat-0" aria-labelledby="navbarDropdown{{loop.index}}">
  36.                                     {% for key, category in getCategories() %}
  37.                                         <li class="dropdown-submenu-mobile pax-15  c-white c-orange-h">
  38.                                             <a role="button"  class="pax-0 dropdown-item dropdown-item-link   o-90 o-100-h c-inherit  fs-16" tabindex="-1"  {#href="{{ path('front_job', {'slug':job.slug}) }}"#}> {{ category.title }}<i class="fas fa-chevron-down fs-12 mal-7"></i></a>
  39.                                             <ul class="dropdown-menu mat-0">
  40.                                                 <li>
  41.                                                     <a class="dropdown-item c-white o-65 font-italic fw-700 c-3575f5-h o-100-h pay-5 "  href="{{ path('front_products', {"catSlug":category.slug}) }}" aria-hidden="true" >{{'navbar.link.subCategory'|trans}}  </a>
  42.                                                 </li>
  43.                                                 {% for key, subCategory in getSubCategories(category) %}
  44.                                                     <li>
  45.                                                         <a class="dropdown-item c-white c-3575f5-h fw-300 o-65 o-100-h pay-0 " href="{{ path('front_sub_category', {"slug":subCategory.slug}) }}">{{ subCategory.title }}</a>
  46.                                                     </li>
  47.                                                 {% endfor %}
  48.                                             </ul>
  49.                                         </li>
  50.                                     {% endfor %}
  51.                                 </ul>
  52.                             </li>
  53.                         {% elseif (loop.index==4) %}
  54.                             <li class="nav-item dropdown">
  55.                                 <a class="  nav-link c-white  {{ (page is defined and page == key) ? 'active' }} c-orange-h" href="#"
  56.                                    id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  57.                                     {{ key }}
  58.                                     <i class="fas fa-chevron-down mal-7"></i>
  59.                                 </a>
  60.                                 <ul class="dropdown-menu  pay-5 mat-0" aria-labelledby="navbarDropdown">
  61.                                     {% for key, category in getCategories() %}
  62.                                         <li class="dropdown-submenu-mobile pay-0  pax-15  c-white c-orange-h">
  63.                                             <a role="button" href="{{ path('front_publications', {'slug':category.slug}) }}" class="par-0 pal-8 dropdown-item  fw-500 o-90 o-100-h c-inherit  fs-16" tabindex="-1"  {#href="{{ path('front_job', {'slug':job.slug}) }}"#}>{{ category.title }}</a>
  64.                                         </li>
  65.                                     {% endfor %}
  67.                                 </ul>
  68.                             </li>
  69.                         {% else %}
  71.                             <li class="nav-item max-5">
  72.                                 <a  class="text-left c-244A90-h  c-1E2446 nav-link" href="{{linkNav}}">
  73.                                     {{key}}
  74.                                 </a>
  75.                             </li>
  76.                         {% endif %}
  77.                     {% endfor %}
  78.                     <li class="nav-item max-5">
  79.                         <a href="{{path('front_contact')}}" class="text-left c-244A90-h  c-1E2446 nav-link">
  80.                             {{"navbar.contact"|trans}}</a>
  81.                     </li>
  82.                     <li class="nav-item  nav-search-li list-none d-none ">
  83.                         <form method="get" action="{{ path('front_navbar_search') }}">
  84.                             <div class="input-group wi-200">
  85.                                 <div class="input-group-prepend">
  86.                                     <div class="input-group-text bgc-white">
  87.                                         <i class="fa fa-search c-204a9a"></i>
  88.                                     </div>
  89.                                 </div>
  90.                                 {% set navSearchQuery = navSearchQuery|default %}
  91.                                 <input type="text" name="nav-search" class="nav-link pax-10 pay-5 form-control"
  92.                                        value="{{ navSearchQuery }}"
  93.                                        placeholder="Search...">
  94.                             </div>
  95.                         </form>
  96.                     </li>
  97.                     <li class="nav-item list-none ">
  98.                         <a class="text-center text-uppercase nav-search c-333333 c-9DC771-h text-md-left fw-700 nav-link"
  99.                            href="#">
  100.                             <i class="fa fa-search"></i>
  101.                         </a>
  102.                     </li>
  103.                     {#                    <div class="d-flex align-items-center mr-auto justify-content-start">#}
  104.                     {#                        {% if managedLocales|length > 1 %}#}
  105.                     {#                            {% for key, managedLocale in managedLocales %}#}
  106.                     {#                                {% set params = app.request.get('_route_params') %}#}
  107.                     {#                                {% set params = params | filter((v, k) => k != '_locale') %}#}
  108.                     {#                                <li class="nav-item mal-6">#}
  109.                     {#                                    <a class="text-center text-uppercase {{ app.request.locale == managedLocale ? 'o-100' : "o-30 o-90-h" }} text-md-left "#}
  110.                     {#                                       href="{{ path('front_change_language', {'locale':managedLocale, "routeName":app.request.get('_route')})~"?"~params|url_encode }}">#}
  111.                     {#                                        <img src="{{ asset('assets/img/'~managedLocale~'.png') }}" class='he-25'#}
  112.                     {#                                             alt="flag {{ managedLocale }}"/>#}
  113.                     {#                                    </a>#}
  114.                     {#                                </li>#}
  115.                     {#                            {% endfor %}#}
  116.                     {#                        {% endif %}#}
  117.                     {#                    </div>#}
  118.                 </ul>
  119.             </nav>
  120.         </div>
  121.     </div>
  122. </div>