{% set categories = twig_service.getCategoriesMenu() %}<header class="bg-black-dark"> <div class="container-header"> <div class="menu"> <a href="{{ path('front_home') }}"> <img src="{{ asset('img/mauroservice-logo.svg') }}" alt="Mauroservice"> </a> <ul> <li class="position-relative"><a href="{{ path('front_home') }}">About Us</a></li> <li class="main-link position-relative"> <a href="#">Products <br>& Services</a> <ul class="sub-menu position-fixed"> {% for category in categories %} <li class="title" style="color:{{ category.color }};">{{ category.name }}</li> {% for subcategory in category.subCategories %} <li><a href="{{ path('front_product_list', {'category_slug' : category.slug, 'subcategory_slug': subcategory.slug}) }}" class="sub-link">{{ subcategory.name }}</a></li> {% endfor %} {% endfor %} </ul> </li> <li class="position-relative"><a href="{{ path('front_about') }}">About Us</a></li> <li class="position-relative"><a href="#">Environmental <br>Concerned</a></li> <li class="position-relative"><a href="{{ path('front_post_list') }}">News</a></li> <li class="position-relative"><a href="{{ path('front_contact') }}">Contact <br>Us</a></li> </ul> </div> <div class="social"> <ul> <li><a href=""><img src="{{ asset('img/social/instagram.svg') }}" alt="Instagram"></a></li> <li><a href=""><img src="{{ asset('img/social/facebook.svg') }}" alt="Facebook"></a></li> <li><a href=""><img src="{{ asset('img/social/youtube.svg') }}" alt="Youtube"></a></li> <li><a href=""><img src="{{ asset('img/social/linkedin.svg') }}" alt="Linkedin"></a></li> </ul> </div> </div></header>