diff --git a/_assets/main.css b/_assets/main.css
index 0edcfc2..33f82e2 100644
--- a/_assets/main.css
+++ b/_assets/main.css
@@ -1,2 +1,16 @@
 /* _assets/main.css */
-/* Your styles go here */
\ No newline at end of file
+/* Your styles go here */
+.container {
+    display: flex;
+  }
+  
+  .sidebar {
+    background-color: #f4f4f4;
+    padding: 20px;
+    width: 200px;
+  }
+  
+  main {
+    flex: 1;
+    padding: 20px;
+  }
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 28adb9f..6b043f8 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -2,7 +2,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <title>Your Page Title</title>
+  <title>The documentation of GHCloud!</title>
   <link rel="stylesheet" type="text/css" href="../_assets/main.css">
 </head>
 <body>
@@ -10,13 +10,19 @@
     <!-- Your header content goes here -->
   </header>
 
-  <nav>
-    <!-- Your navigation content goes here -->
-  </nav>
+  <div class="container">
+    <nav class="sidebar">
+      <ul>
+        <li><a href="#section1">Section 1</a></li>
+        <li><a href="#section2">Section 2</a></li>
+        <li><a href="#section3">Section 3</a></li>
+      </ul>
+    </nav>
 
-  <main>
-    {{ content }}
-  </main>
+    <main>
+      {{ content }}
+    </main>
+  </div>
 
   <footer>
     <!-- Your footer content goes here -->
