diff --git a/lib/gollum/frontend/public/css/editor.css b/lib/gollum/frontend/public/css/editor.css
index 92306b9b..2824090e 100644
--- a/lib/gollum/frontend/public/css/editor.css
+++ b/lib/gollum/frontend/public/css/editor.css
@@ -409,4 +409,88 @@ a#function-help:hover span { background-position: -405px -28px; }
   float: left;
   font-weight: normal;
   padding: left;
-}
\ No newline at end of file
+}
+
+
+/* @section help */
+#gollum-editor-help {
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  border: 1px solid #ddd;
+  border-width: 0 1px 1px 1px;
+}
+
+  #gollum-editor-help-parent,
+  #gollum-editor-help-list {
+    display: block;
+    float: left;
+    height: 17em;
+    list-style-type: none;
+    overflow: auto;
+    margin: 0;
+    padding: 1em 0;
+    width: 18%;
+  }
+  
+  #gollum-editor-help-parent {
+    border-right: 1px solid #eee;
+  }
+  
+  #gollum-editor-help-list {
+    background: #fafafa;
+    border-right: 1px solid #eee;
+  }
+  
+  #gollum-editor-help-parent li,
+  #gollum-editor-help-list li {
+    font-size: 1.2em;
+    line-height: 1.6em;
+    margin: 0;
+    padding: 0;
+  }
+  
+    #gollum-editor-help-parent li a.selected,
+    #gollum-editor-help-list li a.selected {
+      border: 1px solid #eee;
+      border-width: 1px 0;
+      background: #fff;
+    }
+    
+    #gollum-editor-help-parent li a,
+    #gollum-editor-help-list li a {
+      border: 1px solid transparent;
+      border-width: 1px 0;
+      display: block;
+      font-weight: bold;
+      height: 100%;
+      width: auto;
+      padding: 0.2em 1em;
+      text-shadow: 0 -1px 0 #fff;
+    }
+    
+    #gollum-editor-help-parent li a:hover,
+    #gollum-editor-help-list li a:hover {
+      background: #fff;
+      border-color: #f0f0f0;
+      text-decoration: none;
+    }
+    
+  #gollum-editor-help-wrapper {
+    background: #fff;
+    overflow: auto;
+    height: 17em;
+    padding: 1em;
+  }
+  
+    #gollum-editor-help-content {
+      font-size: 1.2em;
+      margin: 0 1em 0 0.5em;
+      padding: 0;
+      line-height: 1.8em;
+    }
+    
+    #gollum-editor-help-content p {
+      margin: 0 0 1em 0;
+      padding: 0;
+    }
\ No newline at end of file
diff --git a/lib/gollum/frontend/templates/editor.mustache b/lib/gollum/frontend/templates/editor.mustache
index de5af2ed..d5c554c6 100644
--- a/lib/gollum/frontend/templates/editor.mustache
+++ b/lib/gollum/frontend/templates/editor.mustache
@@ -58,6 +58,29 @@
      </select>
       <label for="format">Edit Mode</label>
     </div>
+  </div>
+  <div id="gollum-editor-help">
+    <ul id="gollum-editor-help-parent">
+      <li><a href="javascript:void(0);" class="selected">Help 1</a></li>
+      <li><a href="javascript:void(0);">Help 1</a></li>
+      <li><a href="javascript:void(0);">Help 1</a></li>
+    </ul>
+    <ul id="gollum-editor-help-list">
+      <li><a href="javascript:void(0);">Help 2</a></li>
+      <li><a href="javascript:void(0);">Help 3</a></li>
+      <li><a href="javascript:void(0);">Help 4</a></li>
+      <li><a href="javascript:void(0);">Help 5</a></li>
+      <li><a href="javascript:void(0);">Help 6</a></li>
+      <li><a href="javascript:void(0);">Help 7</a></li>
+      <li><a href="javascript:void(0);">Help 8</a></li>
+    </ul>
+    <div id="gollum-editor-help-wrapper">
+      <div id="gollum-editor-help-content">
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam et nibh a lacus egestas blandit. Maecenas felis tortor, mattis quis venenatis in, dictum ut diam. Sed nisi massa, accumsan vel sodales a, pharetra vel tellus. Integer quis metus at erat hendrerit egestas eget et sem. Donec elit nunc, accumsan sed fermentum eget, consectetur non enim. Duis ut risus odio. Pellentesque tristique augue iaculis libero interdum quis fermentum sapien cursus. Quisque justo sapien, molestie non convallis ut, convallis a massa. Nam congue ipsum at turpis semper non bibendum diam pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent euismod, ligula nec sagittis volutpat, ante dolor porttitor turpis, vel convallis velit elit et ipsum. Aenean sit amet purus odio. Fusce fermentum lorem sit amet tortor laoreet a sollicitudin nisl tempor. Maecenas tempus tortor eget libero varius ullamcorper. Donec a felis a sapien venenatis mattis. 
+      </p>
+      </div>
+    </div>
   </div>
     <textarea id="gollum-editor-body"
      data-markup-lang="markdown" name="content">{{content}}</textarea>