1 files changed, 77 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..47a8592
--- /dev/null
+++ b/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Demo | Armand Philippot</title>
+    <link rel="stylesheet" href="assets/css/style.css" />
+  </head>
+
+  <body class="body">
+    <div class="toolbar">
+      <button type="button" class="toolbar__options btn btn--menu">Menu</button>
+      <button type="button" class="toolbar__options btn btn--details">
+        About app
+      </button>
+    </div>
+    <header class="header">
+      <div class="branding">
+        <div class="branding__logo logo">
+          <a href="/" rel="home" class="logo__link">
+            <img
+              src="./assets/images/armand-philippot.jpg"
+              alt="Back to homepage"
+              class="logo__image logo__image--front"
+            />
+            <img
+              src="./assets/images/armand-philippot-logo.svg"
+              alt="Back to homepage"
+              class="logo__image logo__image--back"
+            />
+          </a>
+        </div>
+        <h1 class="branding__title">
+          <a href="/" rel="home" class="branding__link">Armand Philippot</a>
+        </h1>
+        <p class="branding__description">Front-end developer</p>
+      </div>
+      <nav class="nav">
+        <p class="nav__label">App list:</p>
+        <ul class="nav__list"></ul>
+      </nav>
+    </header>
+    <main class="main">
+      <div class="instructions">
+        Select an app inside menu to see a live preview and app details
+        (description, technologies, repositories).
+      </div>
+      <noscript>
+        <span class="no-js">
+          This website needs Javascript to work. It shows JS/React applications.
+          Please activate scripts in your browser or use a compatible browser.
+        </span>
+      </noscript>
+    </main>
+    <footer class="footer">
+      <nav class="nav nav--footer">
+        <ul class="nav__list">
+          <li class="nav__item">
+            <a href="legal-notice.html" class="nav__link nav__link--legal">
+              Legal notice
+            </a>
+          </li>
+        </ul>
+      </nav>
+      <div class="copyright">
+        <span class="copyright__license" title="License MIT">MIT</span>
+        <span class="copyright__date">2021.</span>
+        <a href="https://www.armandphilippot.com/" class="copyright__author"
+          >Armand Philippot.</a
+        >
+      </div>
+    </footer>
+    <script src="./assets/js/runtime.js"></script>
+    <script src="./assets/js/app.js"></script>
+  </body>
+</html>