Outiref

Code source de l'URL : http://www.electrohome.ch/

<!DOCTYPE html>
<html lang="fr-FR" data-website-id="1" data-main-object="website.page(4,)">
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta name="generator" content="Odoo"/>
        <meta name="description" content="Vente - Assistance - Dépannage d&#39;électroménager | Intervention sous 48 heures | Réparation à prix fixe | Vente toutes marques | Remplacement d&#39;électroménager"/>
        <meta name="keywords" content="electroHome,depannage electromanger,vente électroménager,réparateur electromanger,vente électroménager lausanne,électroménager fribourg,électroménager crissier,électroménager fully,électroménager genève,électroménager domdidier"/>
            
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="electroHome.ch SA - Votre partenaire en électroménager "/>
        <meta property="og:site_name" content="electroHome.ch - Votre partenaire en électroménager"/>
        <meta property="og:url" content="https://www.electrohome.ch/"/>
        <meta property="og:image" content="https://electrohomech-sa.odoo.com/web/image/45040-36814d55/eH_celio_cliente%20copie%20-%20Grande.jpeg"/>
        <meta property="og:description" content="Vente - Assistance - Dépannage d&#39;électroménager | Intervention sous 48 heures | Réparation à prix fixe | Vente toutes marques | Remplacement d&#39;électroménager"/>
            
        <meta name="twitter:card" content="summary_large_image"/>
        <meta name="twitter:title" content="electroHome.ch SA - Votre partenaire en électroménager "/>
        <meta name="twitter:image" content="https://electrohomech-sa.odoo.com/web/image/45040-36814d55/eH_celio_cliente%20copie%20-%20Grande.jpeg"/>
        <meta name="twitter:description" content="Vente - Assistance - Dépannage d&#39;électroménager | Intervention sous 48 heures | Réparation à prix fixe | Vente toutes marques | Remplacement d&#39;électroménager"/>
        
        <link rel="canonical" href="https://www.electrohome.ch/"/>
        
        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
        <title>electroHome.ch SA - Votre partenaire en électroménager </title>
        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=f14d3df"/>
        <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
        <link type="text/css" rel="stylesheet" href="/web/assets/1/7b741f1/web.assets_frontend.min.css"/>
        <script id="web.layout.odooscript" type="text/javascript">
            var odoo = {
                csrf_token: "09f81415c994844a14ebdd51626dbb470ebb7407o1803846520",
                debug: "",
            };
        </script>
        <script type="text/javascript">
            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_website_user": true, "user_id": false, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"4": {"symbol": "CHF", "position": "before", "digits": [69, 2]}, "125": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}}, "bundle_params": {"lang": "fr_FR", "website_id": 1}, "websocket_worker_version": "17.0-3", "translationURL": "/website/translations", "cache_hashes": {"translations": "ee995e727681a999ba5be1cc2243fd859010c2e4"}, "geoip_country_code": "FR", "geoip_phone_code": 33, "lang_url_code": "fr"};
            if (!/(^|;\s)tz=/.test(document.cookie)) {
                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
                document.cookie = `tz=${userTZ}; path=/`;
            }
        </script>
        <script type="text/javascript" defer="defer" src="/web/assets/1/cbb9f57/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
        <script type="text/javascript" defer="defer" data-src="/web/assets/1/8179a8d/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
        
        <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5LJ7X6V');</script>
