Outiref

Code source de l'URL : https://edu-autolab.odoo.com/

<!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="Nous proposons une large gamme d&#39;accessoires automobiles, allant des tapis de sol aux systèmes audio, pour répondre à tous vos besoins. Notre objectif est de vous fournir des produits de qualité qui rehaussent votre expérience de conduite. Commencez par le client : trouvez ce qu&#39;il veut et donnez-le lui."/>
        <meta name="keywords" content="interior’lab,solutions,politique,mohammed zakhnini,entretien simplifié,auto&#39;lab,déconnecter"/>
            
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="Home | Auto&#39;Lab"/>
        <meta property="og:site_name" content="Auto&#39;Lab"/>
        <meta property="og:url" content="https://edu-autolab.odoo.com/"/>
        <meta property="og:image" content="https://edu-autolab.odoo.com/web/image/website/1/logo"/>
        <meta property="og:description" content="Nous proposons une large gamme d&#39;accessoires automobiles, allant des tapis de sol aux systèmes audio, pour répondre à tous vos besoins. Notre objectif est de vous fournir des produits de qualité qui rehaussent votre expérience de conduite. Commencez par le client : trouvez ce qu&#39;il veut et donnez-le lui."/>
            
        <meta name="twitter:card" content="summary_large_image"/>
        <meta name="twitter:title" content="Home | Auto&#39;Lab"/>
        <meta name="twitter:image" content="https://edu-autolab.odoo.com/web/image/website/1/logo"/>
        <meta name="twitter:description" content="Nous proposons une large gamme d&#39;accessoires automobiles, allant des tapis de sol aux systèmes audio, pour répondre à tous vos besoins. Notre objectif est de vous fournir des produits de qualité qui rehaussent votre expérience de conduite. Commencez par le client : trouvez ce qu&#39;il veut et donnez-le lui."/>
        
        <link rel="canonical" href="https://edu-autolab.odoo.com/"/>
        
        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
        <title>Home | Auto&#39;Lab</title>
        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=6371090"/>
        <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/7485fa4/web.assets_frontend.min.css"/>
            <script src="/website/static/src/js/content/cookie_watcher.js"></script>
            <script>
                watch3rdPartyScripts(["youtu.be", "youtube.com", "youtube-nocookie.com", "instagram.com", "instagr.am", "ig.me", "vimeo.com", "dailymotion.com", "dai.ly", "youku.com", "tudou.com", "facebook.com", "facebook.net", "fb.com", "fb.me", "fb.watch", "tiktok.com", "x.com", "twitter.com", "t.co", "googletagmanager.com", "google-analytics.com", "google.com", "google.ad", "google.ae", "google.com.af", "google.com.ag", "google.al", "google.am", "google.co.ao", "google.com.ar", "google.as", "google.at", "google.com.au", "google.az", "google.ba", "google.com.bd", "google.be", "google.bf", "google.bg", "google.com.bh", "google.bi", "google.bj", "google.com.bn", "google.com.bo", "google.com.br", "google.bs", "google.bt", "google.co.bw", "google.by", "google.com.bz", "google.ca", "google.cd", "google.cf", "google.cg", "google.ch", "google.ci", "google.co.ck", "google.cl", "google.cm", "google.cn", "google.com.co", "google.co.cr", "google.com.cu", "google.cv", "google.com.cy", "google.cz", "google.de", "google.dj", "google.dk", "google.dm", "google.com.do", "google.dz", "google.com.ec", "google.ee", "google.com.eg", "google.es", "google.com.et", "google.fi", "google.com.fj", "google.fm", "google.fr", "google.ga", "google.ge", "google.gg", "google.com.gh", "google.com.gi", "google.gl", "google.gm", "google.gr", "google.com.gt", "google.gy", "google.com.hk", "google.hn", "google.hr", "google.ht", "google.hu", "google.co.id", "google.ie", "google.co.il", "google.im", "google.co.in", "google.iq", "google.is", "google.it", "google.je", "google.com.jm", "google.jo", "google.co.jp", "google.co.ke", "google.com.kh", "google.ki", "google.kg", "google.co.kr", "google.com.kw", "google.kz", "google.la", "google.com.lb", "google.li", "google.lk", "google.co.ls", "google.lt", "google.lu", "google.lv", "google.com.ly", "google.co.ma", "google.md", "google.me", "google.mg", "google.mk", "google.ml", "google.com.mm", "google.mn", "google.com.mt", "google.mu", "google.mv", "google.mw", "google.com.mx", "google.com.my", "google.co.mz", "google.com.na", "google.com.ng", "google.com.ni", "google.ne", "google.nl", "google.no", "google.com.np", "google.nr", "google.nu", "google.co.nz", "google.com.om", "google.com.pa", "google.com.pe", "google.com.pg", "google.com.ph", "google.com.pk", "google.pl", "google.pn", "google.com.pr", "google.ps", "google.pt", "google.com.py", "google.com.qa", "google.ro", "google.ru", "google.rw", "google.com.sa", "google.com.sb", "google.sc", "google.se", "google.com.sg", "google.sh", "google.si", "google.sk", "google.com.sl", "google.sn", "google.so", "google.sm", "google.sr", "google.st", "google.com.sv", "google.td", "google.tg", "google.co.th", "google.com.tj", "google.tl", "google.tm", "google.tn", "google.to", "google.com.tr", "google.tt", "google.com.tw", "google.co.tz", "google.com.ua", "google.co.ug", "google.co.uk", "google.com.uy", "google.co.uz", "google.com.vc", "google.co.ve", "google.co.vi", "google.com.vn", "google.vu", "google.ws", "google.rs", "google.co.za", "google.co.zm", "google.co.zw", "google.cat"]);
            </script>
        <script id="web.layout.odooscript" type="text/javascript">
            var odoo = {
                csrf_token: '1afff2dae97f83e49c413e4c0f7b5692a6b053c2o1801895861',
                debug: "",
            };
        </script>
        <script type="text/javascript">
            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_internal_user": false, "is_website_user": true, "uid": null, "registry_hash": "1a36b8365540afb2128be9c5cdfe9138bde8ca3e44adff3903084cc2e425b8ac", "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"109": {"name": "MAD", "symbol": "DH", "position": "after", "digits": [69, 2]}}, "quick_login": true, "bundle_params": {"lang": "fr_FR", "website_id": 1}, "test_mode": false, "websocket_worker_version": "19.0-2", "translationURL": "/website/translations", "geoip_country_code": "FR", "geoip_phone_code": 33, "lang_url_code": "fr", "add_to_cart_action": "stay"};
            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/d441770/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
        <script type="text/javascript" data-src="/web/assets/1/e7e64ae/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
        
            <script id="plausible_script" name="plausible" defer="defer" data-domain="edu-autolab.odoo.com" src="https://download.odoo.com/js/plausi_saas.js"></script>
            
            <script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Auto&#39;Lab",
    "logo": "https://edu-autolab.odoo.com/logo.png?company=1",
    "url": "https://edu-autolab.odoo.com"
}
            </script>

             
        
    </head>
    <body>
        



        <div id="wrapwrap" class="">
            <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Se rendre au contenu</a>
                <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_standard" 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 shadow-sm">
        

            <div id="o_main_nav" class="o_main_nav container">
                
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo me-4">
            
            <span role="img" aria-label="Logo of Auto&#39;Lab" title="Auto&#39;Lab"><img src="/web/image/website/1/logo/Auto%27Lab?unique=6371090" class="img img-fluid" width="95" height="40" alt="Auto&#39;Lab" loading="lazy"/></span>
        </a>
    
                
    <ul role="menu" id="top_menu" class="nav navbar-nav top_menu o_menu_loading  me-auto">
        
                    

    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/" class="nav-link active">
            <span>Accueil</span>
        </a>
    </li>

    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/shop" class="nav-link">
            <span>Boutique</span>
        </a>
    </li>

    <li role="presentation" class="nav-item position-static  dropdown">
        <a href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="menuitem" class="dropdown-toggle nav-link o_mega_menu_toggle" data-bs-display="static">
            <span>Catégories</span>
        </a>
        
        <div data-name="Mega Menu" role="menuitem" class="o_mega_menu dropdown-menu border-top-0 fetchEcomCategories border-top-0"><section class="s_mega_menu_multi_menus py-4 o_colored_level o_cc o_cc1">
            <div class="container">
                <div class="row">
                        <div class="col-12 col-sm py-2 text-center o_colored_level">
                            <h4>
                                <a class="nav-link p-0 text-black" href="/shop/category/9">Interior’Lab</a>
                            </h4>
                            <nav class="nav flex-column">
                            </nav>
                        </div>
                        <div class="col-12 col-sm py-2 text-center o_colored_level">
                            <h4>
                                <a class="nav-link p-0 text-black" href="/shop/category/10">Exterior’Lab</a>
                            </h4>
                            <nav class="nav flex-column">
                            </nav>
                        </div>
                        <div class="col-12 col-sm py-2 text-center o_colored_level">
                            <h4>
                                <a class="nav-link p-0 text-black" href="/shop/category/12">PACK</a>
                            </h4>
                            <nav class="nav flex-column">
                            </nav>
                        </div>
                        <div class="col-12 col-sm py-2 text-center o_colored_level">
                            <h4>
                                <a class="nav-link p-0 text-black" href="/shop/category/13">Nos Marques</a>
                            </h4>
                            
                        </div>
                </div>
            </div>
        </section></div>
        
        <ul role="menu" class="dropdown-menu">
        </ul>
        
    </li>

    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/about-us" class="nav-link">
            <span>À propos</span>
        </a>
    </li>

    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/contactus" class="nav-link">
            <span>Contactez-nous</span>
        </a>
    </li>
                
    </ul>
                
                <ul class="navbar-nav align-items-center gap-2 flex-shrink-0 justify-content-end ps-3">
                    
        <li class="divider d-none"></li> 
        <li class="o_wsale_my_cart">
            <a href="/shop/cart" aria-label="Panier eCommerce" class="o_navlink_background btn position-relative rounded-circle p-1 text-center text-reset">
                <div class="">
                    <i class="fa fa-shopping-cart fa-stack"></i>
                    <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
                </div>
            </a>
        </li>
        <li class="o_wsale_my_wish d-none  o_wsale_my_wish_hide_empty">
            <a href="/shop/wishlist" class="o_navlink_background btn position-relative rounded-circle p-1 text-center text-reset">
                <div class="">
                    <i class="fa fa-1x fa-heart fa-stack"></i>
                    <sup class="my_wish_quantity o_animate_blink badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
                </div>
            </a>
        </li>
                    
        <li class="">
                <div data-name="Text" class="s_text_block">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary p-2"><span class="o_force_ltr">​</span>
                    <br/></a>
                </div>
        </li>
                    
                    
                    
            <li class="o_no_autohide_item">
                <a href="/web/login" class="o_nav_link_btn nav-link border px-3">Se connecter</a>
            </li>
                    
                    
                </ul>
            </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">
        

        <div class="o_main_nav container flex-wrap justify-content-between">
            <div class="d-flex flex-grow-1">
                
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo">
            
            <span role="img" aria-label="Logo of Auto&#39;Lab" title="Auto&#39;Lab"><img src="/web/image/website/1/logo/Auto%27Lab?unique=6371090" class="img img-fluid" width="95" height="40" alt="Auto&#39;Lab" loading="lazy"/></span>
        </a>
    
                <ul class="o_header_mobile_buttons_wrap navbar-nav d-flex flex-row align-items-center gap-2 mb-0 ms-auto">
        <li class="divider d-none"></li> 
        <li class="o_wsale_my_cart">
            <a href="/shop/cart" aria-label="Panier eCommerce" class="o_navlink_background_hover btn position-relative rounded-circle border-0 p-1 text-reset">
                <div class="">
                    <i class="fa fa-shopping-cart fa-stack"></i>
                    <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
                </div>
            </a>
        </li>
        <li class="o_wsale_my_wish d-none  o_wsale_my_wish_hide_empty">
            <a href="/shop/wishlist" class="o_navlink_background_hover btn position-relative rounded-circle border-0 p-1 text-reset">
                <div class="">
                    <i class="fa fa-1x fa-heart fa-stack"></i>
                    <sup class="my_wish_quantity o_animate_blink badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 d-none">0</sup>
                </div>
            </a>
        </li></ul>
            </div>
            <button class="nav-link btn 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>
            <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 pt-0">
                    <ul class="navbar-nav">
                        
                        
                        <li>
    <ul role="menu" class="nav navbar-nav top_menu  o_mega_menu_is_offcanvas mx-n3">
        
                                

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/" class="nav-link p-3 text-wrap active">
            <span>Accueil</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/shop" class="nav-link p-3 text-wrap">
            <span>Boutique</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top  position-static  dropdown">
        <a href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="menuitem" class="dropdown-toggle nav-link p-3 text-wrap o_mega_menu_toggle  d-flex justify-content-between align-items-center" data-bs-display="static">
            <span>Catégories</span>
        </a>
        
        
        <div class="o_mega_nav o_cc1 position-fixed top-0 end-0 invisible d-flex align-items-center w-100">
            <button class="btn nav-link oi oi-chevron-left ms-n2 px-2"></button>
        </div>
        
    </li>

    <li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/about-us" class="nav-link p-3 text-wrap">
            <span>À propos</span>
        </a>
    </li>

    <li role="presentation" class="nav-item border-top border-bottom px-0">
        <a role="menuitem" href="/contactus" class="nav-link p-3 text-wrap">
            <span>Contactez-nous</span>
        </a>
    </li>
                            
    </ul>
                        </li>
                        
        <li class="">
                <div data-name="Text" class="s_text_block mt-2">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary p-2"><span class="o_force_ltr">​</span>
                    <br/></a>
                </div>
        </li>
                        
                    </ul>
                    <ul class="navbar-nav gap-2 mt-3 w-100">
                        
                        
            <li class="o_no_autohide_item">
                <a href="/web/login" class="nav-link o_nav_link_btn w-100 border text-center">Se connecter</a>
            </li>
                        
                        
                    </ul>
                </div>
            </div>
        </div>
    
    </nav>
    </header>
                <main>
                    
        <div id="wrap" class="oe_structure"><section class="s_intro_pill pt40 pb40 o_colored_level" data-snippet="s_intro_pill">
        <div class="container-fluid">
            <div class="row o_grid_mode" data-row-count="13">
                <div class="oe_img_bg col-lg-5 o_colored_level g-height-9 g-col-lg-5 o_grid_item_image o_grid_item" style="z-index: 1; grid-area: 1 / 1 / 10 / 6; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px;">
                    <img src="/web/image/1149-5e1c3333/imgi_79_hand-applying-nano-ceram.jpg" alt="Entretien et protection de la carrosserie automobile" data-attachment-id="1146" class="img-fluid mx-auto img o_we_custom_image" data-shape="html_builder/geometric_round/geo_round_pill" data-format-mimetype="image/webp" data-original-id="1146" data-original-src="/web/image/1146-70e3547c/imgi_79_hand-applying-nano-ceram.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="626" data-shape-colors=";;;;" data-aspect-ratio="1/1" data-mimetype="image/svg+xml" data-x="209.00000000000003" data-y="-3.4682241917023215e-14" data-width="416.99999999999994" data-height="416.99999999999994" data-scale-x="1" data-scale-y="1" loading="lazy"/>
                </div>
                <div class="o_colored_level col-lg-4 g-height-11 g-col-lg-4 o_grid_item" data-name="Box" style="z-index: 3; grid-area: 1 / 5 / 12 / 9; --grid-item-padding-y: 120px;">
                    <h1 style="text-align: center;" class="display-1"><span class="o_text_highlight o_text_highlight_scribble_2" style="--text-highlight-color: #9CC6EF; --text-highlight-width: 2px;"><strong><em>Auto'Lab&nbsp;</em></strong></span></h1>
                    <p style="text-align: center;"><br/></p><p style="text-align: center;"><span class="h3-fs"><strong>Des solutions intelligentes pour&nbsp;l’entretien automobile, regroupées en kits simples et efficaces.</strong></span></p><h1>

