1 files changed, 61 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f5d6dae
--- /dev/null
+++ b/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <title>Bienvenue - Quatuor Camelot</title>
+    <link rel="stylesheet" href="commun.css">
+    <link rel="stylesheet" href="index.css">
+  </head>
+  <body>
+    <header class="banner">
+
+      <div class="brand">
+        <a href="index.html">
+          <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png"
+               alt="logo">
+          <h1 class="qname">Quatuor Camelot</h1>
+        </a>
+      </div>
+
+      <nav>
+        <ol>
+          <li><a href="quatuor.html">Le quatuor</a></li>
+          <li><a href="actualités.html">Actualités</a></li>
+          <li><a href="programmes.html">Programmes</a></li>
+          <li><a href="médias.html">Médias</a></li>
+        </ol>
+      </nav>
+
+      <div class="lang">
+        EN
+      </div>
+
+    </header>
+
+    <main>
+      <div id="next-concert">
+        <a href="actualités.html#concert-1">
+          <span id="day">25</span>
+          <br>
+          <span id="month">décembre</span>
+        </a>
+      </div>
+    </main>
+
+    <footer class="social">
+      <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg">
+      <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg">
+      <p class="contact">
+        <a href="contact.html">Contact</a>
+      </p>
+    </footer>
+
+    <footer class="legal">
+      <p>
+        Mentions légales
+        - Icône de calendrier adaptée de <a href="https://feathericons.com">Feather</a>
+        - Plan du site
+      </p>
+    </footer>
+  </body>
+</html>