default.html in another-theme-1.0.0

- old
+ new
@@ -3,18 +3,29 @@
 ---
 <!DOCTYPE html>
 <html lang="en" data-theme="light">
   {% include head.html %}
   <body>
-    {% include menu.html %}
-    {% include dark-mode.html %}
-    <div class="content">
-      <div class="container {% if page.fluid or layout.fluid %}fluid{% endif %}">
+    <div class="container">
+      <div class="menu-toggle--btn-container">
+        <button class="menu-toggle open btn btn-nav body-lg fw-600 mt-3" title="Open Menu">
+            {%- include icons.html icon="menu" size=17 -%} Menu
+        </button>
+        <button class="menu-toggle close btn btn-nav body-lg fw-600 mt-3" title="Close Menu">
+            {%- include icons.html icon="close" size=17 -%} Close
+        </button>
+      </div>
+      <div class="row">
+        <aside id="menu" role="navigation" class="col-12 col-xl-2 d-flex flex-column justify-content-around">
+          {% include menu.html %}
+          {% include dark-mode.html %}
+        </aside>
         {{ content }}
       </div>
     </div>
 
     {% if dark_mode %}
       <script src="{{ site.url }}/assets/js/main.js" charset="utf-8"></script>
     {% endif %}
   </body>
+  {% include footer.html %}
 </html>