Online site

Justine-tblt · Oct 26, 2024 · 6c95e72 · 6c95e72
1 parent 942685f
commit 6c95e72
Show file tree

Hide file tree

Showing 150 changed files with 7,383 additions and 0 deletions.
diff --git a/Fonts/PlaywriteIS-ExtraLight.woff b/Fonts/PlaywriteIS-ExtraLight.woff
diff --git a/Fonts/PlaywriteIS-ExtraLight.woff2 b/Fonts/PlaywriteIS-ExtraLight.woff2
diff --git a/Fonts/PlaywriteIS-Light.woff b/Fonts/PlaywriteIS-Light.woff
diff --git a/Fonts/PlaywriteIS-Light.woff2 b/Fonts/PlaywriteIS-Light.woff2
diff --git a/Fonts/PlaywriteIS-Regular.woff b/Fonts/PlaywriteIS-Regular.woff
diff --git a/Fonts/PlaywriteIS-Regular.woff2 b/Fonts/PlaywriteIS-Regular.woff2
diff --git a/Fonts/PlaywriteIS-Thin.woff b/Fonts/PlaywriteIS-Thin.woff
diff --git a/Fonts/PlaywriteIS-Thin.woff2 b/Fonts/PlaywriteIS-Thin.woff2
diff --git a/cheveuxabimes.html b/cheveuxabimes.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Anton+SC&display=swap" rel="stylesheet">
+<!--FONT AWESOME-->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <title>Détail des produits - Florida Coiffure</title>
+    <link rel="stylesheet" href="product-detail.css">
+</head>
+<body>
+    <header>
+        <div class="logo1"><img src="images/logo.png" alt="Logo"></div>
+        <div class="navbar">
+            <div class="menu-toggle" id="menuToggle">
+                &#9776; <!-- Unicode pour le symbole hamburger -->
+            </div>
+            <ul class="nav-list" id="navList">
+                <li class="item"><a href="index.html">Accueil</a></li>
+                <li class="item"><a href="prestations-home.php">Coiffure</a></li>
+                <li class="item"><a href="ongles.html">Onglerie</a></li>
+                <li class="item"><a href="products.html">Boutique</a></li>
+            </ul>
+        </div>
+    </header>
+
+
+    <div class="top"> 
+        <div class="back">
+            <a href="products.html" class="retour"><i class="fa-solid fa-chevron-left"></i> Page précédente</a>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="images">
+            <div class="image-container">
+                <img src="images/products/shampoing-luxeoil.png" alt="">
+                <div class="overlay">Shampoing</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/conditioner-luxeoil.png" alt="">
+                <div class="overlay">Après-Shampoing</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/masque-luxeoil.png" alt="">
+                <div class="overlay">Masque</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/huile-luxeoil.png" alt="">
+                <div class="overlay">Keratin Boost Essence</div>
+            </div>
+        </div>
+        <div class="product-info">
+            <h1>Routine cheveux très abîmés</h1>
+            <div class="icons">
+                <div class="caracteristique"><img src="images/icon-force.png" alt="" class="icon">Renforce</div>
+                <div class="caracteristique"><img src="images/icon-brillance.png" alt="" class="icon">Brillance</div>
+            </div>
+            <div class="buttons">
+                <button onclick="showProduct('Pack-luxeoil')">Pack</button>
+                <button onclick="showProduct('Shampoing-luxeoil')">Shampoing</button>
+                <button onclick="showProduct('Après-shampoing-luxeoil')">Après-shampoing</button>
+                <button onclick="showProduct('Masque-luxeoil')">Masque</button>
+                <button onclick="showProduct('Keratin-luxeoil')">Keratin Boost Essence</button>
+            </div>
+            <div class="description">
+                <p>Description du produit sélectionné, avec sous titres et paragraphes.</p>
+            </div>
+
+            <button id="price" class="price">Acheter </button>
+        </div>
+    </div>
+
+
+    <!-- FOOTER--->
+    <footer id="footer">
+        <div class="container-footer">
+            <div class="column">
+                <h4>Nous contacter</h4>
+                <ul class="footer-info">
+                    <li class="info"><a href="https://maps.app.goo.gl/gYwtXxxcoUaWmJxg8">29 Rue Vincent, 30240 Le Grau-du-Roi <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                    <li class="info"><a href="tel:0466510012">04.66.51.00.12 <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                </ul>
+            </div>
+            <div class="column">
+                <h4>Liens utiles</h4>
+                <ul class="footer-info">
+                    <li class="info"><a href="https://www.planity.com/florida-coiffure-30240-le-grau-du-roi">Prendre rendez-vous <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                    <li class="info"><a href="mentionslegales.php">Mentions légales  <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                </ul>
+            </div>
+        </div>
+        <br>
+        <p class="txtdroits">&copy; 2024 Florida Coiffure. Tous droits réservés.</p>
+    </footer>
+
+    <script src="products.js"></script>
+    <script src="menu.js"></script>
+
+</body>
+</html>
diff --git a/cheveuxcolores.html b/cheveuxcolores.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Anton+SC&display=swap" rel="stylesheet">
+<!--FONT AWESOME-->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <title>Détail des produits - Florida Coiffure</title>
+    <link rel="stylesheet" href="product-detail.css">
+</head>
+<body>
+    <header>
+        <div class="logo1"><img src="images/logo.png" alt="Logo"></div>
+        <div class="navbar">
+            <div class="menu-toggle" id="menuToggle">
+                &#9776; <!-- Unicode pour le symbole hamburger -->
+            </div>
+            <ul class="nav-list" id="navList">
+                <li class="item"><a href="index.html">Accueil</a></li>
+                <li class="item"><a href="prestations-home.php">Coiffure</a></li>
+                <li class="item"><a href="ongles.html">Onglerie</a></li>
+                <li class="item"><a href="products.html">Boutique</a></li>
+            </ul>
+        </div>
+    </header>
+
+
+    <div class="top"> 
+        <div class="back">
+            <a href="products.html" class="retour"><i class="fa-solid fa-chevron-left"></i> Page précédente</a>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="images">
+            <div class="image-container">
+                <img src="images/products/shampoing-colores.png" alt="">
+                <div class="overlay">Shampoing</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/conditioner-colores.png" alt="">
+                <div class="overlay">Après-Shampoing</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/spray-colores.png" alt="">
+                <div class="overlay">Spray</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/masque-colores.png" alt="">
+                <div class="overlay">Masque</div>
+            </div>
+        </div>
+        <div class="product-info">
+            <h1>Routine cheveux colorés</h1>
+            <div class="icons">
+                <div class="caracteristique"><img src="images/icon-color.png" alt="" class="icon">Protection de la couleur</div>
+                <div class="caracteristique"><img src="images/icon-repare.png" alt="" class="icon">Répare</div>
+            </div>
+            <div class="buttons">
+                <button onclick="showProduct('Pack-color')">Pack</button>
+                <button onclick="showProduct('Shampoing-color')">Shampoing</button>
+                <button onclick="showProduct('Après-shampoing-color')">Après-shampoing</button>
+                <button onclick="showProduct('Spray-color')">Spray</button>
+                <button onclick="showProduct('Masque-color')">Masque</button>
+            </div>
+            <div class="description">
+                <p>Description du produit sélectionné, avec sous titres et paragraphes.</p>
+            </div>
+
+            <button id="price" class="price">Acheter </button>
+        </div>
+    </div>
+
+
+    <!-- FOOTER--->
+    <footer id="footer">
+        <div class="container-footer">
+            <div class="column">
+                <h4>Nous contacter</h4>
+                <ul class="footer-info">
+                    <li class="info"><a href="https://maps.app.goo.gl/gYwtXxxcoUaWmJxg8">29 Rue Vincent, 30240 Le Grau-du-Roi <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                    <li class="info"><a href="tel:0466510012">04.66.51.00.12 <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                </ul>
+            </div>
+            <div class="column">
+                <h4>Liens utiles</h4>
+                <ul class="footer-info">
+                    <li class="info"><a href="https://www.planity.com/florida-coiffure-30240-le-grau-du-roi">Prendre rendez-vous <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                    <li class="info"><a href="mentionslegales.php">Mentions légales  <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                </ul>
+            </div>
+        </div>
+        <br>
+        <p class="txtdroits">&copy; 2024 Florida Coiffure. Tous droits réservés.</p>
+    </footer>
+
+    <script src="products.js"></script>
+    <script src="menu.js"></script>
+
+</body>
+</html>
diff --git a/cheveuxgras.html b/cheveuxgras.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Anton+SC&display=swap" rel="stylesheet">
+<!--FONT AWESOME-->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <title>Détail des produits - Florida Coiffure</title>
+    <link rel="stylesheet" href="product-detail.css">
+</head>
+<body>
+    <header>
+        <div class="logo1"><img src="images/logo.png" alt="Logo"></div>
+        <div class="navbar">
+            <div class="menu-toggle" id="menuToggle">
+                &#9776; <!-- Unicode pour le symbole hamburger -->
+            </div>
+            <ul class="nav-list" id="navList">
+                <li class="item"><a href="index.html">Accueil</a></li>
+                <li class="item"><a href="prestations-home.php">Coiffure</a></li>
+                <li class="item"><a href="ongles.html">Onglerie</a></li>
+                <li class="item"><a href="products.html">Boutique</a></li>
+            </ul>
+        </div>
+    </header>
+
+
+    <div class="top"> 
+        <div class="back">
+            <a href="products.html" class="retour"><i class="fa-solid fa-chevron-left"></i> Page précédente</a>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="images">
+            <div class="image-container">
+                <img src="images/products/shampoing-gras.png" alt="">
+                <div class="overlay">Shampoing</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/lotion-gras.png" alt="">
+                <div class="overlay">Lotion</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/shampeeling-gras.png" alt="">
+                <div class="overlay">Shampeeling</div>
+            </div>
+            <div class="image-container">
+                <img src="images/products/masque-gras.png" alt="">
+                <div class="overlay">Masque</div>
+            </div>
+        </div>
+        <div class="product-info">
+            <h1>Routine cheveux gras</h1>
+            <div class="icons">
+                <div class="caracteristique"><img src="images/icon-nourissant.png" alt="" class="icon">Nourrissant</div>
+            </div>
+            <div class="buttons">
+                <button onclick="showProduct('Pack -cheveuxgras')">Pack</button>
+                <button onclick="showProduct('Shampoing -cheveuxgras')">Shampoing</button>
+                <button onclick="showProduct('Lotion -cheveuxgras')">Lotion</button>
+                <button onclick="showProduct('Shampeeling -cheveuxgras')">Shampeeling</button>
+                <button onclick="showProduct('Masque -cheveuxgras')">Masque</button>
+            </div>
+            <div class="description">
+                <p>Description du produit sélectionné, avec sous titres et paragraphes.</p>
+            </div>
+
+            <button id="price" class="price">Acheter </button>
+        </div>
+    </div>
+
+
+    <!-- FOOTER--->
+    <footer id="footer">
+        <div class="container-footer">
+            <div class="column">
+                <h4>Nous contacter</h4>
+                <ul class="footer-info">
+                    <li class="info"><a href="https://maps.app.goo.gl/gYwtXxxcoUaWmJxg8">29 Rue Vincent, 30240 Le Grau-du-Roi <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                    <li class="info"><a href="tel:0466510012">04.66.51.00.12 <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                </ul>
+            </div>
+            <div class="column">
+                <h4>Liens utiles</h4>
+                <ul class="footer-info">
+                    <li class="info"><a href="https://www.planity.com/florida-coiffure-30240-le-grau-du-roi">Prendre rendez-vous <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                    <li class="info"><a href="mentionslegales.php">Mentions légales  <i class="fa-solid fa-arrow-up-right-from-square"></i></a></li>
+                </ul>
+            </div>
+        </div>
+        <br>
+        <p class="txtdroits">&copy; 2024 Florida Coiffure. Tous droits réservés.</p>
+    </footer>
+
+    <script src="products.js"></script>
+    <script src="menu.js"></script>
+
+</body>
+</html>