templates/commons/navbarMobile.html.twig line 1

Open in your IDE?
  1. <div class="fixed-top t-0 l-0 w-100 nav-mobile he-115">
  2.     <div class="{#fixed-top#} bbs-solid bbw-1 bc-efefef  bgc-65B3CD he-30 d-flex align-items-center  zi-999 c-white pay-5">
  3.         <div class=" pax-15 mx-auto w-100">
  4.             <div class="row align-items-center justify-content-between">
  5.                 <div class="col  par-20 d-flex align-items-center justify-content-between">
  6.                     <div class='col-auto pax-5  align-items-center fs-12'>
  7.                         <div class="d-flex navbar-rs align-items-center">
  8.                             <i class="fa-light no-fa-mobile fa-phone-flip mar-10 c-white fs-14"></i>
  9.                             <a class=" fw-500 tdl-none-h c-white" href="tel:+33450983551"> 04 50 98 35 51</a>
  10.                         </div>
  11.                     </div>
  12.                     <div class="col-auto d-flex align-items-center justify-content-end">
  13.                         <div class='col-auto pax-5  d-block align-items-center fs-12 mailNav'>
  14.                             <div class="d-flex navbar-rs align-items-center">
  15.                                 <i class="fa-light no-fa-mobile fa-envelope c-white mar-10 fs-16"></i>
  16.                                 <a class=" fw-500 tdl-none-h c-white" href="javascript:window.location.href = 'mailto:' + ['contact','dmdinox.com'].join('@')">  {{ "contact<!---->@<!---->dmdinox.com" }}</a>
  17.                             </div>
  18.                         </div>
  19.                         <div class=" max-5 ">
  20.                             <a data-toggle="modal" data-target="#searchModal" role="button"
  21.                                class="c-white c-white-h "
  22.                                >
  23.                                 <i class="fa fa-search"></i>
  25.                             </a>
  27.                         </div>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </div>
  33.     <div data-aos="fade-left" data-aos-easing="linear" data-aos-duration="700" class=" content-nav navbarMobile bgc-white he-85 position-relative   zi-999">
  34.         <a href="{{path('front_landing')}}" class="d-block">
  35.             {#        <img class='' src="{{ asset('assets/img/logo.png') | imagine_filter('small') }}" alt="Tribu - Logo" />#}
  36.             <img src="{{ asset('assets/img/logo.svg') }}" alt="DMD Inox" height="72" class="logo-nav position-absolute t-5 zi-99 l-15"/>
  37.         </a>
  38.         <div id="menuToggle" class="position-relative my-auto he-24 max-10 d-block d-lg-block">
  39.             <input type="checkbox" />
  40.             <span class="navTrigger">
  41.                 <i></i><i></i><i></i>
  42.             </span>
  43.             <div class=" baskerville linear-blue" id="menu">
  44.                 <nav class="navbar pl-1"  >
  45.                     <ul class="navbar-nav w-100 justify-content-between d-sm-flex align-items-center">
  46.                         <li class="nav-item dropdown">
  47.                             <a class="text-left c-244A90-h fw-500 c-1E2446 nav-link" href="#"
  48.                                id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  49.                                 {{ "base.all_products"|trans|raw }}
  50.                                 <i class="fas fa-chevron-down mal-7"></i>
  51.                             </a>
  52.                             <ul class="dropdown-menu  pay-5 mat-0" aria-labelledby="navbarDropdown4">
  53.                                 {% for key, category in getCategories() %}
  54.                                     <li class="dropdown-submenu-mobile pax-15  c-white c-orange-h">
  55.                                         <a href="#" role="button" class="pax-0 dropdown-item dropdown-item-link  fw-500 o-90 o-100-h c-inherit  fs-16" tabindex="-1"  {#href="{{ path('front_job', {'slug':job.slug}) }}"#}> <i class="fas fa-chevron-right max-5 w-auto fs-16" aria-hidden="true"></i>{{ category.title }}</a>
  56.                                         <ul class="dropdown-menu mat-0">
  57.                                             <li>
  58.                                                 <a class="dropdown-item c-white o-65 font-italic fw-700 c-3575f5-h o-100-h pay-5 "  href="{{ getProductUrl(null, true, category) }}" aria-hidden="true" >{{'navbar.link.category'|trans|raw }}</a>
  59.                                             </li>
  60.                                             {% for key, subCategory in getSubCategories(category) %}
  61.                                                 <li>
  62.                                                     <a class="dropdown-item c-white c-3575f5-h o-65 o-100-h pay-0 " href="{{ getProductUrl(null, true, null, subCategory) }}"><i class="fas fa-chevron-right max-5 w-auto fs-11" aria-hidden="true"></i>{{ subCategory.title }}</a>
  63.                                                 </li>
  64.                                             {% endfor %}
  65.                                         </ul>
  66.                                     </li>
  67.                                 {% endfor %}
  68.                             </ul>
  70.                         </li>
  71.                         {% for key, category in getCategories() %}
  72.                             <li class="nav-item max-5">
  73.                                 <a class="text-left c-244A90-h fw-500 c-1E2446 nav-link" href="{{ getProductUrl(null, true, category) }}">
  74.                                     {{ category.title }}
  75.                                 </a>
  76.                             </li>
  77.                         {% endfor %}
  78.                         {% for key, linkNav in getLinksNav() %}
  79.                             {% if linkNav is not iterable %}
  80.                                 <li class="nav-item max-5">
  81.                                     <a  class="text-left c-244A90-h fw-500 c-1E2446 nav-link" href="{{linkNav}}">
  82.                                         {{key}}
  83.                                     </a>
  84.                                 </li>
  85.                             {% else %}
  86.                                 <li class=" dropdown">
  87.                                     <a class="nav-link fw-500 pr-0 c-1E2446 c-244A90-h" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  88.                                         {{key}}
  89.                                         <i class="fas fa-chevron-down c-white mal-4 fs-12"></i>
  90.                                     </a>
  91.                                     <div class="dropdown-menu px-0 pay-16" aria-labelledby="navbarDropdown">
  92.                                         {% for subKey, subLink in linkNav %}
  93.                                             <a class="dropdown-item c-1E2446 c-244A90-h"  href="{{ subLink }}">
  94.                                                 {{ subKey }}
  95.                                             </a>
  96.                                         {% endfor %}
  97.                                     </div>
  98.                                 </li>
  99.                             {% endif %}
  100.                         {% endfor %}
  101.                     </ul>
  102.                 </nav>
  103.             </div>
  104.         </div>
  105.     </div>
  107. </div>
  108. <div class="modal fade pax-30" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="searchModalLabel"
  109.      aria-hidden="true">
  110.     <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
  111.         <div class="modal-content">
  113.             <div class="modal-body position-relative ">
  114.                 <button type="button"
  115.                         class="close position-absolute bgc-06303E c-white o-100 wi-30 fs-16 he-30 t--15 r--15 zi-999 br-20 pa-0"
  116.                         data-dismiss="modal" aria-label="Close">
  117.                     <i class="far fa-times" aria-hidden="true"></i>
  118.                 </button>
  119.                 <li class="nav-item mar-20 nav-search-li d-block">
  120.                     <form method="get" action="{{ path('front_navbar_search') }}">
  121.                         <div class="input-group">
  122.                             <div class="input-group-prepend">
  123.                                 <button class="input-group-text">
  124.                                     <i class="fa fa-search "></i>
  125.                                 </button>
  126.                             </div>
  127.                             {% set navSearchQuery = navSearchQuery|default %}
  128.                             <input type="text" name="nav-search" class="nav-link pax-10 pay-5 form-control"
  129.                                    value="{{ navSearchQuery }}"
  130.                                    placeholder="Recherchez...">
  131.                         </div>
  132.                     </form>
  133.                 </li>
  135.             </div>
  137.         </div>
  138.     </div>
  139. </div>