diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 6dbb01a..5ada5af 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -27,6 +27,9 @@
                       </span>
                     </h2>
                 </header>
+                <div id="toc" class="well col-md-4 col-sm-6">
+                  {{ .TableOfContents }}
+                </div>
                 <section id="post-body">
                     {{ .Content }}
                 </section>
diff --git a/static/css/style.css b/static/css/style.css
index 8de4f4f..239b004 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -867,6 +867,17 @@ code {
 }
 
 
+/**
+ * Table of content
+ */
+ #toc ul {
+   list-style-type: none;
+ }
+
+ #toc ul ul {
+   list-style-type: disc; 
+ }
+
 /**
  * tags page
  */