2 files changed, 88 insertions, 1 deletions
diff --git a/public/index.php b/public/index.php
index ca7f117..b0fa818 100644
--- a/public/index.php
+++ b/public/index.php
@@ -1,3 +1,6 @@
+<?php
+include_once $_SERVER['DOCUMENT_ROOT'] . '/../lib/partials.php';
+?>
 <html>
 
 <head>
@@ -9,8 +12,14 @@
 
 <body>
     <main>
-        <h1>test</h1>
+        <?php html_navigation_bar() ?>
+
+        <content>
+            <h1>test</h1>
+        </content>
     </main>
+
+    <?php html_big_footer() ?>
 </body>
 
 </html>
 \ No newline at end of file
diff --git a/public/static/style.css b/public/static/style.css
index a068d89..6f39084 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -1,4 +1,82 @@
 * {
     padding: 0;
     margin: 0;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+
+    width: 100%;
+    min-height: 100vh;
+}
+
+main {
+    display: flex;
+    flex-direction: column;
+    width: 50%;
+    flex-grow: 1;
+}
+
+header {
+    display: flex;
+    flex-direction: row;
+    align-items: end;
+
+    padding: 32px 0;
+}
+
+content {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+footer {
+    background: #cacaca;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 8px 0;
+}
+
+footer.big {
+    padding: 32px 0;
+}
+
+
+/**
+--- SHORTCUTS
+*/
+
+.w-50 {
+    width: 50%;
+}
+
+.row {
+    display: flex;
+    flex-direction: row;
+}
+
+.align-center {
+    align-items: center;
+}
+
+.justify-center {
+    justify-content: center;
+}
+
+.gap-32 {
+    gap: 32px;
+}
+
+.gap-16 {
+    gap: 16px;
+}
+
+.gap-8 {
+    gap: 8px;
 }
 \ No newline at end of file