<!-- End Google Tag Manager -->
    </head>
    <body>



        <div id="wrapwrap" class="homepage">
                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Bouton d&#39;éléments supplémentaires" class="o_header_disappears o_hoverable_dropdown" style=" ">
                    
    <nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block p-0 shadow-sm">
        

            <div id="o_main_nav" class="o_main_nav flex-wrap">
                <div aria-label="Haut" class="o_header_hide_on_scroll border-bottom o_border_contrast">
                    <div class="container d-flex justify-content-between flex-wrap w-100">
                        <ul class="o_header_search_left_col navbar-nav flex-wrap">
                            
        <li data-name="Language Selector" class="o_header_language_selector">
        
        
        </li>
                            
        <li class="">
                <div data-name="Text" class="s_text_block d-flex align-items-center h-100 border-end p-2 text-muted o_border_contrast">
                    <small><span style="font-size: 0.9375rem;">Assistance&nbsp;: </span><strong><span style="font-size: 0.875rem;"><a title="" data-bs-original-title="" href="tel:0218430000"><font class="text-o-color-2"><span style="font-size: 0.9375rem;">021 843 00 00</span></font></a></span></strong></small>
                </div>
        </li>
                        </ul>
                        <ul class="navbar-nav flex-wrap">
                            
                            
                            
        
        
                        </ul>
                    </div>
                </div>
                <div aria-label="Bas" class="container d-grid align-items-center w-100 py-2 o_grid_header_3_cols o_grid_header_3_cols_fixed">
                    
    <ul id="top_menu" role="menu" class="nav navbar-nav top_menu o_menu_loading order-1 justify-content-center mx-auto w-100 px-4">
        
    
    <li role="presentation" class="nav-item dropdown">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle">
            <span>Services</span>
        </a>
        <ul role="menu" class="dropdown-menu">
    <li role="presentation" class="">
        <a role="menuitem" href="/services/vente" class="dropdown-item">
            <span>Vente</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/assistance" class="dropdown-item">
            <span>Assistance</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/depannage" class="dropdown-item">
            <span>Dépannage</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/entretien" class="dropdown-item">
            <span>Entretien</span>
        </a>
    </li>
        </ul>
        
    </li>
    <li role="presentation" class="nav-item dropdown">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle">
            <span>Clients B2B</span>
        </a>
        <ul role="menu" class="dropdown-menu">
    <li role="presentation" class="">
        <a role="menuitem" href="/services/gerance" class="dropdown-item">
            <span>Gérance immobilière</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/fourniture" class="dropdown-item">
            <span>Fourniture électroménager </span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/buanderie" class="dropdown-item">
            <span>Buanderie collective</span>
        </a>
    </li>
        </ul>
        
    </li>
    <li role="presentation" class="nav-item dropdown">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle">
            <span>Entreprise</span>
        </a>
        <ul role="menu" class="dropdown-menu">
    <li role="presentation" class="">
        <a role="menuitem" href="/propos-de-nous" class="dropdown-item">
            <span>A propos de nous</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/jobs" class="dropdown-item">
            <span>Carrière</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/contact" class="dropdown-item">
            <span>Contact</span>
        </a>
    </li>
        </ul>
        
    </li>
                    
    </ul>
                    
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo order-0 me-auto mw-100">
            
            <span role="img" aria-label="Logo of electroHome.ch - Votre partenaire en électroménager" title="electroHome.ch - Votre partenaire en électroménager"><img src="/web/image/website/1/logo/electroHome.ch%20-%20Votre%20partenaire%20en%20%C3%A9lectrom%C3%A9nager?unique=f14d3df" class="img img-fluid" width="95" height="40" alt="electroHome.ch - Votre partenaire en électroménager" loading="lazy"/></span>
        </a>
    
                    <ul class="o_header_search_right_col navbar-nav align-items-center gap-2 ms-auto ps-3 order-2">
                        
                        
                        
        <li class="">
            <div class="oe_structure oe_structure_solo">
                <section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
                    <div class="container">
                        <a href="/services/depannage" class="oe_unremovable btn_cta btn btn-primary" data-bs-original-title="" title="" aria-describedby="popover668203"><span style="font-size: 0.9375rem; font-weight: normal;">Annoncer une panne</span></a>
                    </div>
                </section>
            </div>
        </li>
                    </ul>
                </div>
            </div>
        
    </nav>
    <nav data-name="Navbar" aria-label="Mobile" class="navbar  navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm px-0">
        

        <div class="o_main_nav container flex-wrap justify-content-between">
            
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo">
            
            <span role="img" aria-label="Logo of electroHome.ch - Votre partenaire en électroménager" title="electroHome.ch - Votre partenaire en électroménager"><img src="/web/image/website/1/logo/electroHome.ch%20-%20Votre%20partenaire%20en%20%C3%A9lectrom%C3%A9nager?unique=f14d3df" class="img img-fluid" width="95" height="40" alt="electroHome.ch - Votre partenaire en électroménager" loading="lazy"/></span>
        </a>
    
            <ul class="o_header_mobile_buttons_wrap navbar-nav flex-row align-items-center gap-2 mb-0">
                <li class="o_not_editable">
                    <button class="nav-link btn me-auto p-2 o_not_editable" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </li>
            </ul>
            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
                <div class="offcanvas-header justify-content-end o_not_editable">
                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Fermer"></button>
                </div>
                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100">
                    <ul class="navbar-nav">
                        
                        
                        
    <ul role="menu" class="nav navbar-nav top_menu">
        

                            
    <li role="presentation" class="nav-item dropdown">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   d-flex justify-content-between align-items-center">
            <span>Services</span>
        </a>
        <ul role="menu" class="dropdown-menu position-relative rounded-0 o_dropdown_without_offset">
    <li role="presentation" class="">
        <a role="menuitem" href="/services/vente" class="dropdown-item">
            <span>Vente</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/assistance" class="dropdown-item">
            <span>Assistance</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/depannage" class="dropdown-item">
            <span>Dépannage</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/entretien" class="dropdown-item">
            <span>Entretien</span>
        </a>
    </li>
        </ul>
        
    </li>
    <li role="presentation" class="nav-item dropdown">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   d-flex justify-content-between align-items-center">
            <span>Clients B2B</span>
        </a>
        <ul role="menu" class="dropdown-menu position-relative rounded-0 o_dropdown_without_offset">
    <li role="presentation" class="">
        <a role="menuitem" href="/services/gerance" class="dropdown-item">
            <span>Gérance immobilière</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/fourniture" class="dropdown-item">
            <span>Fourniture électroménager </span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/services/buanderie" class="dropdown-item">
            <span>Buanderie collective</span>
        </a>
    </li>
        </ul>
        
    </li>
    <li role="presentation" class="nav-item dropdown">
        <a data-bs-toggle="dropdown" href="#" role="menuitem" class="nav-link dropdown-toggle   d-flex justify-content-between align-items-center">
            <span>Entreprise</span>
        </a>
        <ul role="menu" class="dropdown-menu position-relative rounded-0 o_dropdown_without_offset">
    <li role="presentation" class="">
        <a role="menuitem" href="/propos-de-nous" class="dropdown-item">
            <span>A propos de nous</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/jobs" class="dropdown-item">
            <span>Carrière</span>
        </a>
    </li>
    <li role="presentation" class="">
        <a role="menuitem" href="/contact" class="dropdown-item">
            <span>Contact</span>
        </a>
    </li>
        </ul>
        
    </li>
                        
    </ul>
                        
        <li class="">
                <div data-name="Text" class="s_text_block mt-2 border-top pt-2 o_border_contrast">
                    <small><span style="font-size: 0.9375rem;">Assistance&nbsp;: </span><strong><span style="font-size: 0.875rem;"><a title="" data-bs-original-title="" href="tel:0218430000"><font class="text-o-color-2"><span style="font-size: 0.9375rem;">021 843 00 00</span></font></a></span></strong></small>
                </div>
        </li>
                        
                    </ul>
                    <ul class="navbar-nav gap-2 mt-3 w-100">
                        
                        
        
        
                        
        <li data-name="Language Selector" class="o_header_language_selector">
        
        
        </li>
                        
        <li class="">
            <div class="oe_structure oe_structure_solo">
                <section class="oe_unremovable oe_unmovable s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
                    <div class="container">
                        <a href="/services/depannage" class="oe_unremovable btn_cta btn btn-primary w-100" data-bs-original-title="" title="" aria-describedby="popover668203"><span style="font-size: 0.9375rem; font-weight: normal;">Annoncer une panne</span></a>
                    </div>
                </section>
            </div>
        </li>
                    </ul>
                </div>
            </div>
        </div>
    
    </nav>
    
        </header>
                <main>
                    
        <div id="wrap" class="oe_structure"><section class="s_cover pt160 s_parallax_no_overflow_hidden o_colored_level bg-black-50 o_background_video o_half_screen_height pb136" data-scroll-background-ratio="0" data-snippet="s_cover" style="position: relative; background-image: none;" data-bg-video-src="https://player.vimeo.com/video/1065117010?autoplay=1&amp;muted=1&amp;autopause=0&amp;controls=0&amp;loop=1&amp;h=e3f9061f38" data-name="Couverture"><div class="o_we_bg_filter bg-black-25"></div>
        
        
        
        <div class="s_allow_columns container">
        <div class="row o_grid_mode" data-row-count="12">
            
        <div class="col o_colored_level o_grid_item g-col-lg-11 g-height-8 col-lg-11" style="z-index: 1; grid-area: 5 / 1 / 13 / 12;">
                <p style="text-align: left;" class="lead"><br/></p><p style="text-align: left;" class="lead"><br/></p><p style="text-align: left;" class="lead"><br/></p><p style="text-align: left;" class="lead"><br/></p><p style="text-align: left;" class="lead"><span style="font-weight: normal;" class="h2-fs">Service Dépannage<br/></span><span class="h5-fs">Intervention sous&nbsp;48 heures</span></p><p style="text-align: left;">
                    ​​​​​​<a class="btn btn-primary flat" href="/services/depannage" data-bs-original-title="" title=""><strong><span class="o_small-fs">EN SAV​​OIR ​​​​P​​​​LUS</span></strong></a>
                </p>
            </div></div>
            </div>
    </section><section class="s_text_image o_colored_level pt48 pb32" data-snippet="s_text_image" data-name="Texte - Image" style="position: relative; background-image: none;">
        
        <div class="container">
            <div class="row align-items-stretch">
                <div class="o_colored_level col-lg-12">
                    <p class="lead">&nbsp;<br/><span class="o_small-fs"><strong><span style="font-size: 1.5rem;">Votre partenaire en électroménager&nbsp;<br/></span></strong></span></p><p class="lead"><span class="o_small-fs">Des solutions efficaces pour un quotidien plus confortable – chez electroHome, nous sommes engagés à vous offrir les meilleurs produits ainsi qu’un service réactif et fiable, pour vous aider à vivre plus confortablement chaque jour.</span></p><p class="lead"><a href="/propos-de-nous" class="o_translate_inline" data-bs-original-title="" title="" aria-describedby="popover928997"><span class="base-fs"><font class="text-o-color-1">À propos de nous&nbsp;&nbsp;</font></span><span class="fa fa-long-arrow-right text-o-color-1"></span></a><br/></p></div>
                
            </div>
        </div>
    </section><section class="s_text_block pt40 o_colored_level pb16" data-snippet="s_text_block" data-name="Texte" style="background-image: none;">
        <div class="s_allow_columns container">
            <h1><span style="font-size: 1.875rem; font-weight: normal;">Nos&nbsp;services</span></h1><section class="s_embed_code pb0 pt0 text-center" data-snippet="s_embed_code" data-name="Code intégré"><template class="s_embed_code_saved"><section class="s_service_buttons_horizontal o_colored_level" style="background-color: #fff;">
  <div class="container py-5">
    <div class="row gx-4 gy-4 justify-content-center align-items-start">

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/vente" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41757-120268ed/IMG_1445%202.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">VENTE</h3>
            <p class="eh-subtitle">Acheter en toute confiance</p>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/assistance" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41753-8414eb95/sav_tel.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">ASSISTANCE</h3>
            <p class="eh-subtitle">Demander une assistance gratuite</p>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/depannage" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41767-be7e3d5e/SAV_eH%20-%20copie.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">DÉPANNAGE</h3>
            <p class="eh-subtitle">Annoncer une panne facilement</p>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/entretien" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41749-d85c126a/Mood-textile-care-adora-2021-001.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">ENTRETIEN</h3>
            <p class="eh-subtitle">Diminuer les risques de panne</p>
          </div>
        </a>
      </div>

    </div>
  </div>

  <style>
    .eh-rect-service {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
      width: 100%;
      height: 500px;
      border-radius: 0;
      overflow: hidden;
      text-decoration: none;
      transition: filter 0.3s ease, transform 0.2s ease;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
      color: white;
    }

    .eh-rect-service:hover .eh-bg {
      filter: brightness(65%);
      transform: scale(1.02);
    }

    .eh-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      z-index: 1;
      transition: 0.3s ease;
    }

    .eh-content {
      position: relative;
      z-index: 2;
      padding: 30px 35px 40px 35px;
      width: 100%;
      text-align: left;
      background: linear-gradient(to top,
        rgba(0, 0, 0, 0.95) 0%,
        rgba(0, 0, 0, 0.8) 35%,
        rgba(0, 0, 0, 0.5) 65%,
        rgba(0, 0, 0, 0.2) 85%,
        rgba(0, 0, 0, 0) 100%
      );
      height: 165px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .eh-title,
    .eh-subtitle {
      color: #fff !important;
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.6s ease;
    }

    .eh-subtitle {
      display: none;
    }

    .eh-rect-service.is-visible .eh-title {
      opacity: 1;
      transform: translateY(40px);
    }

    .eh-rect-service:hover .eh-title {
      transform: translateY(0);
      transition-delay: 0s;
    }

    .eh-rect-service:hover .eh-subtitle {
      display: block;
      opacity: 1;
      transform: translateY(0);
      transition: all 0.6s ease 0.4s;
    }

    @media (max-width: 767px) {
      .eh-rect-service {
        height: auto;
        aspect-ratio: 3 / 2;
      }

      .eh-content {
        padding: 40px 20px 30px 20px;
        height: 130px;
      }

      .eh-title {
        font-size: 1.8rem;
        opacity: 1 !important;
        transform: translateY(0) !important;
      }

      .eh-subtitle {
        font-size: 0.95rem;
        opacity: 1 !important;
        transform: translateY(0) !important;
        display: block !important;
      }
    }
  </style>

  <script>
    document.addEventListener("DOMContentLoaded", function () {
      const cards = document.querySelectorAll('.eh-rect-service');

      const observer = new IntersectionObserver((entries, obs) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-visible');
            obs.unobserve(entry.target);
          }
        });
      }, {
        threshold: 0.3
      });

      cards.forEach(card => observer.observe(card));
    });
  </script>
