diff --git a/bornhack/templates/info.html b/bornhack/templates/info.html
index 4eae1b30..99a15628 100644
--- a/bornhack/templates/info.html
+++ b/bornhack/templates/info.html
@@ -12,7 +12,25 @@ Info | {{ block.super }}
 {% block content %}
   <div class="row">
     <div class="col-md-12">
-      <h2>When is BornHack happening?</h2>
+      <h2>Table of Contents</h2>
+      <p>
+        <div class="list-group">
+          <a href="#when" class="list-group-item">When is BornHack happening?</a>
+          <a href="#where" class="list-group-item">Where is BornHack going to take place?</a>
+          <a href="#travel" class="list-group-item">Travel Information</a>
+          <a href="#power" class="list-group-item">Power and Connectivity</a>
+          <a href="#bar" class="list-group-item">Bar Area</a>
+          <a href="#villages" class="list-group-item">Villages</a>
+          <a href="#food" class="list-group-item">Food, Drink and Groceries</a>
+          <a href="#info" class="list-group-item">Infodesk and CERT</a>
+        </div>
+      </p>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12">
+      <h2><a name="when">When is BornHack happening?</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -47,7 +65,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Where is BornHack going to take place?</h2>
+      <h2><a name="where">Where is BornHack going to take place?</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -72,7 +90,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Travel Information</h2>
+      <h2><a name="travel">Travel Information</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -171,7 +189,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Where do I sleep?</h2>
+      <h2><a name="sleep">Where do I sleep?</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -208,7 +226,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Power and Connectivity</h2>
+      <h2><a name="power">Power and Connectivity</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -267,7 +285,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Bar Area</h2>
+      <h2><a name="bar">Bar Area</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -314,7 +332,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Villages</h2>
+      <h2><a name="villages">Villages</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -368,7 +386,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Food, Drink and Groceries</h2>
+      <h2><a name="food">Food, Drink and Groceries</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">
@@ -486,7 +504,7 @@ Info | {{ block.super }}
 
   <div class="row">
     <div class="col-md-12">
-      <h2>Infodesk and CERT</h2>
+      <h2><a name="info">Infodesk and CERT</a></h2>
       <div class="panel-group">
         <div class="panel panel-default">
           <div class="panel-heading">