diff --git a/server/src/data/templates/base.html b/server/src/data/templates/base.html
index b8b9955..6e1748f 100644
--- a/server/src/data/templates/base.html
+++ b/server/src/data/templates/base.html
@@ -1,67 +1,67 @@
-{% extends "base.html" %}
-{% block content %}
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    {% if og_title %} <meta property="og:title" content="{{ og_title }}"> {% endif %}
+    {% if og_description %}  <meta property="og:description" content="{{ og_description }}"> {% endif %}
+    {% if og_image %}
+    <meta property="og:image" content="{{ og_image }}">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    {% endif %}
+    <title>{{ title if title else "Portfolio" }}</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <style>
+    :root {
+        --bg-image: url('{{ url_for("static", filename="img/" ~ background) }}');
+    }
 
-<div class="container py-4">
+    body {
+        background-image: var(--bg-image);
+        background-position: center top;
+        background-repeat: no-repeat;
+        background-color: #2c2c2c;
+        margin: 0;
+        padding: 0;
+        min-height: 100vh;
+        display: flex;
+        flex-direction: column;
+    }
+</style>
+</head>
+<body>
 
-    <!-- Formulaire réduit avec sélection d'heure -->
-    <div class="card bg-dark bg-opacity-75 p-3 mb-4">
-        <form method="post" action="/submit" class="row g-2 align-items-center justify-content-start">
-
-            <!-- Champ texte -->
-            <div class="col-md-4">
-                <input 
-                    type="text"
-                    name="query"
-                    class="form-control bg-dark text-white"
-                    placeholder="Enter text">
+<header>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('mainpage') }}">BG Shutdown</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item">
+                        <a class="nav-link {% if title=='BG Shutdown' %}active{% endif %}" href="{{ url_for('mainpage') }}">Accueil</a>
+                    </li>
+                </ul>
             </div>
-
-            <!-- Sélecteur d'heure -->
-            <div class="col-md-2">
-                <select name="time" class="form-select bg-dark text-white">
-                    {% for hour in range(0, 24) %}
-                        <option value="{{ '%02d:00'|format(hour) }}">{{ '%02d:00'|format(hour) }}</option>
-                        <option value="{{ '%02d:30'|format(hour) }}">{{ '%02d:30'|format(hour) }}</option>
-                    {% endfor %}
-                </select>
-            </div>
-
-            <!-- Bouton submit -->
-            <div class="col-auto">
-                <button type="submit" class="btn btn-secondary">
-                    Submit
-                </button>
-            </div>
-
-        </form>
-    </div>
-
-    <!-- Tableau / Liste -->
-    <div class="card bg-dark bg-opacity-75 p-3">
-        <h5 class="text-white mb-3">Liste des éléments</h5>
-        <div class="table-items">
-        {% for item in items %}
-            <div class="d-flex justify-content-between align-items-center py-2">
-                <!-- Nom -->
-                <span class="text-white">{{ item.name }}</span>
-
-                <!-- Heure -->
-                <span class="text-white">{{ item.time }}</span>
-
-                <!-- Bouton supprimer -->
-                <form method="post" action="/delete" class="m-0 p-0">
-                    <input type="hidden" name="item_name" value="{{ item.name }}">
-                    <input type="hidden" name="item_time" value="{{ item.time }}">
-                    <button type="submit" class="btn btn-sm btn-danger">&times;</button>
-                </form>
-            </div>
-            {% if not loop.last %}
-                <hr class="border-secondary my-1">
-            {% endif %}
-        {% endfor %}
         </div>
+    </nav>
+</header>
+
+<main class="container my-5">
+    {% block content %}{% endblock %}
+</main>
+
+<footer class="bg-dark text-center text-lg-start py-3 border-top">
+    <div class="container d-flex justify-content-center align-items-center">
+        <p class="mb-0 text-light">
+            Spirit
+        </p>
     </div>
+</footer>
 
-</div>
-
-{% endblock %}
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+</body>
+</html>