</section></template>
        <div class="s_embed_code_embedded container o_not_editable"><section class="s_service_buttons_horizontal o_colored_level" style="background-color: #fff;">
  <div class="container py-5">
    <div class="row gx-4 gy-4 justify-content-center align-items-start">

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/vente" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41757-120268ed/IMG_1445%202.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">VENTE</h3>
            <p class="eh-subtitle">Acheter en toute confiance</p>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/assistance" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41753-8414eb95/sav_tel.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">ASSISTANCE</h3>
            <p class="eh-subtitle">Demander une assistance gratuite</p>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/depannage" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41767-be7e3d5e/SAV_eH%20-%20copie.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">DÉPANNAGE</h3>
            <p class="eh-subtitle">Annoncer une panne facilement</p>
          </div>
        </a>
      </div>

      <div class="col-12 col-md-6 col-lg-3 d-flex">
        <a href="/services/entretien" class="eh-rect-service">
          <div class="eh-bg" style="background-image: url(&#39;/web/image/41749-d85c126a/Mood-textile-care-adora-2021-001.webp&#39;);"></div>
          <div class="eh-content">
            <h3 class="eh-title">ENTRETIEN</h3>
            <p class="eh-subtitle">Diminuer les risques de panne</p>
          </div>
        </a>
      </div>

    </div>
  </div>

  <style>
    .eh-rect-service {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      position: relative;
      width: 100%;
      height: 500px;
      border-radius: 0;
      overflow: hidden;
      text-decoration: none;
      transition: filter 0.3s ease, transform 0.2s ease;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
      color: white;
    }

    .eh-rect-service:hover .eh-bg {
      filter: brightness(65%);
      transform: scale(1.02);
    }

    .eh-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      z-index: 1;
      transition: 0.3s ease;
    }

    .eh-content {
      position: relative;
      z-index: 2;
      padding: 30px 35px 40px 35px;
      width: 100%;
      text-align: left;
      background: linear-gradient(to top,
        rgba(0, 0, 0, 0.95) 0%,
        rgba(0, 0, 0, 0.8) 35%,
        rgba(0, 0, 0, 0.5) 65%,
        rgba(0, 0, 0, 0.2) 85%,
        rgba(0, 0, 0, 0) 100%
      );
      height: 165px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .eh-title,
    .eh-subtitle {
      color: #fff !important;
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.6s ease;
    }

    .eh-subtitle {
      display: none;
    }

    .eh-rect-service.is-visible .eh-title {
      opacity: 1;
      transform: translateY(40px);
    }

    .eh-rect-service:hover .eh-title {
      transform: translateY(0);
      transition-delay: 0s;
    }

    .eh-rect-service:hover .eh-subtitle {
      display: block;
      opacity: 1;
      transform: translateY(0);
      transition: all 0.6s ease 0.4s;
    }

    @media (max-width: 767px) {
      .eh-rect-service {
        height: auto;
        aspect-ratio: 3 / 2;
      }

      .eh-content {
        padding: 40px 20px 30px 20px;
        height: 130px;
      }

      .eh-title {
        font-size: 1.8rem;
        opacity: 1 !important;
        transform: translateY(0) !important;
      }

      .eh-subtitle {
        font-size: 0.95rem;
        opacity: 1 !important;
        transform: translateY(0) !important;
        display: block !important;
      }
    }
  </style>

  <script>
    document.addEventListener("DOMContentLoaded", function () {
      const cards = document.querySelectorAll('.eh-rect-service');

      const observer = new IntersectionObserver((entries, obs) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-visible');
            obs.unobserve(entry.target);
          }
        });
      }, {
        threshold: 0.3
      });

      cards.forEach(card => observer.observe(card));
    });
  </script>
