diff --git a/public/example/index.html b/public/example/index.html
new file mode 100644
index 0000000..76a2d64
--- /dev/null
+++ b/public/example/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Homepage</title>
+    <link rel="stylesheet" href="./Styles/example.css">
+</head>
+<body>
+<div id="mySidebar" class="sidebar">
+    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+    <a href="#">About</a>
+    <a href="#">Services</a>
+    <a href="#">Clients</a>
+    <a href="#">Contact</a>
+</div>
+
+<div id="main">
+    <button class="openbtn" onclick="openNav()">&#9776; Open Sidebar</button>
+    <h2>Collapsed Sidebar</h2>
+    <p>Content...</p>
+</div>
+<script src="/scripts/example.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 876cab2..5682097 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="./Styles/styles-main.css">
 </head>
 <body>
-    <h1>Hello there...</h1>
+<h1>Hello there...</h1>
+<a href="/example">Test</a>
 </body>
 </html>
\ No newline at end of file
diff --git a/scripts/example.js b/scripts/example.js
new file mode 100644
index 0000000..ca41a87
--- /dev/null
+++ b/scripts/example.js
@@ -0,0 +1,11 @@
+/* Set the width of the sidebar to 250px and the left margin of the page content to 250px */
+function openNav() {
+    document.getElementById("mySidebar").style.width = "250px";
+    document.getElementById("main").style.marginLeft = "250px";
+}
+
+/* Set the width of the sidebar to 0 and the left margin of the page content to 0 */
+function closeNav() {
+    document.getElementById("mySidebar").style.width = "0";
+    document.getElementById("main").style.marginLeft = "0";
+}
\ No newline at end of file
diff --git a/scripts/routes/other/route-index.js b/scripts/routes/other/route-index.js
index a89972e..aef688a 100644
--- a/scripts/routes/other/route-index.js
+++ b/scripts/routes/other/route-index.js
@@ -3,6 +3,10 @@ const router = require('express').Router();
 
 router.get('/', (req, res) => {
     res.sendFile(path.join(__dirname, '../../../public/index.html'));
-});
+})
+
+router.get('/example', (req, res) => {
+    res.sendFile(path.join(__dirname, '../../../public/example/index.html'));
+})
 
 module.exports = router;
\ No newline at end of file
diff --git a/static/Styles/example.css b/static/Styles/example.css
new file mode 100644
index 0000000..b4c5134
--- /dev/null
+++ b/static/Styles/example.css
@@ -0,0 +1,68 @@
+/* The sidebar menu */
+.sidebar {
+    height: 100%; /* 100% Full-height */
+    width: 0; /* 0 width - change this with JavaScript */
+    position: fixed; /* Stay in place */
+    z-index: 1; /* Stay on top */
+    top: 0;
+    left: 0;
+    background-color: #111; /* Black*/
+    overflow-x: hidden; /* Disable horizontal scroll */
+    padding-top: 60px; /* Place content 60px from the top */
+    transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
+}
+
+/* The sidebar links */
+.sidebar a {
+    padding: 8px 8px 8px 32px;
+    text-decoration: none;
+    font-size: 25px;
+    color: #818181;
+    display: block;
+    transition: 0.3s;
+}
+
+/* When you mouse over the navigation links, change their color */
+.sidebar a:hover {
+    color: #f1f1f1;
+}
+
+/* Position and style the close button (top right corner) */
+.sidebar .closebtn {
+    position: absolute;
+    top: 0;
+    right: 25px;
+    font-size: 36px;
+    margin-left: 50px;
+}
+
+/* The button used to open the sidebar */
+.openbtn {
+    font-size: 20px;
+    cursor: pointer;
+    background-color: #111;
+    color: white;
+    padding: 10px 15px;
+    border: none;
+}
+
+.openbtn:hover {
+    background-color: #444;
+}
+
+/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
+#main {
+    transition: margin-left .5s; /* If you want a transition effect */
+    padding: 20px;
+}
+
+/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
+@media screen and (max-height: 450px) {
+    .sidebar {
+        padding-top: 15px;
+    }
+
+    .sidebar a {
+        font-size: 18px;
+    }
+}
\ No newline at end of file
