diff --git a/docs/index.html b/docs/index.html
index 9ac2116..2f8d90b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,10 +1,36 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <title>Page d'accueil</title>
-</head>
-<body>
-    <h1>Bienvenue sur notre site!</h1>
-    <p>Ceci est une page d'accueil simple.</p>
-</body>
-</html>
\ No newline at end of file
+  <head>
+    <title>Staticky</title>
+    <!--Import Google Icon Font-->
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <!--Import materialize.css-->
+    <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
+
+    <!--Let browser know website is optimized for mobile-->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  </head>
+
+  <body>
+
+    <div class="row">
+        <div class="col s12 m6">
+          <div class="card blue-grey darken-1">
+            <div class="card-content white-text">
+              <span class="card-title">Card Title</span>
+              <p>I am a very simple card. I am good at containing small bits of information.
+              I am convenient because I require little markup to use effectively.</p>
+            </div>
+            <div class="card-action">
+              <a href="#">This is a link</a>
+              <a href="#">This is a link</a>
+            </div>
+          </div>
+        </div>
+      </div>
+                
+    <!--JavaScript at end of body for optimized loading-->
+    <script type="text/javascript" src="js/materialize.min.js"></script>
+  </body>
+</html>
+      
\ No newline at end of file
