{% trans_default_domain 'menu' %}
<nav class="main w-100 h-100 position-fixed bg-dark pt-3 pb-5">
<div class="container-fluid position-relative">
<a href="" class="toggleNav white position-absolute pl-3">
<img src="{{ asset('images/front/alliance-reseaux/times.svg') }}"
class="img-fluid" width="16" height="16" />
</a>
<div class="row d-block d-lg-none">
<div class="col-12 text-center d-inline-block">
<a href="{{ url('front_home') }}">
<img src="{{ asset('images/front/header/logo-home.svg') }}"
class="img-fluid logoMobile" alt="Alpes Isère"
title="Alpes Isère"/>
</a>
</div>
</div>
<div class="row">
<div class="container">
<div class="row">
<div class="col-12 pt-5">
<div class="row">
<div class="col-10 offset-1 col-lg-3 offset-lg-1 experiences">
<ul>
<li>{{ 'experience.title'|trans }}</li>
{% if getTypologies() %}
{% for typology in getTypologies() %}
{# @var typology \App\Entity\Typology #}
<li><a href="{{ path('catalog',{'typology': typology.slug }) }}">{{ typology.label }}</a></li>
{% endfor %}
<li><a href="{{ path('catalog',{'typology': constant('App\\Constant\\SlugConstants::ALL_EXPERIENCES') }) }}">{{ 'experience.all'|trans }}</a></li>
{% endif %}
</ul>
</div>
<div class="w-100 d-block d-lg-none"></div>
<div class="col-10 offset-1 col-sm-6 col-lg-3 offset-lg-1 pages pt-5 pt-lg-0">
<ul>
<li><a href="{{ path('magazine') }}">{{ 'magazine'|trans }}</a></li>
{% if getPages() %}
{% for page in getPages() %}
{# @var page \App\Entity\Page #}
<li><a href="{{ path('page',{'slug': page.slug }) }}">{{ page.title }}</a></li>
{% endfor %}
{% endif %}
<li><a href="{{ path('contact') }}">{{ 'contact'|trans }}</a></li>
</ul>
</div>
<div class="col-12 col-lg-2 offset-lg-1 d-none d-lg-block">
<ul>
<li>
<a href="{{ url('front_home') }}">
<img src="{{ asset('images/front/header/logo-home.svg') }}"
class="img-fluid" alt="Alpes Isère"
title="Alpes Isère"/>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>