added documentation section and split html into partials

src/templates/partials/footer.html

@@ -0,0 +1,18 @@
+<div class="botbar">
+    <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title"
+            rel="cc:attributionURL" href="https://netig.net">NETig website</a> by <span
+            property="cc:attributionName">Julien Debrousse</span> is licensed under <a
+            href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank"
+            rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img
+                style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
+                src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img
+                style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
+                src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""></a></p>
+    <p>
+        <a href="/legal">Mentions Légales</a>
+    </p>
+    <p>
+        Made with ❤️ with <a href="https://www.getzola.org/" target="_blank">Zola</a> !
+    </p>
+</div>
+<script src="{{ get_url(path="js/sidenav.js") }}"></script>

src/templates/partials/head.html

@@ -0,0 +1,9 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="robots" content="index, follow">
+<title>NETig</title>
+<meta name="description"
+    content="Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos données aux GAFAM ? Vous êtes au bon endroit !">
+<link rel="canonical" href="https://netig.net/">
+<link rel="icon" type="image/x-icon" href="{{ get_url(path="images/favicon.webp") }}">
+<link rel="stylesheet" href="{{ get_url(path="css/style.css") }}">

src/templates/partials/header-page.html

@@ -0,0 +1,7 @@
+<div class="topbar">
+    <a class="logo--min" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}" alt="Logo"></a>
+    <a class="" href="https://webmail.netig.net" target="_blank">NETmail</a>
+    <a class="" href="https://cloud.netig.net" target="_blank">NETcloud</a>
+    <a class="" href="https://git.netig.net" target="_blank">NETgit</a>
+</div>
+{% include "partials/sidenav.html" %}

src/templates/partials/header.html

@@ -0,0 +1,19 @@
+<div class="topbar">
+    <a class="" href="https://webmail.netig.net" target="_blank">NETmail</a>
+    <a class="" href="https://cloud.netig.net" target="_blank">NETcloud</a>
+    <a class="" href="https://git.netig.net" target="_blank">NETgit</a>
+
+</div>
+{% include "partials/sidenav.html" %}
+<div class="content col--1-2">
+    <div>
+        <a class="logo" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}" alt="Logo"></a>
+    </div>
+    <div>
+        <a href="/#">
+            <h1>NETig</h1>
+        </a>
+        <p><strong>Vous cherchez des services en ligne mais vous ne souhaitez pas confier vos
+                données aux GAFAM ? Vous êtes au bon endroit !</strong></p>
+    </div>
+</div>

src/templates/partials/sidenav.html

@@ -0,0 +1,18 @@
+<div class="menu_icon_sidenav">
+    <div class="line1"></div>
+    <div class="line2"></div>
+    <div class="line3"></div>
+</div>
+<div class="sidenav">
+    <nav>
+        <ul>
+            <li><a href="/#">Accueil</a></li>
+            <li><a href="/#services">Services</a></li>
+            <li><a href="/#about">À propos</a></li>
+            <li><a href="/#hosting">Hébergement</a></li>
+            <li><a href="/maintenance#maintenance">Maintenance et incidents</a></li>
+            <li><a href="/documentation#documentation">Documentation</a></li>
+            <li><a href="/contact#contact">Contact</a></li>
+        </ul>
+    </nav>
+</div>