1 files changed, 129 insertions, 0 deletions
diff --git a/en/template.html b/en/template.html
new file mode 100644
index 0000000..16d80e0
--- /dev/null
+++ b/en/template.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>{TITLE} - Bellefeuille Quartet</title>
+    <link rel="icon" href="../images/favicon.svg">
+    <link rel="stylesheet" href="../stylesheets/commun.css">
+{STYLESHEETS}
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@1,500&display=swap" rel="stylesheet">
+    <link rel="alternate" type="application/rss+xml" href="feed.xml">
+  </head>
+  <body>
+    <header class="slidingmenu">
+      <input type="checkbox">
+      <img class="button open" src="../images/menu.svg">
+      <div class="content">
+        <img class="button close" src="../images/close.svg">
+        <header class="banner">
+          <a href="index.html">
+            <img src="../images/logo.svg"
+                 alt="logo">
+            <h1>Bellefeuille Quartet</h1>
+          </a>
+        </header>
+        <a class="lang" href="{FR}">
+          EN
+        </a>
+        <nav class="menu">
+          <ol>
+            <li class="dropdown"><a href="quartet.html">The quartet</a>
+              <ul>
+                <li><a href="sophie.html">Sophie</a></li>
+                <li><a href="david.html">David</a></li>
+                <li><a href="hervé.html">Hervé</a></li>
+                <li><a href="enguerrand.html">Enguerrand</a></li>
+              </ul>
+            </li>
+            <li><a href="news.html">News</a></li>
+            <li><a href="programs.html">Programs</a></li>
+            <li><a href="gallery.html">Gallery</a></li>
+            <li><a href="contact.html">Contact</a></li>
+          </ol>
+        </nav>
+        <nav class="social">
+          <ul>
+            <li>
+              <a href="https://www.facebook.com/quatuorbellefeuille/"
+                 target="_blank" rel="noreferrer noopener">
+                <img src="../images/facebook-logo.svg">
+              </a>
+            </li>
+            <li>
+              <a href="https://www.instagram.com/quatuor.bellefeuille/"
+                 target="_blank" rel="noreferrer noopener">
+                <img src="../images/instagram-logo.svg">
+              </a>
+            </li>
+            <li>
+              <a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
+                 target="_blank" rel="noreferrer noopener">
+                <img src="../images/youtube-logo.svg">
+              </a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+
+    <header class="banner">
+      <a href="index.html">
+        <img src="../images/logo.svg"
+             alt="logo">
+        <h1>Bellefeuille Quartet</h1>
+      </a>
+    </header>
+
+    <header class="menu">
+      <nav>
+        <ol>
+          <li class="dropdown"><a href="quartet.html">The quartet</a>
+            <ul>
+              <li><a href="sophie.html">Sophie</a></li>
+              <li><a href="david.html">David</a></li>
+              <li><a href="hervé.html">Hervé</a></li>
+              <li><a href="enguerrand.html">Enguerrand</a></li>
+            </ul>
+          </li>
+          <li><a href="news.html">News</a></li>
+          <li><a href="programs.html">Programs</a></li>
+          <li><a href="gallery.html">Gallery</a></li>
+        </ol>
+      </nav>
+    </header>
+
+{MAIN}
+
+    <footer class="social">
+      <a class="lang" href="">
+        EN
+      </a>
+      <a href="https://www.facebook.com/quatuorbellefeuille/"
+         target="_blank" rel="noreferrer noopener">
+        <img src="../images/facebook-logo.svg">
+      </a>
+      <a href="https://www.instagram.com/quatuor.bellefeuille/"
+         target="_blank" rel="noreferrer noopener">
+        <img src="../images/instagram-logo.svg">
+      </a>
+      <a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
+         target="_blank" rel="noreferrer noopener">
+        <img src="../images/youtube-logo.svg">
+      </a>
+      <a class="contact" href="contact.html">
+        Contact
+      </a>
+    </footer>
+
+    <footer class="legal">
+      <p>
+        Legal mentions
+        - Icons adapted from : <a href="https://feathericons.com">Feather</a> ; <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
+        - Site map
+      </p>
+    </footer>
+  </body>
+</html>