diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000..a53447c
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/index.html b/index.html
index e69de29..336d479 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>FERNANDO PAYSAGISTE</title>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+        <link rel="stylesheet" href="css/styles.css">
+    </head>
+    <body>
+        <header>
+            <img src="assets/images/logo.png" alt="logo" id="logo">
+            <h1>FERNANDO PAYSAGISTE</h1>
+            <div class="réseaux">
+                <a href="https://www.instagram.com/fernando.paysagiste/"><i class="fa-brands fa-instagram"></i></a>
+                <a href="https://www.youtube.com/@Fernando-i6k3i"><i class="fa-brands fa-youtube"></i></a>
+                <a href="https://www.tiktok.com/@fernandoklein505"><i class="fa-brands fa-tiktok"></i></a>
+                <a href="https://www.linkedin.com/in/fernando-klein-72540a419/"><i class="fa-brands fa-linkedin"></i></a>
+            </div>
+        </header>
+    <main>
+        <section>
+            <img src="assets/images/photo_6.png" alt="photo" id="photo">
+            <p></p>
+        </section>
+        <hr>
+        <section class="projets">
+            <h2>Galerie de mes projets</h2>
+            <br>
+            <div>
+                <div>
+                    <img src="assets/images/photo_1.jpg" alt="photo" id="photo1">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_2.jpg" alt="photo" id="photo2">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_3.png" alt="photo" id="photo3">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_4.jpg" alt="photo" id="photo4">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_5.jpg" alt="photo" id="photo5">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_7.png" alt="photo" id="photo7">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_8.png" alt="photo" id="photo8">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_9.png" alt="photo" id="photo9">
+                    <p>bla bla bla</p>
+                </div>
+                <div>
+                    <img src="assets/images/photo_10.png" alt="photo" id="photo10">
+                    <p>bla bla bla</p>
+                </div>
+            </div>
+        </section>
+        <hr>
+        <section class="contact">
+            <h2>Contact & Disponibilité</h2>
+            <h3>Disponibilité</h3>
+            <p>Lundi au Vendredi : 8h à 20h</p>
+            <p>Samedi : </p>
+        </section>
+    </main>
+
+    <footer>
+        <p>&copy; 2026 FERNANDO PAYSAGISTE. Tous droits réservés.</p>
+    </footer>
+
+    </body>
+</html>
\ No newline at end of file
