diff --git a/content/contact.md b/content/contact.md
index 777a8e6..e8305be 100644
--- a/content/contact.md
+++ b/content/contact.md
@@ -2,8 +2,17 @@
 title = "Contact"
 description = "How to get in contact"
 weight = 2
+[extra]
+disable_toc = true
 +++
 
+## NOTE WIP:
+
+This page has dummy data
+
+
+## Contact Info
+
 You can reachout through:
 
 - phone 1234 56 78 90
diff --git a/sass/form.scss b/sass/form.scss
index 1e3b6c5..a133e75 100644
--- a/sass/form.scss
+++ b/sass/form.scss
@@ -1,5 +1,5 @@
 form {
-  width: 100%;
+  /* width: 100%; */
   margin: 0 auto;
   text-align: center;
   border-top: 5px solid var(--primary-color);
diff --git a/templates/index.html b/templates/index.html
index af7660d..19bd55d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -68,6 +68,38 @@
 
 
 
+  {% block toc %}
+  {% if section.toc %}
+  {% set toc = section.toc %}
+  {% elif page.toc %}
+  {% set toc = page.toc %}
+  {% endif %}
+  {% if toc %}
+  {% if page.extra.disable_toc %}
+  {% else %}
+  <div class="toc">
+    <div class="toc-sticky">
+      {% for h in toc %}
+      <div class="toc-item">
+        <a class="subtext" href="{{h.permalink | safe}}">{{ h.title }}</a>
+      </div>
+      {% if h.children %}
+      {% for h2 in h.children %}
+      <div class="toc-item-child">
+        <a class="subtext" href="{{h2.permalink | safe}}"><small>- {{ h2.title }}</small></a>
+      </div>
+      {% endfor %}
+      {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+  {% endif %}
+  {% endif %}
+  {% endblock toc %}
+
+
+
+
   {% block sidebar %}
   <!-- <div> -->
   <!-- Your cool sidebar -->