<div id="menuMobile" class="position-fixed bg-dark-grey" style="right:0;top:0;width:50%"> <div class="position-relative h-100"> <div class="menu-header"> <h2 class="grey-light">MENU</h2> <img src="{{ asset('img/icon-cross.svg') }}" id="crossMenu"> </div> <div class="menu-body" style="height:75%;"> <ul class="w-100 d-flex flex-column justify-content-around m-0 pl-4 h-100"> <li><div class="bg-gold"></div><a {% if blockMission is defined %} data-img="{{ asset(image_member_dir) ~ blockMission.image }}" {% endif %} data-context="vision" href="#scrollToMission" class="white mission_choice">{{ (app.request.locale == 'fr') ? 'Notre vision' : 'Our vision' }}</a></li> <li><div class="bg-gold"></div><a {% if blockMission is defined %} data-img="{{ asset(image_member_dir) ~ blockVision.image }}" {% endif %} data-context="mission" href="#scrollToMission" class="white mission_choice">{{ (app.request.locale == 'fr') ? 'Notre mission' : 'Our mission' }}</a></li> <li><div class="bg-gold"></div><a href="#groupBlock" class="white">{{ (app.request.locale == 'fr') ? 'Le groupe' : 'The group' }}</a></li> <li><div class="bg-gold"></div><a href="#teamBlock" class="white">{{ (app.request.locale == 'fr') ? 'L’équipe' : 'The team' }}</a></li> <li><div class="bg-gold"></div><a href="#mapBlock" class="white">{{ (app.request.locale == 'fr') ? 'Nos agences' : 'Our agencies' }}</a></li> <li><div class="bg-gold"></div><a href="#joinBlock" class="white">Jobs</a></li> </ul> </div> <div class="menu-footer bg-grey-light d-flex justify-content-around p-4 position-absolute w-100" style="bottom:0"> <a href="mailto:contact@tgl.lu" style="width:40px"><img src="{{ asset('img/icon-envelop.svg') }}" style="height:25px;"></a> <a target="_blank" href="https://www.linkedin.com/company/tgl-lu/about/" style="width:40px"><img src="{{ asset('img/icon-linkedin.svg') }}" style="height:25px;"></a> </div> </div></div>