diff --git a/public_html/index.php b/public_html/index.php
index 49d1be4..40a7c0f 100644
--- a/public_html/index.php
+++ b/public_html/index.php
@@ -107,6 +107,7 @@ if (in_array($page, $allowed_urls)) {
         include 'templates/page-header.php';
         include 'templates/page-menu.php';
         include 'templates/block-message.php';
+        include 'templates/page-sidebar.php';
         include "pages/{$page}.php";
     }
 
diff --git a/public_html/templates/page-footer.php b/public_html/templates/page-footer.php
index f89eb04..d8fb647 100644
--- a/public_html/templates/page-footer.php
+++ b/public_html/templates/page-footer.php
@@ -1,5 +1,10 @@
+            <!-- /Main content -->
 
+        </div>
+
+        <!-- Footer -->
         <div id="footer">Jilo Web <?= $config['version'] ?> &copy;2024 - web interface for <a href="https://lindeas.com/jilo">Jilo</a></div>
+        <!-- /Footer -->
 
     </div>
 
diff --git a/public_html/templates/page-header.php b/public_html/templates/page-header.php
index a846733..0855ccd 100644
--- a/public_html/templates/page-header.php
+++ b/public_html/templates/page-header.php
@@ -5,9 +5,9 @@
     <link rel="stylesheet" type="text/css" href="static/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="static/all.css">
     <script src="static/bootstrap.min.js"></script>
-<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
     <title>Jilo Web</title>
 </head>
 
diff --git a/public_html/templates/page-menu.php b/public_html/templates/page-menu.php
index b165ab5..ecc3e3c 100644
--- a/public_html/templates/page-menu.php
+++ b/public_html/templates/page-menu.php
@@ -1,22 +1,24 @@
 
-    <div class="menu-container">
-        <ul class="menu-left">
-            <li><a href="index.php">home</a></li>
+        <!-- Menu -->
+        <div class="menu-container">
+            <ul class="menu-left">
+                <li><a href="index.php">home</a></li>
 <?php if ( isset($_SESSION['username']) ) { ?>
-            <li><a href="?page=config">config</a></li>
-            <li><a href="?page=conferences">conferences</a></li>
-            <li><a href="?page=participants">participants</a></li>
-            <li><a href="?page=components">components</a></li>
+                <li><a href="?page=config">config</a></li>
+                <li><a href="?page=conferences">conferences</a></li>
+                <li><a href="?page=participants">participants</a></li>
+                <li><a href="?page=components">components</a></li>
 <?php } ?>
-        </ul>
+            </ul>
 
-        <ul class="menu-right">
+            <ul class="menu-right">
 <?php if ( isset($_SESSION['username']) ) { ?>
-            <li><a href="?page=profile"><?= $user ?></a></li>
-            <li><a href="?page=logout">logout</a></li>
+                <li><a href="?page=profile"><?= $user ?></a></li>
+                <li><a href="?page=logout">logout</a></li>
 <?php } else { ?>
-            <li><a href="?page=login">login</a></li>
-            <li><a href="?page=register">register</a></li>
+                <li><a href="?page=login">login</a></li>
+                <li><a href="?page=register">register</a></li>
 <?php } ?>
-        </ul>
-    </div>
+            </ul>
+        </div>
+        <!-- /Menu -->
diff --git a/public_html/templates/page-sidebar.php b/public_html/templates/page-sidebar.php
new file mode 100644
index 0000000..d54dfb2
--- /dev/null
+++ b/public_html/templates/page-sidebar.php
@@ -0,0 +1,22 @@
+        <div class="row">
+
+            <!-- Sidebar -->
+            <div class="col-md-3">
+                <button class="btn btn-primary mb-3" type="button" data-toggle="collapse" data-target="#sidebar" aria-expanded="false" aria-controls="sidebar">
+                    sidebar
+                </button>
+                <div class="collapse show" id="sidebar">
+                    <div class="card card-body bg-light">
+                        <ul class="list-group">
+                            <li class="list-group-item"><a href="#">stats</a></li>
+                            <li class="list-group-item"><a href="#">config</a></li>
+                            <li class="list-group-item"><a href="#">logs</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <!-- /Sidebar -->
+
+        <div class="col-md-9">
+
+            <!-- Main content -->