diff --git a/car-site/index.html b/car-site/index.html
new file mode 100644
index 0000000..7ff9222
--- /dev/null
+++ b/car-site/index.html
@@ -0,0 +1,38 @@
+
+
+
+ Garage Passionné
+
+ Bienvenue dans le garage des passionnés de voitures
+
+
+
+
+
+ Quelques modèles impressionnants
+
+
+
+ À propos
+ Ce site est dédié aux passionnés de voitures. Explorez des images de supercars,
+ partagez vos modèles préférés et restez connectés avec la communauté.
+
+
+ © 2024 Garage Passionné
+
+
+
+
diff --git a/car-site/script.js b/car-site/script.js
new file mode 100644
index 0000000..0f5a0d9
--- /dev/null
+++ b/car-site/script.js
@@ -0,0 +1,8 @@
+window.addEventListener('scroll', () => {
+ const nav = document.querySelector('.main-nav');
+ if (window.scrollY > 50) {
+ nav.classList.add('scrolled');
+ } else {
+ nav.classList.remove('scrolled');
+ }
+});
diff --git a/car-site/styles.css b/car-site/styles.css
new file mode 100644
index 0000000..d0f55fd
--- /dev/null
+++ b/car-site/styles.css
@@ -0,0 +1,90 @@
+body {
+ margin: 0;
+ font-family: Arial, Helvetica, sans-serif;
+ background-color: #111;
+ color: #eee;
+}
+
+.hero {
+ background-image: url('https://images.unsplash.com/photo-1471478331149-c72f17fb1cfc?w=1600');
+ background-size: cover;
+ background-position: center;
+ height: 60vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ color: white;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+
+.hero h1 {
+ font-size: 3rem;
+}
+
+.main-nav {
+ background: #222;
+ padding: 1rem;
+ position: sticky;
+ top: 0;
+ z-index: 1000;
+}
+
+.main-nav ul {
+ list-style: none;
+ display: flex;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+}
+
+.main-nav li {
+ margin: 0 1rem;
+}
+
+.main-nav a {
+ color: #fff;
+ text-decoration: none;
+ font-size: 1.1rem;
+ transition: color 0.3s ease;
+}
+
+.main-nav a:hover {
+ color: #f00;
+}
+
+.gallery {
+ padding: 2rem;
+}
+
+.gallery-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 1rem;
+}
+
+.gallery-grid img {
+ width: 100%;
+ border-radius: 8px;
+ transition: transform 0.3s ease;
+}
+
+.gallery-grid img:hover {
+ transform: scale(1.05);
+}
+
+.about {
+ background: #222;
+ padding: 2rem;
+}
+
+footer {
+ background: #000;
+ color: #888;
+ text-align: center;
+ padding: 1rem;
+}
+.main-nav.scrolled {
+ background: #000;
+ box-shadow: 0 2px 6px rgba(0,0,0,0.5);
+}
+ 
+ 
+ 
+