File: /home/x/n/m/xnmprns/www/Pages/Ameublement.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="/Icon/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/Icon/favicon/favicon.svg" />
<link rel="shortcut icon" href="/Icon/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/Icon/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="MP Rénovation" />
<link rel="manifest" href="/Icon/favicon/site.webmanifest" />
<link rel="stylesheet" href="../Styles/Header.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="../Styles/Ameublement.css">
<link rel="stylesheet" href="../Styles/Footer.css">
<title>Ameublement | MP Rénovation</title>
</head>
<body>
<!--? Navbar -->
<nav class="navbar">
<div class="nav-links">
<ul>
<li><a href="../index.html">Accueil</a></li>
<div class="header-btn-active">
<li class="dropdown" id="services-dropdown">
<a href="javascript:void(0)" class="active" onclick="toggleDropdown()">Services</a>
<div class="dropdown-content">
<a href="./murs&plafonds.html">Murs & Plafonds</a>
<a href="./sols&plinthes.html">Sols & Plinthes</a>
<a href="./Ameublement.html">Ameublements</a>
</div>
</li>
<div class="btn-active"></div>
</div>
<li><a href="./galerie.html">Nos réalisations</a></li>
<li><a href="./Connaitre.html">Nous connaître</a></li>
<li><a href="./Devis.html">Devis</a></li>
</ul>
</div>
<i class='bx bx-menu'></i>
</nav>
<header></header>
<header class="hdr-volant"></header>
<!--? Navbar -->
<!--? Header avec image -->
<div class="img-container">
<div class="header-img">
<div class="hdr-acc">
<div class="titre-acc-hdr">
<h1>Transformez Vos Espaces de Vie</h1>
</div>
<div class="titre-acc-hdr-txt">
<p>Profitez d'un aménagement sur mesure pour votre salle de bain, chambre,
salon et cuisine. Grâce à nos offres de montage et de création, vos pièces
seront entièrement personnalisées selon vos envies.</p>
</div>
<div class="btn-acc-hdr">
<a href="#Decouvrir"><button class="btn-acc-hdr-lire">Découvrir</button></a>
</div>
</div>
</div>
</div>
<!--? Fin Header avec image -->
<!--? Icon list -->
<div class="icon-placement" id="Decouvrir">
<div class="icon-list">
<div>
<img src="../Icon/toilet.png" alt="">
<img src="../Icon/douche.png" alt="">
<img src="../Icon/cuisine.png" alt="">
<img src="../Icon/miroir.png" alt="">
</div>
<div>
<img src="../Icon/dressing.png" alt="">
<img src="../Icon/furniture.png" alt="">
<img src="../Icon/serviette.png" alt="">
<img src="../Icon/robinet.png" alt="">
<img src="../Icon/evier.png" alt="">
</div>
</div>
</div>
<!--? Fin Icon list -->
<!--? Shortcut Image -->
<div class="shortcut-position">
<a href="#Meuble" class="img-link1">
<span>Aménagez Votre Espace</span>
<p>Découvrez nos solutions pour aménager votre espace,
avec des options variées pour meubles, rangements
et agencements, pour une harmonie parfaite dans
votre intérieur.</p>
</a>
<a href="#SDB" class="img-link2">
<span>Réinventez Votre Salle de Bain</span>
<p>Découvrez nos solutions pour moderniser votre salle
de bain, avec des options pour toilettes, vasques,
miroirs et meubles.</p>
</a>
</div>
<!--? Fin de Shortcut Image -->
<!-- ? Votre intérieur -->
<div class="inte-placement">
<img class="int-cuisine" src="../Image/Ameublement/cuisine.webp" alt="">
<div class="int-txt">
<span>Confiez-nous l'Aménagement<br> de Votre Intérieur</span>
<p>Nos experts sont prêts à créer des espaces harmonieux et fonctionnels,
que ce soit pour votre cuisine, salle de bain, salon ou toute autre pièce
de votre maison. Nous sommes à votre écoute pour donner vie à vos
projets d’aménagement.</p>
<a href="#Solution"><button>Explorez Nos Solutions</button></a>
</div>
</div>
<!-- ? Fin de Votre intérieur -->
<!-- ? Espace bien être -->
<div class="sdb-content" id="SDB">
<div class="sdb-title">
<p>Créez un espace pratique et élégant à votre image</p>
<span>Embellissez Votre Espace Bien-Être</span>
</div>
<div>
<div id="position-sdb-img">
<div class="position-sdb-1-2">
<div class="position-sdb1">
<img src="../Image/Ameublement/sdb1.webp" alt="">
<p>Meuble</p>
</div>
<div class="position-sdb2">
<img src="../Image/Ameublement/sdb2.webp" alt="">
<p>Vasque</p>
</div>
</div>
<div class="position-sdb-3-4">
<div class="position-sdb3">
<img src="../Image/Ameublement/sdb3.webp" alt="">
<p>Miroir</p>
</div>
<div class="position-sdb4">
<img src="../Image/Ameublement/sdb4.webp" alt=""">
<p>Toilette</p>
</div>
</div>
</div>
</div>
<div id=" Solution">
</div>
</div>
<!-- ? Fin de l'Espace bien être -->
<!-- ? Espace Cuisine -->
<div class="sdb-content">
<div class="sdb-title">
<p>Créez un espace convivial et fonctionnel qui vous ressemble</p>
<span>Transformez Votre Cuisine</span>
</div>
<div>
<div id="position-sdb-img">
<div class="position-sdb-1-2">
<div class="position-sdb1">
<img src="../Image/Ameublement/cuisine1.webp" alt="">
<p>Plan de travail</p>
</div>
<div class="position-sdb2">
<img src="../Image/Ameublement/cuisine2.webp" alt="">
<p>Cuisine intégrée</p>
</div>
</div>
<div class="position-sdb-3-4">
<div class="position-sdb3">
<img src="../Image/Ameublement/cuisine3.webp" alt="">
<p>Meubles muraux & étagères</p>
</div>
<div class="position-sdb4">
<img src="../Image/Ameublement/cuisine4.webp" alt="">
<p>Équipements de cuisine</p>
</div>
</div>
</div>
</div>
<div id="Meuble"></div>
</div>
<!-- ? Fin de Cuisine -->
<!-- ? Espace Vie -->
<div class="sdb-content">
<div class="sdb-title">
<p>Un intérieur où chaque pièce trouve sa place</p>
<span>Harmonisez Vos Espaces de Vie</span>
</div>
<div>
<div id="position-sdb-img">
<div class="position-sdb-1-2">
<div class="position-vie">
<div class="vie-titre">
<span>Variétés d'Espaces<br> à Personnaliser</span>
</div>
<div class="vie-list">
<div>
<p>Pièces à Aménager :</p>
</div>
<ul>
<li><i class='bx bx-right-arrow-alt'></i>Chambre</li>
<li><i class='bx bx-right-arrow-alt'></i>Salon</li>
<li><i class='bx bx-right-arrow-alt'></i>Bureau</li>
<li><i class='bx bx-right-arrow-alt'></i>Buanderie</li>
</ul>
</div>
</div>
<div class="position-sdb2">
<img src="../Image/Ameublement/dress.webp" alt="">
<p>Placard & Dressing</p>
</div>
</div>
<div class="position-sdb-3-4">
<div class="position-sdb3">
<img src="../Image/Ameublement/chambre.webp" alt="">
<p>Chambre</p>
</div>
<div class="position-sdb4">
<img src="../Image/Ameublement/biblio.webp" alt="">
<p>Salon</p>
</div>
</div>
</div>
</div>
</div>
<!-- ? Fin Vie -->
<!-- ? Slider Image -->.
<div class="slider-title">
<span>Découvrez Nos Espaces Transformés</span>
</div>
<div class="slider-container">
<div class="container">
<input type="radio" name="slider" id="item-1" checked>
<input type="radio" name="slider" id="item-2">
<input type="radio" name="slider" id="item-3">
<div class="cards">
<label class="card" for="item-1" id="song-1">
<img src="../Image/Ameublement/slideram1.webp" alt="song">
</label>
<label class="card" for="item-2" id="song-2">
<img src="../Image/Ameublement/slideram2.webp" alt="song">
</label>
<label class="card" for="item-3" id="song-3">
<img src="../Image/Ameublement/slideram3.webp" alt="song">
</label>
</div>
</div>
</div>
<!-- ? Fin de Slider Image -->
<!-- ? Footer -->
<div class="footer">
<hr class="footer-hr">
<div class="footer-Infos">
<div class="footer-mp">
<span>Mp Rénovation</span>
<div>
<p><a href="../index.html">Accueil</a></p>
<p><a href="./Connaitre.html">Qui sommes nous ?</a></p>
</div>
</div>
<div class="footer-services">
<span>Nos Services</span>
<div>
<p><a href="./murs&plafonds.html">Murs et Revêtement</a></p>
<p><a href="./galerie.html">Galerie</a></p>
<p><a href="./sols&plinthes.html">Sols et Plinthes</a></p>
<p><a href="./Ameublement.html">Ameublements</a></p>
</div>
</div>
<div class="footer-information">
<span>Vous informez</span>
<div>
<p><a href="./Devis.html">Devis</a></p>
</div>
</div>
<div class="footer-propos">
<span>à propos</span>
<div>
<p><a href="./mention-legales.html">Mentions légales</a></p>
<p><a href="./CGU.html">Conditions générales <br> d'utilisations</a></p>
</div>
</div>
</div>
</div>
<!-- ? Fin du Footer -->
</body>
<script src="../Script/Header.js"></script>
<script src="../Script/Slider.js"></script>
</html>