-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 464392d
Showing
17 changed files
with
668 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| { | ||
| "printWidth": 160, | ||
| "tabWidth": 4, | ||
| "trailingComma": "all", | ||
| "arrowParens": "avoid" | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,179 @@ | ||
| <!doctype html> | ||
| <html lang="fr"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <title>Écouteurs</title> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <nav> | ||
| <a href="#">Accueil</a> | ||
| <a href="#">Auteurs</a> | ||
| <a href="#">Catalogue</a> | ||
| </nav> | ||
| <div class="right-section"> | ||
| <a href="#">Contact</a> | ||
| </div> | ||
| </header> | ||
| <div class="hero-section"> | ||
| <div class="hero-section-text"> | ||
| <h2>Des casques audio qui révolutionnent votre expérience</h2> | ||
| <p> | ||
| Un design élégant, une qualité sonore exceptionnelle, et une immersion totale. Découvrez nos casques conçus pour vous offrir la meilleure | ||
| expérience audio. | ||
| </p> | ||
| <div class="hero-section-buttons"> | ||
| <button class="btn1">Découvrir maintenant</button> | ||
| <button class="btn2">Pourquoi nous ?</button> | ||
| </div> | ||
| </div> | ||
| <div class="hero-section-image"> | ||
| <div class="red-circle"></div> | ||
| <img src="images/PIC1765948_RL_02.webp" alt="Sony WH-1000XM5" class="circle-image" /> | ||
| </div> | ||
| </div> | ||
| <div class="product-section"> | ||
| <div class="product-section-content"> | ||
| <img src="images/ath-m50x_overview_middle.png" alt="Audio-Technica ATH-M50x" class="soon-image" /> | ||
| <div class="soon"> | ||
| <h2>Audio-Technica ATH-M50x – Casque Pliable de Qualité Studio</h2> | ||
| <p>Son clair et basses puissantes, design pliable et oreillettes pivotantes : idéal pour le studio ou vos déplacements.</p> | ||
| <h2>Pourquoi le choisir ?</h2> | ||
| <ul> | ||
| <li>Son haute fidélité : Des graves puissants, des médiums équilibrés et des aigus cristallins.</li> | ||
| <li>Compact et portable : Conception pliable pour un rangement facile.</li> | ||
| </ul> | ||
| <div class="product-section-buttons"> | ||
| <button class="btn1">Ajouter aux favoris</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="characteristics-section"> | ||
| <div class="card characteristics-section-text"> | ||
| <h2>Caractéristiques</h2> | ||
| <ul> | ||
| <li>Type : Casque Bluetooth avec ANC</li> | ||
| <li>Autonomie : jusqu'à 30 heures avec ANC activé (45 heures sans ANC)</li> | ||
| <li>Micro intégré : Oui</li> | ||
| <li>Connectique : Bluetooth 5.0, prise audio 3,5 mm</li> | ||
| <li>Couleur : Noir mat avec détails dorés</li> | ||
| <li>Poids : 320 g</li> | ||
| <li>Temps de charge : 2 heures</li> | ||
| </ul> | ||
| <div class="characteristics-section-buttons"> | ||
| <button class="btn1">349,99 € — Ajouter au panier</button> | ||
| </div> | ||
| </div> | ||
| <div class="card characteristics-section-image"> | ||
| <img src="images/monitor-ii-two-asset-14-fix-2.png" alt="Marshall Monitor II ANC" /> | ||
| </div> | ||
| </div> | ||
| <div class="review-section"> | ||
| <div class="card review-section-text"> | ||
| <h2>Thomas R. (★★★★★)</h2> | ||
| <p> | ||
| Le Marshall Monitor II ANC est tout simplement incroyable. La réduction de bruit active fonctionne parfaitement, même dans les | ||
| environnements les plus bruyants, et la qualité sonore est exceptionnelle, avec des basses profondes et des aigus clairs. Le design est | ||
| élégant et très confortable, même après plusieurs heures d'utilisation. Certes, le prix est élevé, mais la qualité est au rendez-vous. Je | ||
| recommande vivement ! | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="slider-section"> | ||
| <div class="slider-section-contents"> | ||
| <div class="card slider-section-item"> | ||
| <img src="images/philips-fidelio-x3-frandroid-2020.png" alt="Philips Fidelio X3" /> | ||
| <a href="#">Philips Fidelio X3</a> | ||
| </div> | ||
| <div class="card slider-section-item"> | ||
| <img src="images/ath-m50x_01_1.png" alt="Audio-Technica ATH-M50x" /> | ||
| <a href="#">Audio-Technica ATH-M50x</a> | ||
| </div> | ||
| <div class="card slider-section-item"> | ||
| <img src="images/bose-quietcomfort-45-frandroid-2021.webp" alt="Bose QuietComfort 45" /> | ||
| <a href="#">Bose QuietComfort 45</a> | ||
| </div> | ||
| <div class="card slider-section-item"> | ||
| <img src="images/MDRZ1R.webp" alt="Sony MDR-Z1R" /> | ||
| <a href="#">Sony MDR-Z1R</a> | ||
| </div> | ||
| <div class="card slider-section-item"> | ||
| <img src="images/ATH-ADX5000.png" alt="Audio-Technica ATH-ADX5000" /> | ||
| <a href="#">Audio-Technica ATH-ADX5000</a> | ||
| </div> | ||
| <div class="card slider-section-item"> | ||
| <img src="images/ATH-ADX5000.png" alt="Audio-Technica ATH-ADX5000" /> | ||
| <a href="#">Audio-Technica ATH-ADX5000</a> | ||
| </div> | ||
| <div class="card slider-section-item"> | ||
| <img src="images/ATH-ADX5000.png" alt="Audio-Technica ATH-ADX5000" /> | ||
| <a href="#">Audio-Technica ATH-ADX5000</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="advantages-section"> | ||
| <div class="card advantages-section-contents"> | ||
| <div class="advantages-section-image"> | ||
| <img src="images/pexels-matej-117839-819012.jpg" alt="Une personne avec un casque audio" /> | ||
| </div> | ||
| <div class="advantages-section-text"> | ||
| <h2>Qualité et sérénité :</h2> | ||
| <p> | ||
| Nous travaillons uniquement avec des marques fiables et des distributeurs officiels pour garantir des produits de haute qualité. | ||
| Profitez d'une assistance experte pour choisir le casque idéal et bénéficiez d'une garantie officielle allant jusqu'à 2 ans. Vous avez | ||
| également 30 jours pour retourner ou échanger vos produits en toute simplicité. | ||
| </p> | ||
| <hr /> | ||
| <h2>Avantages clients :</h2> | ||
| <p> | ||
| Livraison gratuite à partir de 50 €, modes de paiement flexibles (y compris en plusieurs fois) et un programme de fidélité pour | ||
| économiser sur vos futurs achats. Rejoignez des milliers de clients satisfaits et découvrez notre engagement écologique avec des | ||
| solutions pour recycler vos anciens appareils. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <footer> | ||
| <div class="footer-content"> | ||
| <div class="footer-item"> | ||
| <h2>Informations</h2> | ||
| <ul> | ||
| <li><a href="#">À propos</a></li> | ||
| <li><a href="#">Notre mission</a></li> | ||
| <li><a href="#">Conditions générales de vente</a></li> | ||
| <li><a href="#">Politique de confidentialité</a></li> | ||
| <li><a href="#">Mentions légales</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="footer-item"> | ||
| <h2>Clients</h2> | ||
| <ul> | ||
| <li><a href="#">Livraison et retours</a></li> | ||
| <li><a href="#">FAQ</a></li> | ||
| <li><a href="#">Contactez-nous</a></li> | ||
| <li><a href="#">Guide d'achat</a></li> | ||
| <li><a href="#">Programme de fidélité</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="footer-item"> | ||
| <h2>Suivez-nous</h2> | ||
| <ul> | ||
| <li> | ||
| <a href="#"><img src="images/65a4fe4237b6a1c4fa714f76_x.svg" alt="X" /></a> | ||
| <a href="#"><img src="images/65a4fe42d907d27f3dead7a0_instagram.svg" alt="Instagram" /></a> | ||
| <a href="#"><img src="images/65a4fe4173c1df8be608c8a2_facebook.svg" alt="Facebook" /></a> | ||
| <a href="#"><img src="images/65a4fe42d907d27f3dead7ad_youtube.svg" alt="YouTube" /></a> | ||
| <a href="#"><img src="images/65a4fe4152ae5860036dadf1_tiktok.svg" alt="TikTok" /></a> | ||
| </li> | ||
| <li>Email : <a href="#">contact@votresite.com</a></li> | ||
| <li>Téléphone : <a href="#">+33 1 23 45 67 89</a></li> | ||
| <li>Adresse : <a href="#">123 Rue des Casques, 75001 Paris, France</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.