diff --git a/js/tabler.js b/js/tabler.js
index ea2e09735..8a3d0e855 100644
--- a/js/tabler.js
+++ b/js/tabler.js
@@ -110,6 +110,9 @@ $(document).ready(function () {
     return false;
   });
 
+  $('[data-toggle="tooltip"]').tooltip();
+  $('[data-toggle="popover"]').popover();
+
 
   /*
   Autosize plugin
diff --git a/pages/_data/docs.yml b/pages/_data/docs.yml
index b83f4a6b1..e3fb7f35b 100644
--- a/pages/_data/docs.yml
+++ b/pages/_data/docs.yml
@@ -1,15 +1,19 @@
 - page: alerts
+- page: autosize
 - page: avatars
 - page: badges
 - page: breadcrumb
 - page: buttons
 - page: cards
 - page: carousel
+- page: divider
+- page: flags
+- page: form-helpers
 - page: ribbons
 - page: spinners
 - page: steps
+- page: tables
 - page: tabs
 - page: toasts
 - page: tooltips
 - page: typography
-- page: form-helpers
diff --git a/pages/divider.html b/pages/_docs/divider.md
similarity index 88%
rename from pages/divider.html
rename to pages/_docs/divider.md
index ac9128963..b4a9483d0 100644
--- a/pages/divider.html
+++ b/pages/_docs/divider.md
@@ -2,10 +2,12 @@
 title: Divider
 ---
 
+{% example html %}
 <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur maxime quia reprehenderit tempore? Aliquid atque deserunt dolore explicabo in, itaque laborum magnam minus odio placeat quibusdam reiciendis rem voluptatibus?
 </p>
-<h6 class="divider my-7">OR</h6>
+<h6 class="divider">OR</h6>
 <p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit! Aspernatur aut explicabo labore odit quisquam?
 </p>
+{% endexample %}
diff --git a/pages/_layouts/docs.html b/pages/_layouts/docs.html
index 6660916d2..b1089c931 100644
--- a/pages/_layouts/docs.html
+++ b/pages/_layouts/docs.html
@@ -2,13 +2,28 @@
 layout: default
 menu: docs
 title: Documentation
+page-title: Documentation
 ---
 
 
 <div class="row justify-content-center">
-	<div class="col-lg-10">
+   <div class="col-lg-3 order-lg-1 mb-4">
+      <a href="{{ site.github_url }}" class="btn btn-block btn-primary mb-4" target="_blank">
+         {% include ui/icon.html icon="github" provider="fas" class="mr-2" %}Browse source code
+      </a>
+
+      <div class="list-group list-group-transparent mb-0">
+         {% for p in site.data.docs %}
+         {% assign doc = site.docs | where: "slug", p.page | first %}
+         <a href="{{ site.base }}{{ doc.url }}" class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}">
+            {{ doc.title }}
+         </a>
+         {% endfor %}
+      </div>
+   </div>
+	<div class="col-lg-9">
 		<div class="card">
-			<div class="card-body p-lg-5">
+			<div class="card-body p-lg-8">
 
 				<div class="markdown">
 					<h2 class="h1 mt-0 mb-4">{{ page.title }}</h2>
@@ -33,10 +48,3 @@ title: Documentation
 		</div>
 	</div>
 </div>
-
-<script>
-   $(document).ready(function(){
-      $('[data-toggle="tooltip"]').tooltip();
-      $('[data-toggle="popover"]').popover();
-   });
-</script>