init header

docs/assets/css/style.css

@@ -23,3 +23,7 @@ body {
   @media (max-width: 56.25em) {
     body {
       padding: 0rem; } }
+
+.header {
+  background-color: #f7f7f7;
+  height: calc(100vh - 3rem); }

docs/assets/sass/layout/_header.scss

@@ -0,0 +1,4 @@
+.header {
+    background-color: rgb(247, 247, 247);
+    height: calc(100vh - 3rem);
+}

docs/index.html

@@ -22,6 +22,14 @@
         </div>
 
         <div class="header__download-box">
+            <h1 class="header__download-box--title">
+                Discover Sengi
+            </h1>
+
+            <div class="header__download-box--description">
+                A FLOSS multi-account Mastodon and Pleroma desktop client
+            </div>
+
             <a href="#"
                 onClick="window.open('http://sengi.nicolas-constant.com'+'?qt='+ (new Date()).getTime(),'Sengi','toolbar=no,location=no,status=no,menubar=no,scrollbars=no, resizable=yes,width=377,height=800'); return false;"
                 class="button">Launch web client</a>
@@ -36,7 +44,9 @@
 
         </section>
     </main>
+    <footer>
         
+    </footer>
 </body>
 
 </html>