{% trans_default_domain 'header' %}{% block header %} {% if app.request.get('_route') == 'app_homepage' %} <header class="home-header" data-controller="header"> {% else %} <header class="header" data-controller="header"> {% endif %} <div class="container-fluid"> <div class="row"> <div class="col-lg-5 socials"> <a href="https://www.linkedin.com/company/noocarb/" target="_blank" title="linkedin"><i class="fa-brands fa-linkedin-in"></i></a> <a href="https://www.youtube.com/@noocarb" target="_blank" title="youtube"><i class="fa-brands fa-youtube"></i></a> </div> <div class="col-lg-2 col-sm-12 div-logo"> <a href="{{ path('app_homepage')}}"> {% if app.request.get('_route') == 'app_homepage' %} <img class="logo" src="{{ asset('build/images/Logo_noocarb.svg') }}" alt="Noocarb" /> <img class="logo logo-grey" src="{{ asset('build/images/Logo_noocarb_grey.svg') }}" alt="Noocarb" /> {% else %} <img class="logo" src="{{ asset('build/images/Logo_noocarb_grey.svg') }}" alt="Noocarb" /> {% endif %} </a> </div> <div class="col-lg-5 links"> <div class="float-end"> <a href="{{path('app_actualite_list')}}" title="Actualités"><i data-feather="globe"></i> <span>Actualités</span></a> <a href="{{path('app_job_offer_list')}}" title="Recrutement"><i data-feather="users"></i> <span>Recrutement</span></a> <a href="{{path('app_contact_page_index')}}" title="Contact"><i data-feather="mail"></i> <span>Contact</span></a> </div> </div> </div> </div> <div class="container-fluid menu-top"> <nav class="menu-header navbar mx-auto navbar-expand-lg navbar-dark" aria-label="Offcanvas navbar large"> <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2" aria-controls="navbarSupportedContent" aria-controls="offcanvasNavbar2"> <span class="navbar-toggler-icon"></span> </button> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar2" aria-labelledby="offcanvasNavbar2Label"> <div class="offcanvas-header"> <button type="button" class="btn-close btn-close-dark" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <ul class="navbar-nav text-center my-3"> <li class="nav-item"> <a class="nav-link" aria-current="page" href="{{path('app_homepage')}}">Accueil</a> </li> <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Expertises </a> <ul class="dropdown-menu slideIn w-100 mt-0" aria-labelledby="navbarDropdown"> <div class="row"> <div class="col-lg-3 first-col-menu"> <div class="expertises-menu expertises-public-menu active"> <p class="uppercase-menu">Expertises</p> <p class="title-blue-menu">Secteur public</p> </div> <div class="expertises-menu expertises-prive-menu"> <p class="uppercase-menu">Expertises</p> <p class="title-blue-menu">Secteur privé</p> </div> </div> <div class="col-lg-4 second-col-menu"> <ul class="exp-public-menu"> <p class="d-block-lg display-none title-expertise-menu">Expertises publiques</p> {% set expertisesPublic = getExpertisesPublic() %} {% for expertisePublic in expertisesPublic %} <li><a href="{{ path('app_expertise_public_show', {'slug': expertisePublic.slug}) }}" title="{{expertisePublic.name}}">{{expertisePublic.name}}</a></li> {% endfor %} </ul> <ul class="exp-prive-menu"> <p class="d-block-lg display-none title-expertise-menu">Expertises privées</p> {% set expertisesPrive = getExpertisesPrive() %} {% for expertisePrive in expertisesPrive %} <li><a href="{{ path('app_expertise_prive_show', {'slug': expertisePrive.slug}) }}" title="{{expertisePrive.name}}">{{expertisePrive.name}}</a></li> {% endfor %} </ul> </div> <div class="col-lg-5 third-col-menu"> <div class="solution-public-menu"> <p class="italic">Quelques références</p> {% set referencesPublic = getReferencesPublic() %} <div class="swiper slider-menu-ref"> <div class="swiper-wrapper"> {% for referencePublic in referencesPublic %} <div class="swiper-slide" data-link> <div class="row"> <div class="col-xxl-3 col-4"> {% if referencePublic.logoName %} <div class="d-flex align-items-center justify-content-center"> {% set logoPath = vich_uploader_asset(referencePublic, 'logoFile') %} {% set logoExt = logoPath|split('.')|last|lower %} {% set isSvg = logoExt == 'svg' %} <picture class="logo-slider-menu"> {% if not isSvg %} <source type="image/webp" srcset="{{ asset(logoPath) | imagine_filter('header_reference_logo_webp') }}"> <img src="{{ asset(logoPath) | imagine_filter('header_reference_logo') }}" alt="{{ referencePublic.logoAlt }}" /> {% else %} <img src="{{ asset(logoPath) }}" alt="{{ referencePublic.logoAlt }}" /> {% endif %} </picture> <picture> <source type="image/webp" srcset="{{ asset(vich_uploader_asset(referencePublic, 'coverFile'))| imagine_filter('header_reference_webp') }}"> <img class="img-slider-menu" src="{{ asset(vich_uploader_asset(referencePublic, 'coverFile'))| imagine_filter('header_reference') }}" alt="{{ referencePublic.coverAlt }}"/> </picture> </div> {% else %} <picture> <source type="image/webp" srcset="{{ asset(vich_uploader_asset(referencePublic, 'coverFile'))| imagine_filter('header_reference_webp') }}"> <img class="img-slider-menu" src="{{ asset(vich_uploader_asset(referencePublic, 'coverFile'))| imagine_filter('header_reference') }}" alt="{{ referencePublic.coverAlt }}"/> </picture> {% endif %} </div> <div class="col-xxl-9 col-8"> <a href="{{ path('app_reference_public_show', {'slug': referencePublic.slug}) }}">{{referencePublic.title}}</a> <p class="ville">{{ referencePublic.city.title }}</p> </div> </div> </div> {% endfor %} </div> <div class="swiper-pagination"></div> </div> </div> <div class="solution-prive-menu"> <p class="italic">Quelques références</p> {% set referencesPrive = getReferencesPrive() %} <div class="swiper slider-menu-ref"> <div class="swiper-wrapper"> {% for referencePrive in referencesPrive %} <div class="swiper-slide" data-link> <div class="row"> <div class="col-xxl-3 col-4"> {% if referencePrive.logoName %} <div class="d-flex align-items-center justify-content-center"> {% set logoPath = vich_uploader_asset(referencePrive, 'logoFile') %} {% set logoExt = logoPath|split('.')|last|lower %} {% set isSvg = logoExt == 'svg' %} <picture class="logo-slider-menu"> {% if not isSvg %} <source type="image/webp" srcset="{{ asset(logoPath) | imagine_filter('header_reference_logo_webp') }}"> <img src="{{ asset(logoPath) | imagine_filter('header_reference_logo') }}" alt="{{ referencePrive.logoAlt }}" /> {% else %} <img src="{{ asset(logoPath) }}" alt="{{ referencePrive.logoAlt }}" /> {% endif %} </picture> <picture> <source type="image/webp" srcset="{{ asset(vich_uploader_asset(referencePrive, 'coverFile'))| imagine_filter('header_reference_webp') }}"> <img class="img-slider-menu" src="{{ asset(vich_uploader_asset(referencePrive, 'coverFile'))| imagine_filter('header_reference') }}" alt="{{ referencePrive.coverAlt }}"/> </picture> </div> {% else %} <picture> <source type="image/webp" srcset="{{ asset(vich_uploader_asset(referencePrive, 'coverFile'))| imagine_filter('header_reference_webp') }}"> <img class="img-slider-menu" src="{{ asset(vich_uploader_asset(referencePrive, 'coverFile'))| imagine_filter('header_reference') }}" alt="{{ referencePrive.coverAlt }}"/> </picture> {% endif %} </div> <div class="col-xxl-9 col-8"> <a href="{{ path('app_reference_prive_show', {'slug': referencePrive.slug}) }}">{{referencePrive.title}}</a> <p class="ville">{{ referencePrive.city.title }}</p> </div> </div> </div> {% endfor %} </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Solutions </a> <ul class="dropdown-menu little-dropdown slideIn mt-0" aria-labelledby="navbarDropdown"> {% set solutions = getSolutions() %} {% for solution in solutions %} <li><a class="dropdown-item" href="{{ path('app_solution_show', {'slug': solution.slug}) }}">{{solution.name}}</a></li> {% endfor %} </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Références </a> <ul class="dropdown-menu little-dropdown slideIn mt-0" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="{{path('app_reference_public_index')}}">Secteur public</a></li> <li><a class="dropdown-item" href="{{path('app_reference_prive_index')}}">Secteur privé</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Qui sommes-nous? </a> <ul class="dropdown-menu little-dropdown slideIn mt-0" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="{{path('app_presentation_index')}}">Présentation</a></li> <li><a class="dropdown-item" href="{{path('app_valeurs_engagements_index')}}">Valeurs & engagements</a></li> <li><a class="dropdown-item" href="{{path('app_team_index')}}">L’Équipe</a></li> </ul> </li> <div class="d-block-lg display-none"> <li class="nav-item"> <a class="nav-link" aria-current="page" href="{{path('app_actualite_list')}}">Actualités</a> </li> <li class="nav-item"> <a class="nav-link" aria-current="page" href="{{path('app_job_offer_list')}}">Recrutement</a> </li> <li class="nav-item"> <a class="nav-link" aria-current="page" href="{{path('app_contact_page_index')}}">Contact</a> </li> </div> </ul> </div> </div> </nav> </div> {% if app.request.attributes.get('_route') == 'app_expertise_page_index' or app.request.attributes.get('_route') == 'app_expertise_public_show' or app.request.attributes.get('_route') == 'app_expertise_prive_show' or app.request.attributes.get('_route') == 'app_solution_page_index' or app.request.attributes.get('_route') == 'app_solution_show' %} <a id="go-to-contact" href="{{ path('app_contact_page_index') }}"></a> {% endif %} </header>{% endblock %}<div id="cursor" class="cursor"> <span class="slider"><i class="fa-solid fa-angle-left"></i> <i class="fa-solid fa-angle-right"></i></span> <div class="go">Voir</div></div>