diff --git a/static/visual_guide/index.html b/static/visual_guide/index.html
index af48151..d04c4b0 100644
--- a/static/visual_guide/index.html
+++ b/static/visual_guide/index.html
@@ -19,7 +19,7 @@ <h1>Qtile Bonsai</h1>
     <ul class="guide">
       
         <li class="section">
-          <h2 class="title">Splits</h2>
+          <h2 id="Splits" class="title">Splits</h2>
           
             <style>
   .example-splits_1 .lhs {
@@ -191,7 +191,7 @@ <h2 class="title">Splits</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Tabs</h2>
+          <h2 id="Tabs" class="title">Tabs</h2>
           
             <style>
   .example-tabs_1 .lhs {
@@ -800,7 +800,7 @@ <h2 class="title">Tabs</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Merge to Subtab</h2>
+          <h2 id="Merge to Subtab" class="title">Merge to Subtab</h2>
           
             <style>
   .example-merge_to_subtab_1 .lhs {
@@ -1496,7 +1496,7 @@ <h2 class="title">Merge to Subtab</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Push In</h2>
+          <h2 id="Push In" class="title">Push In</h2>
           
             <style>
   .example-push_in_1 .lhs {
@@ -1818,7 +1818,7 @@ <h2 class="title">Push In</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Pull Out</h2>
+          <h2 id="Pull Out" class="title">Pull Out</h2>
           
             <style>
   .example-pull_out_1 .lhs {
@@ -2591,7 +2591,7 @@ <h2 class="title">Pull Out</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Pull Out to Tab</h2>
+          <h2 id="Pull Out to Tab" class="title">Pull Out to Tab</h2>
           
             <style>
   .example-pull_out_to_tab_1 .lhs {
@@ -3166,7 +3166,7 @@ <h2 class="title">Pull Out to Tab</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Merge Tabs</h2>
+          <h2 id="Merge Tabs" class="title">Merge Tabs</h2>
           
             <style>
   .example-merge_tabs .lhs {
@@ -3416,7 +3416,7 @@ <h2 class="title">Merge Tabs</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Branch Select Mode</h2>
+          <h2 id="Branch Select Mode" class="title">Branch Select Mode</h2>
           
             <style>
   .example-branch_select_mode_1 .lhs {
@@ -4185,7 +4185,7 @@ <h2 class="title">Branch Select Mode</h2>
         </li>
       
         <li class="section">
-          <h2 class="title">Advanced Options for Branch Selection</h2>
+          <h2 id="Advanced Options for Branch Selection" class="title">Advanced Options for Branch Selection</h2>
           
             <style>
   .example-advanced_1 .lhs {
diff --git a/templates/visual_guide/index.template.html b/templates/visual_guide/index.template.html
index 4152014..f7e85a8 100644
--- a/templates/visual_guide/index.template.html
+++ b/templates/visual_guide/index.template.html
@@ -19,7 +19,7 @@ <h1>Qtile Bonsai</h1>
     <ul class="guide">
       {% for section, examples in sections.items() %}
         <li class="section">
-          <h2 class="title">{{ section }}</h2>
+          <h2 id="{{ section }}" class="title">{{ section }}</h2>
           {% for example in examples %}
             {% include example.template_path %}
           {% endfor %}