</section></div>
    </section>
        </div>
    </section><section class="s_references o_cc o_cc1 o_colored_level" data-snippet="s_references" data-name="Références" style="background-image: none;">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="-Infinity">
                
                
                
                
                
                
            </div>
        </div>
    </section>
    
    <section class="s_call_to_action pt48 o_colored_level o_cc o_cc2 s_custom_snippet pb48" data-snippet="s_call_to_action" style="background-image: none;" data-name="Demande_partenariat ">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="5">
                
                
            <div class="o_colored_level o_grid_item g-col-lg-3 g-height-5 col-lg-3 d-lg-block d-none o_snippet_mobile_invisible" style="z-index: 3; grid-area: 1 / 10 / 6 / 13;" data-invisible="1">
                    
                    <p><img src="/web/image/41571-f943ec93/opened-message-with-ringbell.svg" alt="" class="img img-fluid o_we_custom_image o_animate o_anim_pulse o_visible" style="--wanim-intensity: 41; width: 100% !important;" data-mimetype="image/svg+xml" data-original-id="41571" data-original-src="/web/image/41571-f943ec93/opened-message-with-ringbell.svg" data-mimetype-before-conversion="image/svg+xml" loading="eager"/></p>
                </div><div class="o_colored_level o_grid_item g-height-4 g-col-lg-8 col-lg-8" style="z-index: 3; grid-area: 1 / 1 / 5 / 9;">
                    <h3><b><font class="text-o-color-2"><span style="font-weight: normal; font-size: 1.875rem;">Newsletter</span></font></b><span style="font-size: 1.875rem;"><br/></span></h3>
                    <p><br/>Profitez régulièrement de précieux conseils et astuces pour augmenter la durée de vie de votre électroménager&nbsp;– simplement et gratuitement par e-mail!</p></div><div class="o_colored_level o_grid_item g-height-1 g-col-lg-4 col-lg-4" style="z-index: 4; grid-area: 4 / 1 / 5 / 5;">
                    <div class="s_newsletter_subscribe_form s_newsletter_list js_subscribe" data-vxml="001" data-list-id="1" data-name="Newsletter Form" data-snippet="s_newsletter_subscribe_form"><div class="input-group"><input type="email" name="email" class="js_subscribe_value form-control" placeholder="votre adresse e-mail..."/>
            <a role="button" href="#" class="js_subscribe_btn o_submit btn btn-custom text-o-color-3 bg-o-color-1" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid;">Je m'insc​​ris​​​​​​</a>
            <a role="button" href="#" class="btn btn-success js_subscribed_btn o_submit d-none" disabled="disabled">Merci</a></div></div></div></div>
        </div>
    </section><section class="s_title o_colored_level pb0 pt40" data-vcss="001" data-snippet="s_title" data-name="Titre" style="background-image: none;">
        <div class="s_allow_columns container">
            <h1><span style="font-size: 1.875rem; font-weight: normal;">Le blog&nbsp;</span></h1>
        </div>
    </section><section data-snippet="s_blog_posts" class="s_blog_posts s_dynamic_snippet_blog_posts s_blog_posts_effect_marley s_dynamic pb32 o_colored_level s_blog_post_card pt16 o_dynamic_empty" data-name="Articles de blog" style="background-image: none;" data-filter-by-blog-id="-1" data-number-of-records="3" data-filter-id="1" data-template-key="website_blog.dynamic_filter_template_blog_post_card" data-number-of-elements="3">
            <div class="o_not_editable container">
                <div class="css_non_editable_mode_hidden">
                    <div class="missing_option_warning alert alert-info rounded-0 fade show d-none d-print-none o_default_snippet_text">
                        Votre snippet dynamique sera affiché ici... Ce message est affiché parce que vous n'avez pas défini le filtre et le modèle à utiliser.<br/>
                    </div>
                </div>
                <div class="dynamic_snippet_template"></div>
            </div>
        </section><section class="s_text_block pt40 o_colored_level pb16" data-snippet="s_text_block" data-name="Texte" style="background-image: none;">
        <div class="s_allow_columns container">
            <h1><span style="font-weight: normal;" class="h5-fs">En savoir plus</span><span style="font-weight: normal;"><br/></span></h1></div>
    </section><section class="s_faq_collapse pb32 o_colored_level pt0 s_faq_collapse_boxed s_custom_snippet" data-snippet="s_faq_collapse" style="background-image: none;" data-name="en_savoir_plus">
        <div class="container">
            <div id="myCollapse" class="accordion" role="tablist">
                <div class="card bg-white" data-name="Item" role="presentation">
                    <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="true" class="card-header s_faq_collapse_right_icon" data-bs-target="#myCollapseTab729547_3" aria-controls="myCollapseTab729547_3">Garantie de satisfaction&nbsp;&nbsp;</a>
                    <div data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab729547_3" class="collapse show">
                        <div class="card-body">
                            <p class="card-text">Nous attachons une grande importance à la satisfaction de nos clients. Pour y parvenir, nous proposons un service de qualité, rapide et à un prix toujours juste.</p><div class="s_rating pb0 pt0" data-vcss="001" data-icon="fa-star" data-snippet="s_rating" data-name="Évaluation">
        <h4 class="s_rating_title"><span style="font-weight: normal;"><font style="color: rgb(57, 132, 198);">G</font><font style="color: rgb(255, 0, 0);">o</font><font style="color: rgb(239, 198, 49);">o</font><font style="color: rgb(57, 132, 198);">g</font><font style="color: rgb(107, 165, 74);">l</font><font style="color: rgb(255, 0, 0);">e</font></span></h4>
        <div class="s_rating_icons o_not_editable">
            <span class="s_rating_active_icons" style="color: rgb(255, 214, 99);">
                
                
                
                 <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span>
            <span class="s_rating_inactive_icons" style="color: rgb(247, 173, 107);">
                
                
            </span>
        </div>
    </div><p class="card-text o_small"><span class="o_small-fs">(Note globale de 4.9/5 basée sur plus +300 avis sur nos différentes fiches d'établissement <a href="https://www.google.com/maps/search/electrohome+/@46.3275662,6.5027057,10z/data=!3m1!4b1?entry=ttu&amp;g_ep=EgoyMDI1MDgyNC4wIKXMDSoASAFQAw%3D%3D" data-bs-original-title="" title="">Google</a>)</span></p>
                        </div>
                    </div>
                </div><div class="card bg-white" data-name="Item" role="presentation">
                    <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="false" class="card-header collapsed s_faq_collapse_right_icon" data-bs-target="#myCollapseTab729547_2" aria-controls="myCollapseTab729547_2">Conditions&nbsp;avantageuses&nbsp;</a>
                    <div data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab729547_2" class="collapse">
                        <div class="card-body">
                            <p>Réparation forfaitaire <strong>:</strong> notre prix fixe vous protège des surprises sur la facture, même si la réparation prend plus de temps que prévu ou nécessite plusieurs déplacements, vous payez un seul forfait.&nbsp;</p><p>Offre fidélité : en cas d’acceptation d'un devis suite à un diagnostic par notre service technique, les frais liés à ce
diagnostic vous sont&nbsp;offerts.</p><p>Informations supplémentaires sont disponibles dans nos&nbsp;<a href="/cgv" data-bs-original-title="" title="">conditions générales</a>.</p>
                        </div>
                    </div>
                </div><div class="card bg-white" data-name="Item" role="presentation">
                    <a href="#" role="tab" data-bs-toggle="collapse" aria-expanded="false" class="card-header collapsed s_faq_collapse_right_icon" data-bs-target="#myCollapseTab729547_1" aria-controls="myCollapseTab729547_1">TCS Home Partenaire&nbsp;</a>
                    <div data-bs-parent="#myCollapse" role="tabpanel" id="myCollapseTab729547_1" class="collapse">
                        <div class="card-body">
                            <p class="card-text">En tant que partenaire TCS Home, vous avez la garantie d’être dépanné exclusivement par des professionnels qualifiés et fiables.</p><p class="card-text"><img src="/web/image/44331-16cff0c3/TCS-Logo-SP-quer-RGB-1601-150x86.png" alt="" class="img img-fluid o_we_custom_image" data-mimetype="image/png" data-original-id="44330" data-original-src="/web/image/44330-16cff0c3/TCS-Logo-SP-quer-RGB-1601-150x86.png" data-mimetype-before-conversion="image/png" data-resize-width="150" loading="lazy"/></p></div>
                    </div>
                </div>
                
                
            </div>
        </div>
    </section></div>
    
        <div id="o_shared_blocks" class="oe_unremovable"></div>
                </main>
                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
                    <div id="footer" class="oe_structure oe_structure_solo">
            <section class="s_text_block pt112 pb40" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
                <div class="container">
                    <div class="row o_grid_mode" data-row-count="5">
                        
                        
                        
                        
                        
                    <div class="o_colored_level o_grid_item g-col-lg-3 order-lg-0 col-8 g-height-5 col-lg-3" style="grid-area: 1 / 1 / 6 / 4; z-index: 5; order: 0;">
                            <h5><img src="/web/image/41682-bb8d9134/Footer_png%20-%20copie.webp" alt="" class="img img-fluid o_we_custom_image" data-mimetype="image/webp" data-original-id="41568" data-original-src="/web/image/41568-bb8d9134/Footer_png%20-%20copie.webp" data-mimetype-before-conversion="image/webp" data-resize-width="364" data-quality="100" loading="lazy"/></h5></div><div class="o_grid_item o_colored_level g-col-lg-2 order-lg-0 col-6 g-height-5 col-lg-2" style="z-index: 4; grid-area: 1 / 11 / 6 / 13; order: 3;">
                            <p><span class="o_small-fs"><font class="text-600"><strong>Médias&nbsp;sociaux</strong></font></span><br/></p><p><a title="" data-bs-original-title="" href="https://ch.linkedin.com/company/electrohome-ch"><i style="color: rgb(231, 99, 99);" class="fa fa-linkedin fa-fw me-2 fa-1x"></i></a><a title="" data-bs-original-title="" href="https://facebook.com/electrohome.ch/"><i style="color: rgb(231, 99, 99);" class="fa fa-facebook-f fa-fw me-2 fa-1x"></i></a><a href="https://www.instagram.com/electrohome.ch/" data-bs-original-title="" title=""><i class="fa fa-instagram fa-fw me-2 fa-1x" style="color: rgb(231, 99, 99);"></i></a><a href="http://tiktok.com/@electrohome.ch/" data-bs-original-title="" title=""><i class="fa fa-tiktok fa-fw me-2 fa-1x" style="color: rgb(231, 99, 99);"></i></a></p>
                        </div><div class="o_grid_item g-col-lg-2 o_colored_level order-lg-0 col-6 g-height-5 col-lg-2" style="z-index: 3; grid-area: 1 / 9 / 6 / 11; order: 4;">
                            <p><span class="o_small-fs"><strong><font class="text-600">Entreprise</font></strong><br/></span></p><p><span class="o_small-fs"><a title="" data-bs-original-title="" href="/propos-de-nous"><font class="text-600">A propos de nous</font></a><br/><a href="/jobs" data-bs-original-title="" title=""><font class="text-600">Carrière</font></a><br/><a title="" data-bs-original-title="" href="/contact"><font class="text-600">Contact</font></a><br/><a href="/mentions-legales" data-bs-original-title="" title=""><font class="text-600">Mentions légales</font></a></span></p></div><div class="o_grid_item g-col-lg-2 o_colored_level order-lg-0 col-6 g-height-5 col-lg-2" style="z-index: 2; grid-area: 1 / 7 / 6 / 9; order: 2;">
                            <p><span class="o_small-fs"><strong><font class="text-600">Liens utiles</font></strong></span></p><p><span class="o_small-fs"><a href="/" data-bs-original-title="" title=""><font class="text-600">Page d'accueil<br/></font></a><a title="" data-bs-original-title="" href="/services/depannage"><font class="text-600">Annoncer une panne</font></a><br/><a href="/blog" data-bs-original-title="" title=""><font class="text-600">Le blog</font></a><br/><a title="" data-bs-original-title="" href="/cgv"><font class="text-600">Conditions générales</font></a><br/><a title="" data-bs-original-title="" href="/privacy"><font class="text-600">Politique de confidentialité</font></a></span></p></div><div class="o_grid_item g-col-lg-2 o_colored_level order-lg-0 col-6 g-height-5 col-lg-2" style="z-index: 1; grid-area: 1 / 5 / 6 / 7; order: 1;">
                            <p><span class="o_small-fs"><strong><font class="text-600">Siège&nbsp;principal</font></strong></span></p><p><span style="font-size: 0.8125rem;"></span><span class="o_small-fs"><a title="" data-bs-original-title="" href="https://g.co/kgs/8aX7VVP"><font class="text-600">electroHome.ch SA<br/>Chem. des Lentillières 18<br/>CH-1023 Crissier</font></a></span><span style="font-size: 0.8125rem;"></span><span class="o_small-fs"><br/><br/></span><span style="font-size: 0.8125rem;"></span><span class="o_small-fs"><a href="tel:0218430000" data-bs-original-title="" title=""><font class="text-600">T : 021 843 00 00&nbsp;</font></a></span><span style="font-size: 0.8125rem;"></span><span class="o_small-fs"><br/></span><span style="font-size: 0.8125rem;"></span><span class="o_small-fs"><a href="http://E:info@electrohome.ch" data-bs-original-title="" title=""><font class="text-600">E : info@electrohome.ch</font></a></span><span style="font-size: 0.8125rem;"></span></p></div></div>
                </div>
            </section>
        </div>
        <div id="o_footer_scrolltop_wrapper" class="container h-0 d-flex align-items-center justify-content-end">
            <a id="o_footer_scrolltop" role="button" href="#top" title="" class="d-flex align-items-center justify-content-center btn btn-custom bg-o-color-4 rounded-circle" data-bs-original-title="Faire défiler vers le haut" style="border-style: solid; border-width: 0px;">
                <span class="oi fa-1x oi-chevron-up"></span>
            </a>
        </div>
    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
                        <div class="container py-3">
                            <div class="row">
                                <div class="col-sm text-center text-sm-start text-muted">
                                    <span class="o_footer_copyright_name me-2"><span class="o_small-fs">© electroHome.ch SA 2025 - Tous les droits réservés</span></span>
        
        
    </div>
                                <div class="col-sm text-center text-sm-end o_not_editable">
        <div class="o_brand_promotion">
    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
            <script id="tracking_code" async="async" src="https://www.googletagmanager.com/gtag/js?id=G-29ZS7KFQZP"></script>
            <script id="tracking_code_config">
                window.dataLayer = window.dataLayer || [];
                function gtag(){dataLayer.push(arguments);}
                gtag('consent', 'default', {
                    'ad_storage': 'denied',
                    'ad_user_data': 'denied',
                    'ad_personalization': 'denied',
                    'analytics_storage': 'denied',
                });
                gtag('js', new Date());
                gtag('config', 'G-29ZS7KFQZP');
                function allConsentsGranted() {
                    gtag('consent', 'update', {
                        'ad_storage': 'granted',
                        'ad_user_data': 'granted',
                        'ad_personalization': 'granted',
                        'analytics_storage': 'granted',
                    });
                }
                    allConsentsGranted();
            </script>
            <script id="plausible_script" name="plausible" defer="defer" data-domain="electrohomech-sa.odoo.com" src="https://download.odoo.com/js/plausi_saas.js"></script>
        <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LJ7X6V"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
        </body>
</html>