templates/entreprise/menu_principal.html.twig line 1

Open in your IDE?
  1.             {# Departments menu #}
  2.             
  3.                   <hr class="pb-4">
  4.               <ul class="navbar-nav mega-nav pr-lg-2 mr-lg-2">
  5.                  {% for category in categories %}
  6.                     {% if loop.index <= 8 %}
  7.                     <li class="nav-item dropdown"><a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown">{{ category.nom }}</a>
  8.                       {% if category.subcategories is not empty %}
  9.                       <ul class="dropdown-menu">
  10.                       {% for subcategory in category.subcategories %} 
  11.                         <li class=""><a class="dropdown-item " href="{{ path('product_by_sub_category', {'slug':subcategory.slug}) }}" data-toggle="dropdown"><i class="{{ category.icon }} opacity-60 font-size-lg mt-n1 mr-2"></i>{{ subcategory.nom }}</a>
  12.                          
  13.                         </li>
  14.                         {% endfor %}
  15.                       </ul>
  16.                       {% endif %}
  17.                     </li>
  18.                     {% endif %}
  19.                 {% endfor %}
  20.                 <li class="nav-item"><a class="nav-link pl-0" href="{{ path('all_categories') }}">Autres</a>
  21.                       
  22.               </ul>              
  23.                             
  24.               {#
  25.             <!-- Departments menu-->
  26.               <ul class="navbar-nav mega-nav pr-lg-2 mr-lg-2">
  27.                 <li class="nav-item dropdown"><a class="nav-link dropdown-toggle pl-0" href="#" data-toggle="dropdown"><i class="czi-menu align-middle mt-n1 mr-2"></i>Departments</a>
  28.                   <ul class="dropdown-menu">
  29.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-laptop opacity-60 font-size-lg mt-n1 mr-2"></i>Computers &amp; Accessories</a>
  30.                       <div class="dropdown-menu p-0">
  31.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  32.                           <div class="mega-dropdown-column py-4 px-3">
  33.                             <div class="widget widget-links">
  34.                               <h6 class="font-size-base mb-3">Computers</h6>
  35.                               <ul class="widget-list">
  36.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Laptops &amp; Tablets</a></li>
  37.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Desktop Computers</a></li>
  38.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Computer External Components</a></li>
  39.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Computer Internal Components</a></li>
  40.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Networking Products (NAS)</a></li>
  41.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Single Board Computers</a></li>
  42.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Desktop Barebones</a></li>
  43.                               </ul>
  44.                             </div>
  45.                           </div>
  46.                           <div class="mega-dropdown-column py-4 px-3">
  47.                             <div class="widget widget-links">
  48.                               <h6 class="font-size-base mb-3">Accessories</h6>
  49.                               <ul class="widget-list">
  50.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Monitors</a></li>
  51.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bags, Cases &amp; Sleeves</a></li>
  52.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Batteries</a></li>
  53.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Charges &amp; Adapters</a></li>
  54.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cooling Pads</a></li>
  55.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mounts</a></li>
  56.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Replacement Screens</a></li>
  57.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Security Locks</a></li>
  58.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Stands</a></li>
  59.                               </ul>
  60.                             </div>
  61.                           </div>
  62.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/07.jpg" alt="Computers & Accessories"/></a>
  63.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$149.<small>80</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  64.                           </div>
  65.                         </div>
  66.                       </div>
  67.                     </li>
  68.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-mobile opacity-60 font-size-lg mt-n1 mr-2"></i>Smartphones &amp; Tablets</a>
  69.                       <div class="dropdown-menu p-0">
  70.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  71.                           <div class="mega-dropdown-column py-4 px-3">
  72.                             <div class="widget widget-links mb-3">
  73.                               <h6 class="font-size-base mb-3">Smartphones</h6>
  74.                               <ul class="widget-list">
  75.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Apple iPhone</a></li>
  76.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Android Smartphones</a></li>
  77.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Phablets</a></li>
  78.                               </ul>
  79.                             </div>
  80.                             <div class="widget widget-links">
  81.                               <h6 class="font-size-base">Tablets</h6>
  82.                               <ul class="widget-list">
  83.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Apple iPad</a></li>
  84.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Android Tablets</a></li>
  85.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Tablets with Keyboard</a></li>
  86.                               </ul>
  87.                             </div>
  88.                           </div>
  89.                           <div class="mega-dropdown-column py-4 px-3">
  90.                             <div class="widget widget-links">
  91.                               <h6 class="font-size-base mb-3">Accessories</h6>
  92.                               <ul class="widget-list">
  93.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Accessory Kits</a></li>
  94.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Batteries &amp; Battery Packs</a></li>
  95.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cables</a></li>
  96.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Car Accessories</a></li>
  97.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Charges &amp; Power Adapters</a></li>
  98.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">FM Transmitters</a></li>
  99.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Lens Attachments</a></li>
  100.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mounts &amp; Stands</a></li>
  101.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Repair Kits</a></li>
  102.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Replacement Parts</a></li>
  103.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Styluses</a></li>
  104.                               </ul>
  105.                             </div>
  106.                           </div>
  107.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/09.jpg" alt="Smartphones & Tablets"/></a>
  108.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$127.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  109.                           </div>
  110.                         </div>
  111.                       </div>
  112.                     </li>
  113.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-monitor opacity-60 font-size-lg mt-n1 mr-2"></i>TV, Video &amp; Audio</a>
  114.                       <div class="dropdown-menu p-0">
  115.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  116.                           <div class="mega-dropdown-column py-4 px-3">
  117.                             <div class="widget widget-links">
  118.                               <h6 class="font-size-base mb-3">Television &amp; Video</h6>
  119.                               <ul class="widget-list">
  120.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">TV Sets</a></li>
  121.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Theater Systems</a></li>
  122.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DVD Players &amp; Recorders</a></li>
  123.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Blue-ray Players &amp; Recorders</a></li>
  124.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">HD DVD Players &amp; Recorders</a></li>
  125.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DVD-VCR Combos</a></li>
  126.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DTV Converters</a></li>
  127.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">AV Receivers</a></li>
  128.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">AV Amplifiers</a></li>
  129.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Projectors</a></li>
  130.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Projection Screens</a></li>
  131.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Satelite Television</a></li>
  132.                               </ul>
  133.                             </div>
  134.                           </div>
  135.                           <div class="mega-dropdown-column py-4 px-3">
  136.                             <div class="widget widget-links">
  137.                               <ul class="widget-list">
  138.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">TV-DTD Combos</a></li>
  139.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sound Systems</a></li>
  140.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Cinema Systems</a></li>
  141.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Streaming Media Players</a></li>
  142.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">VCRs</a></li>
  143.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Video Glasses</a></li>
  144.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Lens Attachments</a></li>
  145.                               </ul>
  146.                             </div>
  147.                           </div>
  148.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/08.jpg" alt="TV, Video & Audio"/></a>
  149.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$78.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  150.                           </div>
  151.                         </div>
  152.                       </div>
  153.                     </li>
  154.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-camera opacity-60 font-size-lg mt-n1 mr-2"></i>Cameras, Photo &amp; Video</a>
  155.                       <div class="dropdown-menu p-0">
  156.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  157.                           <div class="mega-dropdown-column py-4 px-3">
  158.                             <div class="widget widget-links">
  159.                               <h6 class="font-size-base mb-3">Cameras &amp; Lenses</h6>
  160.                               <ul class="widget-list">
  161.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Point &amp; Shoot Digital Cameras</a></li>
  162.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">DSLR Cameras</a></li>
  163.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mirrorless Cameras</a></li>
  164.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Body Mounted Cameras</a></li>
  165.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camcorders</a></li>
  166.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camcorder Lenses</a></li>
  167.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camera Lenses</a></li>
  168.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Macro &amp; Ringlight Flashes</a></li>
  169.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Shoe Mount Flashes</a></li>
  170.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Tripods &amp; Monopods</a></li>
  171.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Video Studio</a></li>
  172.                               </ul>
  173.                             </div>
  174.                           </div>
  175.                           <div class="mega-dropdown-column py-4 px-3">
  176.                             <div class="widget widget-links">
  177.                               <h6 class="font-size-base mb-3">Accessories</h6>
  178.                               <ul class="widget-list">
  179.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bags &amp; Cases</a></li>
  180.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Binoculars &amp; Scopes</a></li>
  181.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Batteries &amp; Chargers</a></li>
  182.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cables &amp; Cords</a></li>
  183.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Camcorder Accessories</a></li>
  184.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cleaning Equipment</a></li>
  185.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Protector Foils</a></li>
  186.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Filters &amp; Accessories</a></li>
  187.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Remote Controls</a></li>
  188.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Rain Covers</a></li>
  189.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Viewfinders</a></li>
  190.                               </ul>
  191.                             </div>
  192.                           </div>
  193.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/10.jpg" alt="Cameras, Photo & Video"/></a>
  194.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$210.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  195.                           </div>
  196.                         </div>
  197.                       </div>
  198.                     </li>
  199.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-earphones opacity-60 font-size-lg mt-n1 mr-2"></i>Headphones</a>
  200.                       <div class="dropdown-menu p-0">
  201.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  202.                           <div class="mega-dropdown-column py-4 px-3">
  203.                             <div class="widget widget-links">
  204.                               <h6 class="font-size-base mb-3">Headphones</h6>
  205.                               <ul class="widget-list">
  206.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Earbud Headphones</a></li>
  207.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Over-Ear Headphones</a></li>
  208.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">On-Ear Headphones</a></li>
  209.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bluetooth Headphones</a></li>
  210.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sports &amp; Fitness Headphones</a></li>
  211.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Noise-Cancelling Headphones</a></li>
  212.                               </ul>
  213.                             </div>
  214.                           </div>
  215.                           <div class="mega-dropdown-column py-4 px-3">
  216.                             <div class="widget widget-links">
  217.                               <h6 class="font-size-base mb-3">Accessories</h6>
  218.                               <ul class="widget-list">
  219.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cases &amp; Sleeves</a></li>
  220.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cables &amp; Cords</a></li>
  221.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Ear Pads</a></li>
  222.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Repair Kits</a></li>
  223.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Cleaning Equipment</a></li>
  224.                               </ul>
  225.                             </div>
  226.                           </div>
  227.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/11.jpg" alt="Headphones"/></a>
  228.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$35.<small>99</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  229.                           </div>
  230.                         </div>
  231.                       </div>
  232.                     </li>
  233.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-watch opacity-60 font-size-lg mt-n1 mr-2"></i>Wearable Electronics</a>
  234.                       <div class="dropdown-menu p-0">
  235.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  236.                           <div class="mega-dropdown-column py-4 px-3">
  237.                             <div class="widget widget-links">
  238.                               <h6 class="font-size-base mb-3">Gadgets</h6>
  239.                               <ul class="widget-list">
  240.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Smartwatches</a></li>
  241.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Fitness Trackers</a></li>
  242.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Smart Glasses</a></li>
  243.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Rings</a></li>
  244.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Virtual Reality</a></li>
  245.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Clips, Arm &amp; Wristbands</a></li>
  246.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Accessories</a></li>
  247.                               </ul>
  248.                             </div>
  249.                           </div>
  250.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/12.jpg" alt="Wearable Electronics"/></a>
  251.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$79.<small>50</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  252.                           </div>
  253.                         </div>
  254.                       </div>
  255.                     </li>
  256.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-printer opacity-60 font-size-lg mt-n1 mr-2"></i>Printers &amp; Ink</a>
  257.                       <div class="dropdown-menu p-0">
  258.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  259.                           <div class="mega-dropdown-column py-4 px-3">
  260.                             <div class="widget widget-links mb-3">
  261.                               <h6 class="font-size-base mb-3">By type</h6>
  262.                               <ul class="widget-list">
  263.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">All-in-One</a></li>
  264.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Copying</a></li>
  265.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Faxing</a></li>
  266.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Photo Printing</a></li>
  267.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Printing Only</a></li>
  268.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Scanning</a></li>
  269.                               </ul>
  270.                             </div>
  271.                             <div class="widget widget-links">
  272.                               <h6 class="font-size-base mb-3">Scanners</h6>
  273.                               <ul class="widget-list">
  274.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Business Card Scanners</a></li>
  275.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Document Scanners</a></li>
  276.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Flatbed &amp; Photo Scanners</a></li>
  277.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Slide &amp; Negative Scanners</a></li>
  278.                               </ul>
  279.                             </div>
  280.                           </div>
  281.                           <div class="mega-dropdown-column py-4 px-3">
  282.                             <div class="widget widget-links">
  283.                               <h6 class="font-size-base">Printers</h6>
  284.                               <ul class="widget-list">
  285.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Dot Matrix Printers</a></li>
  286.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Inkjet Printers</a></li>
  287.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Label Printers</a></li>
  288.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Laser Printers</a></li>
  289.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Photo Printers</a></li>
  290.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wide Format Printers</a></li>
  291.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Plotter Printers</a></li>
  292.                               </ul>
  293.                             </div>
  294.                           </div>
  295.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/13.jpg" alt="Printers & Ink"/></a>
  296.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$54.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  297.                           </div>
  298.                         </div>
  299.                       </div>
  300.                     </li>
  301.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-joystick opacity-60 font-size-lg mt-n1 mr-2"></i>Video Games</a>
  302.                       <div class="dropdown-menu p-0">
  303.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  304.                           <div class="mega-dropdown-column py-4 px-3">
  305.                             <div class="widget widget-links">
  306.                               <h6 class="font-size-base mb-3">Games &amp; Hardware</h6>
  307.                               <ul class="widget-list">
  308.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Video Games</a></li>
  309.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PlayStation 4</a></li>
  310.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PlayStation 3</a></li>
  311.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Xbox One</a></li>
  312.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Xbox 360</a></li>
  313.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nintendo Switch</a></li>
  314.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wii U</a></li>
  315.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wii</a></li>
  316.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PC</a></li>
  317.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Mac</a></li>
  318.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nintendo 3DS &amp; 2DS</a></li>
  319.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Nintendo DS</a></li>
  320.                               </ul>
  321.                             </div>
  322.                           </div>
  323.                           <div class="mega-dropdown-column py-4 px-3">
  324.                             <div class="widget widget-links">
  325.                               <ul class="widget-list">
  326.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">PlayStation Vita</a></li>
  327.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sony PSP</a></li>
  328.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Retro Gaming</a></li>
  329.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Microconsoles</a></li>
  330.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Accessories</a></li>
  331.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Digital Games</a></li>
  332.                               </ul>
  333.                             </div>
  334.                           </div>
  335.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/14.jpg" alt="Video Games"/></a>
  336.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$19.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  337.                           </div>
  338.                         </div>
  339.                       </div>
  340.                     </li>
  341.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-speaker opacity-60 font-size-lg mt-n1 mr-2"></i>Speakers &amp; Home Music</a>
  342.                       <div class="dropdown-menu p-0">
  343.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  344.                           <div class="mega-dropdown-column py-4 px-3">
  345.                             <div class="widget widget-links">
  346.                               <h6 class="font-size-base mb-3">Speakers</h6>
  347.                               <ul class="widget-list">
  348.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bluetooth Speakers</a></li>
  349.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Bookshelf Speakers</a></li>
  350.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Ceiling &amp; In-Wall Speakers</a></li>
  351.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Center-Channel Speakers</a></li>
  352.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Floorstanding Speakers</a></li>
  353.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Outdoor Speakers</a></li>
  354.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Satellite Speakers</a></li>
  355.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Sound Bars</a></li>
  356.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Subwoofers</a></li>
  357.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Surround Sound Systems</a></li>
  358.                               </ul>
  359.                             </div>
  360.                           </div>
  361.                           <div class="mega-dropdown-column py-4 px-3">
  362.                             <div class="widget widget-links">
  363.                               <h6 class="font-size-base mb-3">Home Audio</h6>
  364.                               <ul class="widget-list">
  365.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Theater</a></li>
  366.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Wireless &amp; Streaming Audio</a></li>
  367.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Stereo System Components</a></li>
  368.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Compact Radios &amp; Stereos</a></li>
  369.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Home Audio Accessories</a></li>
  370.                               </ul>
  371.                             </div>
  372.                           </div>
  373.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/16.jpg" alt="Speakers & Home Music"/></a>
  374.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$43.<small>00</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  375.                           </div>
  376.                         </div>
  377.                       </div>
  378.                     </li>
  379.                     <li class="dropdown mega-dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-toggle="dropdown"><i class="czi-server opacity-60 font-size-lg mt-n1 mr-2"></i>HDD/SSD Data Storage</a>
  380.                       <div class="dropdown-menu p-0">
  381.                         <div class="d-flex flex-wrap flex-md-nowrap px-2">
  382.                           <div class="mega-dropdown-column py-4 px-3">
  383.                             <div class="widget widget-links">
  384.                               <h6 class="font-size-base mb-3">Data Storage</h6>
  385.                               <ul class="widget-list">
  386.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">External Hard Drives</a></li>
  387.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">External Solid State Drives</a></li>
  388.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">External Zip Drives</a></li>
  389.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Floppy &amp; Tape Drives</a></li>
  390.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Internal Hard Drives</a></li>
  391.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Internal Solid State Drives</a></li>
  392.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">Network Attached Storage</a></li>
  393.                                 <li class="widget-list-item pb-1"><a class="widget-list-link" href="#">USB Flash Drives</a></li>
  394.                               </ul>
  395.                             </div>
  396.                           </div>
  397.                           <div class="mega-dropdown-column d-none d-lg-block py-4 text-center"><a class="d-block mb-2" href="#"><img src="img/shop/departments/15.jpg" alt="HDD/SSD Data Storage"/></a>
  398.                             <div class="font-size-sm mb-3">Starting from <span class='font-weight-medium'>$21.<small>60</small></span></div><a class="btn btn-primary btn-shadow btn-sm" href="#">See offers<i class="czi-arrow-right font-size-xs ml-1"></i></a>
  399.                           </div>
  400.                         </div>
  401.                       </div>
  402.                     </li>
  403.                   </ul>
  404.                 </li>
  405.               </ul>#}