<header id="Header" class="header wf-section">
<div class="main-container">
<div class="header-container">
<div class="header-flex">
<address class="header-contact-details-container unl-margin">
<div class="phone-number-container">
<div class="phone-number">
<a href="tel:+41215565252" class="header-phone-link w-inline-block">
<div class="header-image-container">
<img src="/images/themes/6148a794ba4f520e3ca3cad1_phone.svg" loading="lazy" alt="">
</div>
<div class="h7-hind">
+41 21 556 52 52
</div>
</a>
</div>
</div>
</address>
<aside class="erase header-social-media-icon-container">
<a href="#" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a79661bd5d8ee57f9320_facebook.svg" loading="lazy" alt="facebook-icon
">
</div>
</a>
<a href="#" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a79683e5c47e086e68b2_twitter.svg" loading="lazy" alt="twitter-icon
">
</div>
</a>
<a href="#" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a795f3644861a0e3d860_linked-in.svg" loading="lazy" alt="linked-in-icon
">
</div>
</a>
<a href="#" class="w-inline-block">
<div class="header-social-image-container resize">
<img src="/images/themes/6148a7957fe8e76bc600c51f_gplus.svg" loading="lazy" alt="google+ icon">
</div>
</a>
<a href="#" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a7955bc7f4373f3d2475_instagram.svg" loading="lazy" alt="instagram-icon
">
</div>
</a>
<a href="#" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a795c75188c425921de9_skype.svg" loading="lazy" alt="skype icon
">
</div>
</a>
</aside>
</div>
</div>
</div>
</header>
<div data-animation="over-right" class="navbar-white w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" data-w-id="8aa8e285-fe66-c764-4206-0ebbbac0c7f3" role="banner" data-duration="0" id="navbar">
<div class="main-container">
<div class="nav-container">
<a href="" aria-current="page" class="hidden-xs hidden-sm height-80 w-nav-brand w--current" aria-label="home">
<img src="{{ asset('images/logos/logo_white.png') }}" loading="lazy" alt="Startflow logo" width="auto" height="100%" style="
max-width: initial;
width: auto;
">
</a>
<nav role="navigation" class="nav-menu w-nav-menu" style="transform: translateX(0px) translateY(0px);">
<div class="all-nav-links-container">
<div class="nav-menu-container">
<a href="" aria-current="page" class="nav-menu-logo-container w-inline-block w--current">
<img src="{{ asset('images/logos/logo.png') }}" loading="lazy">
</a>
<div class="nav-link-container">
<a href="{{ path('home') }}" aria-current="page" class="nav-link-white w-nav-link">
Accueil
</a>
<a href="{{ path('about-us') }}" class="nav-link-white w-nav-link">
Nous connaitre
</a>
<div class="catMenuDesk link nav-link-white w-nav-link">
Nos services
<div class="hoverMenuDesk">
<a href="/" class="width-max-content nav-link w-nav-link">
Panneau photovoltaïque
</a>
<a href="{{ path('heat-pump') }}" class="width-max-content nav-link w-nav-link">
Pompe à chaleur
</a>
<a href="{{ path('electrical-terminal') }}" class="width-max-content nav-link w-nav-link">
Borne électrique
</a>
</div>
</div>
<a href="{{ path('realisation') }}" class="nav-link-white w-nav-link">
Réalisations
</a>
<a href="{{ path('career') }}" class="nav-link-white w-nav-link">
Nous rejoindre
</a>
<a href="{{ path('devis') }}" class="nav-link-white w-nav-link">
Étude
</a>
<aside class="erase nav-menu-social-media-icon-container">
<aside class="header-social-media-icon-container mobile">
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a79661bd5d8ee57f9320_facebook.svg" loading="lazy" alt="facebook-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a79683e5c47e086e68b2_twitter.svg" loading="lazy" alt="twitter-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a795f3644861a0e3d860_linked-in.svg" loading="lazy" alt="linked-in-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container resize">
<img src="/images/themes/6148a7957fe8e76bc600c51f_gplus.svg" loading="lazy" alt="google+ icon">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a7955bc7f4373f3d2475_instagram.svg" loading="lazy" alt="instagram-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a795c75188c425921de9_skype.svg" loading="lazy" alt="skype icon
">
</div>
</a>
</aside>
</aside>
</div>
<div class="search---nav-button-container">
<div class="nav-button-container">
<a href="{{ path('contact') }}" class="nav-button-white w-button">
Nous contacter
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="menu-button w-nav-button" style="-webkit-user-select: text;" aria-label="menu" role="button" tabindex="0" aria-controls="w-nav-overlay-0" aria-haspopup="menu" aria-expanded="false">
<img src="/images/themes/61231c4362dde02a16d2bd5f_icons8-menu-white.svg" loading="lazy" alt="menu-icon
" class="open-menu" style="display: block;">
<img src="/images/themes/6120f8b352b92702abff4c4d_icons8-delete white.svg" loading="lazy" alt=" close menu icon" class="close-menu" style="display: none;">
</div>
</div>
</div>
<div class="w-nav-overlay" data-wf-ignore="" id="w-nav-overlay-0" style="height: 12759.1px;"></div>
</div>
<div data-animation="over-right" class="navbar-white-fixed w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" data-w-id="a1698ba3-d86a-e73c-be25-dfab378a1b95" role="banner" data-no-scroll="1" data-duration="0" id="navbar" data-doc-height="1" style="will-change: transform; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
<div class="main-container">
<div class="fixed-nav-container">
<a href="" aria-current="page" class="brand w-nav-brand w--current" aria-label="home">
<img src="{{ asset('images/logos/logo.png') }}" loading="lazy" alt="logo home performance" style="min-width: initial;max-width: initial;width: initial;">
</a>
<nav role="navigation" class="nav-menu w-nav-menu">
<div class="all-nav-links-container">
<div class="nav-menu-container">
<div class="nav-menu-logo-container">
<img src="{{ asset('images/logos/logo.png') }}" loading="lazy" alt="logo home performance">
</div>
<div class="nav-link-container">
<a href="{{ path('home') }}" aria-current="page" class="nav-link w-nav-link w--current">
Accueil
</a>
<a href="{{ path('about-us') }}" class="nav-link w-nav-link">
Nous connaître
</a>
<div class="catMenuDesk link nav-link w-nav-link">
Nos services
<div class="hoverMenuDesk">
<a href="/" class="width-max-content nav-link w-nav-link">
Panneau photovoltaïque
</a>
<a href="{{ path('heat-pump') }}" class="width-max-content nav-link w-nav-link">
Pompe à chaleur
</a>
<a href="{{ path('electrical-terminal') }}" class="width-max-content nav-link w-nav-link">
Borne électrique
</a>
</div>
</div>
<a href="{{ path('realisation') }}" class="nav-link w-nav-link">
Réalisations
</a>
<a href="{{ path('career') }}" class="nav-link w-nav-link">
Nous rejoindre
</a>
<a href="{{ path('devis') }}" class="nav-link w-nav-link">
Étude
</a>
<aside class="nav-menu-social-media-icon-container">
<aside class="header-social-media-icon-container">
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a79661bd5d8ee57f9320_facebook.svg" loading="lazy" alt="facebook-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a79683e5c47e086e68b2_twitter.svg" loading="lazy" alt="twitter-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a795f3644861a0e3d860_linked-in.svg" loading="lazy" alt="linked-in-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container resize">
<img src="/images/themes/6148a7957fe8e76bc600c51f_gplus.svg" loading="lazy" alt="google+ icon">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a7955bc7f4373f3d2475_instagram.svg" loading="lazy" alt="instagram-icon
">
</div>
</a>
<a href="" class="w-inline-block">
<div class="header-social-image-container">
<img src="/images/themes/6148a795c75188c425921de9_skype.svg" loading="lazy" alt="skype icon
">
</div>
</a>
</aside>
</aside>
</div>
<div class="search---nav-button-container">
<div class="nav-button-container">
<a href="{{ path('contact') }}" class="nav-button w-button">
Nous contacter
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="menu-button w-nav-button" style="-webkit-user-select: text;" aria-label="menu" role="button" tabindex="0" aria-controls="w-nav-overlay-1" aria-haspopup="menu" aria-expanded="false">
<img src="/images/themes/6120f673a2a44720389411bd_icons8-menu.svg" loading="lazy" alt="hamburger menu icon" class="open-menu" style="display: block;">
<img src="/images/themes/6120f8b352b92702abff4c4d_icons8-delete white.svg" loading="lazy" alt=" close menu icon" class="close-menu" style="display: none;">
</div>
</div>
</div>
<div class="w-nav-overlay" data-wf-ignore="" id="w-nav-overlay-1"></div>
</div>
<div class="search_bar standard">
<div class="standard bg-white visible-xs visible-sm hidden-lg hidden-md">
<div class="col-sm-1 col-xs-1 unl-padding-right with-vertical-text-align height-50">
<div class="standard with-padding-top-5">
<i class="fas fa-bars fa-lg size-18 link menu_burger_desk"></i>
<div class="standard size-11 menu_burger_desk">
MENU
</div>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1 col-xs-8 col-xs-offset-1 align height-50 visible-xs visible-sm">
<div class="width-auto height-max paddingT-mob-3 paddingL-mob-15">
<a href="/home">
<img src="{{ asset('images/logos/logo.png') }}" class="with-margin-top-5" style="height:40px;width:auto;">
</a>
</div>
</div>
<!-- right -->
<div class="col-sm-2 col-xs-2 unl-padding with-vertical-text-align height-50">
<div class="standard with-all-align">
<a href="tel:+41215565252">
<i class="fas fa-phone"></i>
</a>
</div>
</div>
</div>
<div id="header-font" class="erase">
<div class="col-lg-3 col-md-4 height-max hidden-xs hidden-sm">
<a href="/" alt="retour vers la page d'accueil" class="HeightLogo">
<img src="{{ asset('images/logos/logo.png') }}" alt="Home performance" height="49px" border="0" />
</a>
</div>
<div class="col-lg-4 col-md-4 hidden-xs hidden-sm">
<div class="standard with-padding-top-bottom-10 paddingTB-mob-4">
</div>
</div>
<div class="col-lg-5 col-md-4 hidden-xs hidden-sm height-max with-padding-top-bottom-22">
<div class="pull-right">
<ul class="list-inline-block top-menu inline-block">
<li>
<a href="/demandez-un-devis-gratuit" class="style2menu">
Devis Gratuit
</a>
</li>
</ul>
<div class="containerPanier">
<a href="tel:+41215565252" class="phoneBox">
<i class="fas fa-phone"></i> +41 21 556 52 52
</a>
</div>
</div>
</div>
<div class="visible-lg visible-md hidden-xs hidden-sm standard bgMenu border_theme-bottom">
<div class="menu-item active_item menu_burger_desk">
<i class="fas fa-bars fa-lg link"></i>
Menu
</div>
<a href="/" class="menu-item">
Accueil
</a>
<a href="{{ path('about-us') }}" class="menu-item">
Qui sommes nous
</a>
<a href="{{ path('realisation') }}" class="menu-item">
Réalisations
</a>
<a href="{{ path('career') }}" class="menu-item">
Rejoignez-nous
</a>
<a href="/demandez-un-devis-gratuit" class="menu-item">
Demandez un devis
</a>
<a href="/contact" class="menu-item">
Contactez-nous
</a>
</div>
</div>
</div>
<!-- menu complet -->
<div class="btn_menu_desk">
<div class="standard-full with-relative with-padding-top-20">
<div class="line_menu_connection">
<a href="/home" style="color:#FFF;">
<img src="{{ asset('images/logos/logo.png') }}" class="with-margin-top-5" style="height:80px;width:auto;">
</a>
</div>
<div class="close_menu_desk">
<i class="fas fa-times fa-lg"></i>
</div>
<a href="{{ asset('/') }}" class="link_menuColor">
<div class="menu_link">
Accueil
</div>
</a>
<a href="{{ path('about-us') }}" class="link_menuColor">
<div class="menu_link">
Nous connaître
</div>
</a>
<a href="/demandez-un-devis-gratuit" class="link_menuColor">
<div class="menu_link">
Demandez une étude
</div>
</a>
<div class="menu_separator"></div>
<div class="titre_categorie_menu">
Nos services
</div>
<a href="/" class="link_menuColor">
<div class="menu_link">
Panneau photovoltaïque
</div>
</a>
<a href="{{ path('heat-pump') }}" class="link_menuColor">
<div class="menu_link">
Pompe à chaleur
</div>
</a>
<a href="{{ path('electrical-terminal') }}" class="link_menuColor">
<div class="menu_link">
Borne électrique
</div>
</a>
<div class="menu_separator"></div>
<div class="titre_categorie_menu">
Divers
</div>
<a href="{{ path('realisation') }}" class="link_menuColor">
<div class="menu_link">
Nos réalisations
</div>
</a>
<a href="{{ path('career') }}" class="link_menuColor">
<div class="menu_link">
Nous rejoindre
</div>
</a>
<a href="{{ path('contact') }}" class="link_menuColor">
<div class="menu_link">
Nous contacter
</div>
</a>
</div>
</div>
{% block javascripts %}
<script>
$(document).ready(function() {
// redimensionne le menu
redim('.redim');
// affichage du sous-menu
$('.menu-item-has-children').on('mouseover', function(e) {
e.preventDefault();
if($(this).hasClass('BgM')){
var mClass = 'big-menu';
$(this).css({'position':'initial'});
}else{
var mClass = 'sub-menu';
}
$('.sub-menu, .big-menu').hide();
var submenu = $(this).children('.' + mClass);
if ($(submenu).is(':hidden')) {
$(submenu).show();
}else {
$(submenu).hide();
}
}).on('mouseleave', function(e) {
$('.sub-menu, .big-menu').hide();
$(this).parent().css({'position':'relative'});
});
});
</script>
{% endblock %}
{% block javascriptFooter %}
<script>
$(document).ready(function(){
$('.catMenuDesk').mouseover(function(){
$(this).children('.hoverMenuDesk').slideDown();
});
$('.catMenuDesk').mouseleave(function(){
$(this).children('.hoverMenuDesk').slideUp();
});
// Menu desktop
//
$(".close_menu_desk").click(function() {
$(".btn_menu_desk, #BgPoppup").hide();
$('#BgPoppup').css({'z-index':'899'});
});
$('.menu_burger').click(function(){
$('.modal.menu').addClass('show');
})
$('.menu_burger_desk').click(function(e){
e.stopPropagation();
$('#BgPoppup').css({'z-index':'1101'});
$('.btn_menu_desk, #BgPoppup').show();
})
});
</script>
{% endblock %}