<br/></h1>
                    <p style="text-align: center;">
                        <a class="o_translate_inline btn-lg btn btn-primary" href="/shop/category/pack-12">Découvrir nos kits</a>
                    </p>
                </div>
                
            <div class="d-none d-lg-block col-lg-5 o_colored_level g-height-10 g-col-lg-5 o_grid_item_image o_grid_item" style="z-index: 2; --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; grid-area: 4 / 8 / 14 / 13;">
                    <img src="/web/image/1150-1286c135/imgi_2_chemical-cleaning-of-car-seats-with-spoonge-WRLEZVU-min.jpg" alt="Nettoyage intérieur de voiture avec produit professionnel" data-attachment-id="1148" class="img-fluid mx-auto img o_we_custom_image" data-shape="html_builder/geometric_round/geo_round_pill" data-shape-colors=";;;;" data-format-mimetype="image/webp" data-original-id="1148" data-original-src="/web/image/1148-0fbea48e/imgi_2_chemical-cleaning-of-car-seats-with-spoonge-WRLEZVU-min.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="962" data-aspect-ratio="1/1" data-mimetype="image/svg+xml" data-x="38.91228070175442" data-width="781.9999999999999" data-height="781.9999999999999" data-scale-x="1" data-scale-y="1" loading="lazy"/>
                </div></div>
        </div>
    </section><section class="s_masonry_block pt48 pb48 o_colored_level" data-vcss="001" data-vxml="001" data-snippet="s_masonry_block_mosaic_template">
        <div class="container">
            
        <div class="row o_grid_mode" data-row-count="10" style="gap: 16px;">
            <div class="o_grid_item o_cc o_cc3 g-height-3 g-col-lg-3 col-lg-3 justify-content-start order-lg-0 rounded-3 o_colored_level" data-name="Block" style="order: 1; z-index: 1; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 1 / 1 / 4 / 4; linear-gradient(135deg, var(--o-color-4) -400%, var(--o-color-2) 100%);">
                <h2 class="h3-fs">ANALYSE</h2>
                <p><em>Comprendre les besoins des conducteurs</em></p>
            </div>
            <div class="o_grid_item o_cc o_cc2 g-height-3 g-col-lg-3 col-lg-3 justify-content-start order-lg-0 rounded-3 o_colored_level" data-name="Block" style="order: 2; z-index: 2; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 1 / 4 / 4 / 7;">
                <h2 class="h3-fs">SOLUTION</h2>
                <p><em>Des kits testés et prêts à l’emploi</em></p>
            </div>
            <div class="o_grid_item o_grid_item_image g-height-7 g-col-lg-6 col-lg-6 rounded-3 text-center order-lg-0 o_colored_level" data-name="Block" style="order: 0; z-index: 3; grid-area: 1 / 7 / 8 / 13;">
                <img src="/web/image/2048-cff232ef/selective-focus-shot-man-cleaning-car-s-back-headlight-with-microfiber-cloth.webp" alt="Nettoyage exterieur de voiture avec produit professionnel" data-attachment-id="2046" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="2046" data-original-src="/web/image/2046-62452312/selective-focus-shot-man-cleaning-car-s-back-headlight-with-microfiber-cloth.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
            </div>
            <div class="o_grid_item o_grid_item_image g-height-7 g-col-lg-6 col-lg-6 rounded-3 text-center order-lg-0 o_colored_level" data-name="Block" style="order: 3; z-index: 4; grid-area: 4 / 1 / 11 / 7;">
                <img src="/web/image/2049-d2f10346/car-wash-detailing-station.webp" alt="Nettoyage exterieur de voiture avec produit professionnel" data-attachment-id="2047" class="img img-fluid mx-auto rounded o_we_custom_image" data-format-mimetype="image/webp" data-original-id="2047" data-original-src="/web/image/2047-0c74e194/car-wash-detailing-station.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
            </div>
            <div class="o_grid_item o_cc o_cc2 g-height-3 g-col-lg-3 col-lg-3 justify-content-center text-center order-lg-0 rounded-3 o_colored_level" data-name="Block" style="order: 4; z-index: 5; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 8 / 7 / 11 / 10;">
                <h2 class="display-1-fs"><span class="h2-fs"><strong>3 étapes</strong></span></h2>
                <p><em>Analyser – Tester – Appliquer</em></p>
            </div>
            <div class="o_grid_item o_cc o_cc4 g-height-3 g-col-lg-3 col-lg-3 justify-content-center text-center order-lg-0 rounded-3 o_colored_level" data-name="Block" style="order: 5; z-index: 6; --grid-item-padding-y: 20px; --grid-item-padding-x: 20px; grid-area: 8 / 10 / 11 / 13; linear-gradient(135deg, var(--o-color-4) -400%, var(--o-color-1) 100%);">
                <h2 class="display-1-fs"><span class="h3-fs"><strong>100% pratique</strong></span></h2>
                <p><em>Des solutions simples, sans garage</em></p>
            </div>
        </div>
    
        </div>
    </section><section class="s_pricelist_boxed o_colored_level s_parallax_no_overflow_hidden pt0 pb0 s_parallax_is_fixed parallax" data-scroll-background-ratio="1" data-oe-shape-data="{&#39;shape&#39;:&#39;html_builder/Bold/14&#39;,&#39;colors&#39;:{&#39;c5&#39;:&#39;o-color-4&#39;, &#39;c1&#39;:&#39;o-color-4&#39;},&#39;flip&#39;:[],&#39;showOnMobile&#39;:true,&#39;shapeAnimationSpeed&#39;:&#39;0&#39;}" data-snippet="s_pricelist_boxed">
        <span class="s_parallax_bg o_bg_img_origin_border_box o_bg_img_center oe_img_bg" style="background-image: url(&#34;/web/image/2079-b5de5bac/28803.webp&#34;);" data-attachment-id="2078" data-format-mimetype="image/webp" data-original-id="2078" data-original-src="/web/image/2078-0b31fbb1/28803.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1848" data-mimetype="image/webp"></span>
        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url(&#34;/html_editor/shape/html_builder/Bold/14.svg?c5=o-color-4&amp;c1=o-color-4&#34;);"></div>
        <div class="container">
            <div class="row">
                <div class="rounded px-3 px-md-5 pt48 pb48 o_cc o_cc2 col-lg-5 border o_colored_level" data-name="Menu" style="border-width: 16px !important; border-color: rgb(255, 255, 255) !important;">
                    <div class="row">
                        <div class="col-lg-12 o_colored_level" data-name="Menu Heading">
                            <h2><span class="h2-fs o_text_highlight o_text_highlight_circle_2" style="--text-highlight-color: #9CC6EF; --text-highlight-width: 2px;">Pourquoi</span></h2><h2><span class="h2-fs o_text_highlight o_text_highlight_circle_2" style="--text-highlight-color: #9CC6EF; --text-highlight-width: 2px;">&nbsp;Auto'Lab ?</span></h2>
                            <p class="lead" style="text-align:center;">Nous proposons une large gamme d'accessoires automobiles, allant des tapis de sol aux systèmes audio, pour répondre à tous vos besoins. Notre objectif est de vous fournir des produits de qualité qui rehaussent votre expérience de conduite. Commencez par le client : trouvez ce qu'il veut et donnez-le lui.</p>
                        </div>
                        
                        
                    </div>
                </div>
            </div>
        </div>
    </section><section class="s_features_wall pt56 pb56 o_colored_level" data-oe-shape-data="{&#39;shape&#39;:&#39;html_builder/Bold/14&#39;,&#39;colors&#39;:{&#39;c5&#39;:&#39;o-color-4&#39;,&#39;c1&#39;:&#39;o-color-1&#39;},&#39;flip&#39;:[&#39;x&#39;],&#39;showOnMobile&#39;:false,&#39;shapeAnimationSpeed&#39;:&#39;0&#39;}" data-snippet="s_features_wall">
        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url(&#34;/html_editor/shape/html_builder/Bold/14.svg?c5=o-color-4&amp;c1=o-color-1&amp;flip=x&#34;);"></div>
    <div class="container">
            <div class="row o_grid_mode" data-row-count="27">
                
                <div class="o_grid_item o_grid_item_image g-height-6 g-col-lg-3 col-lg-3 o_colored_level" style="z-index: 2; grid-area: 1 / 7 / 7 / 10; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px;">
                    <img src="/web/image/2033-e1bfd829/beautiful-car-interior-clean-up-service.webp" alt="Nettoyage intérieur de voiture avec produit professionnel" data-attachment-id="2029" class="img img-fluid rounded-circle o_we_custom_image" data-format-mimetype="image/webp" data-original-id="2029" data-original-src="/web/image/2029-fcea3724/beautiful-car-interior-clean-up-service.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-3 s_col_no_bgcolor col-lg-3" style="z-index: 3; grid-area: 7 / 7 / 11 / 10; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <h2>Interior’Lab</h2>
                    <p>Nettoyage intérieur efficace pour un habitacle propre et sain.</p>
                </div>
                <div class="o_grid_item o_grid_item_image g-height-6 g-col-lg-3 col-lg-3 o_colored_level" style="z-index: 4; grid-area: 12 / 7 / 18 / 10; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px;">
                    <img src="/web/image/2036-25401b64/high-tech-travel-future-time.webp" alt="" data-attachment-id="2035" class="img img-fluid o_we_custom_image rounded-circle" data-format-mimetype="image/webp" data-original-id="2035" data-original-src="/web/image/2035-db317ace/high-tech-travel-future-time.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-3 col-lg-3 s_col_no_bgcolor" style="z-index: 5; grid-area: 18 / 7 / 22 / 10; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <h2>Comfort’Lab</h2>
                    <p>Confort et organisation pour une conduite plus agréable.</p>
                </div>
                <div class="o_grid_item o_grid_item_image g-height-6 g-col-lg-3 col-lg-3 o_colored_level" style="z-index: 6; grid-area: 6 / 10 / 12 / 13; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px;">
                    <img src="/web/image/2032-0da0ac1b/close-up-person-cleaning-car-exterior.webp" alt="Nettoyage exterieur de voiture avec produit professionnel" data-attachment-id="2031" class="img img-fluid rounded-circle o_we_custom_image" data-format-mimetype="image/webp" data-original-id="2031" data-original-src="/web/image/2031-d022e0f2/close-up-person-cleaning-car-exterior.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="690" data-mimetype="image/webp" loading="lazy"/>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-3 col-lg-3 s_col_no_bgcolor" style="z-index: 7; grid-area: 12 / 10 / 16 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 16px;">
                    <h2><strong>Exterior’Lab</strong></h2>
                    <p>Soin et protection de la carrosserie pour un éclat durable.</p>
                </div>
            <div class="o_grid_item g-height-21 g-col-lg-5 col-lg-5 o_colored_level" style="z-index: 1; --grid-item-padding-y: 0px; --grid-item-padding-x: 16px; grid-area: 7 / 1 / 28 / 6;">
                    <h1 class="display-1"><span class="o_animated_text o_animate o_anim_fade_in o_visible"><span class="o_text_highlight o_text_highlight_circle_2" style="--text-highlight-color: #9CC6EF; --text-highlight-width: 2px;">Nos solutions</span></span></h1>
                </div></div>
        </div>
    </section><section class="s_key_benefits pt48 pb48 o_colored_level" data-oe-shape-data="{&#39;shape&#39;: &#39;html_builder/Connections/14&#39;}" data-snippet="s_key_benefits" data-name="Avantages clés">
        <div class="o_we_shape o_html_builder_Connections_14"></div>
        <div class="container"><h2><span class="o_animated_text o_animate o_anim_fade_in o_visible"><span class="o_text_highlight o_text_highlight_scribble_3" style="--text-highlight-color: #CEE7F7; --text-highlight-width: 2px;">POURQUOI NOUS CHOISIR ?</span></span></h2><p><br/></p><p>

</p><div class="row">
                <div class="col-lg-4 pt48 pb24 o_colored_level">
                    <span class="display-3-fs text-o-color-1">1</span>
                    <div class="s_hr pt8 pb24" data-snippet="s_hr" data-name="Separator">
                        <hr class="w-100 mx-auto"/>
                    </div>
                    <h3>Solutions testées</h3><p><br/></p><p>

</p>
                    <p>Des produits soigneusement sélectionnés et testés pour garantir efficacité, sécurité et résultats visibles.</p>
                </div>
                <div class="col-lg-4 pt48 pb24 o_colored_level">
                    <span class="display-3-fs text-o-color-1">2</span>
                    <div class="s_hr pt8 pb24" data-snippet="s_hr" data-name="Separator">
                        <hr class="w-100 mx-auto"/>
                    </div>
                    <h3>Gain de temps</h3><p><br/></p><p>

</p>
                    <p>Tout est prêt à l’emploi, sans techniques complexes ni matériel professionnel.</p><p><br/></p><p>

</p>
                </div>
                <div class="col-lg-4 pt48 pb24 o_colored_level">
                    <span class="display-3-fs text-o-color-1">3</span>
                    <div class="s_hr pt8 pb24" data-snippet="s_hr" data-name="Separator">
                        <hr class="w-100 mx-auto"/>
                    </div>
                    <h3>Entretien simplifié</h3><p><br/></p>
                    <p>Des kits adaptés à chaque besoin automobile pour un entretien facile, rapide et accessible à tous.</p><p><br/></p>
                </div>
            </div></div>
    </section><section class="s_call_to_action o_cc o_cc5 pt128 pb128 o_colored_level" data-snippet="s_call_to_action">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center o_colored_level">
                    <h1 class="display-1"><span class="h1-fs">L’ENTRETIEN SANS SOLUTION</span></h1><h1 class="display-1"><span class="h1-fs">
NE SERT À RIEN</span></h1><p><span class="h3-fs">Auto’Lab propose des kits d’entretien intelligents pour prendre soin de votre voiture, facilement et efficacement.</span></p>
                </div>
                <div class="col-lg-12 o_colored_level">
                    <p style="text-align: center">
                        <a class="o_translate_inline btn-lg btn btn-primary" href="/shop">Explorer la boutique</a>
                    </p>
                </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 text-break">
            <section class="s_text_block pt0 pb0" data-snippet="s_text_block" data-name="Container">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-2 offset-lg-0 col-8 offset-2 pt16 pb16 o_colored_level">
                            <a href="/" class="o_footer_logo logo">
                                <img src="/web/image/1161-63893613/Auto%E2%80%99Lab.webp" alt="" data-attachment-id="1160" class="img-fluid d-block mx-auto img o_we_custom_image" style="width: 50% !important;" data-format-mimetype="image/webp" data-original-id="1160" data-original-src="/web/image/1160-60b630d0/Auto%E2%80%99Lab.png" data-mimetype-before-conversion="image/png" data-resize-width="300" data-mimetype="image/webp" loading="lazy"/>
                            </a>
                        </div>
                        <div class="col-lg-8 pt16 pb16 o_colored_level">
                            <nav class="nav align-items-center justify-content-center flex-column flex-lg-row">
                                <a class="nav-link" href="/">Accueil</a>
                                <a class="nav-link" href="/about-us">À propos de nous</a>
                                <a class="nav-link" href="/shop">Produits</a></nav><nav class="nav align-items-center justify-content-center flex-column flex-lg-row"><a class="btn btn-primary" href="/contactus">Entrer en contact</a>
                            </nav>
                        </div>
                        <div class="col-lg-2 pt16 pb16 o_colored_level">
                            <div class="s_social_media no_icon_color o_not_editable text-center" data-snippet="s_social_media" data-name="Social Media">
                                <h5 class="s_social_media_title d-none">Suivez-nous</h5>
<a href="/website/social/facebook" class="s_social_media_facebook" target="_blank">
                                    <i class="fa fa-facebook fa-stack o_editable_media"></i>
                                </a>
<a href="/website/social/twitter" class="s_social_media_twitter" target="_blank">
                                    <i class="fa fa-twitter fa-stack o_editable_media"></i>
                                </a>
<a href="/website/social/instagram" class="s_social_media_instagram" target="_blank">
                                    <i class="fa fa-instagram fa-stack o_editable_media"></i>
                                </a>
</div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
                        <div class="container py-3">
                            <div class="row row-gap-2">
                                <div class="text-center text-muted col-md col-md d-flex flex-column-reverse gap-2 text-md-start">
                                    <span class="o_footer_copyright_name me-2 small">Copyright © Auto'Lab</span>
                                </div>
                                <div class="text-center col-md o_not_editable small col-md mt-auto mb-0 text-md-end">
        <div class="o_brand_promotion">
        Généré par 
            <a target="_blank" class="badge text-bg-light" href="http://www.odoo.com?utm_source=db&amp;utm_medium=website">
                <img alt="Odoo" src="/web/static/img/odoo_logo_tiny.png" width="62" height="20" style="width: auto; height: 1em; vertical-align: baseline;" loading="lazy"/>
            </a>
        - 
                    Le #1 <a target="_blank" href="http://www.odoo.com/app/ecommerce?utm_source=db&amp;utm_medium=website">Open Source eCommerce</a>
                
        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
        <div id="website_cookies_bar" class="s_popup o_snippet_invisible d-none o_no_save" data-name="Cookies Bar" data-vcss="001" data-invisible="1">
            <div class="modal s_popup_bottom s_popup_no_backdrop o_cookies_discrete" data-show-after="500" data-display="afterDelay" data-consents-duration="999" data-bs-focus="false" data-bs-backdrop="false" data-bs-keyboard="false" tabindex="-1" role="dialog">
                <div class="modal-dialog d-flex s_popup_size_full">
                    <div class="modal-content oe_structure">
                        
                        <section class="o_colored_level o_cc o_cc1">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-8 pt16">
                                        <p>
                                            <span class="pe-1">Nous utilisons des cookies pour vous offrir une meilleure expérience utilisateur sur ce site web.</span>
                                            <a href="/cookie-policy" class="o_cookies_bar_text_policy btn btn-link btn-sm px-0 o_translate_inline">Politique de cookies</a>
                                        </p>
                                    </div>
                                    <div class="col-lg-4 text-end pt16 pb16">
                                        <a href="#" id="cookies-consent-essential" role="button" class="js_close_popup btn btn-outline-primary rounded-circle btn-sm px-2">Que les essentiels</a>
                                        <a href="#" id="cookies-consent-all" role="button" class="js_close_popup btn btn-outline-primary rounded-circle btn-sm">Je suis d'accord</a>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
            </div>
        
        </body>
</html>