diff --git a/controllers/sites.js b/controllers/sites.js
index fd0bb1a..f111d5d 100644
--- a/controllers/sites.js
+++ b/controllers/sites.js
@@ -43,6 +43,12 @@ module.exports = {
       res.render('site-listing', { title: "All Sites", sites: sites });
     });
   },
+  getReference: function(req, res){
+    Site.getAll(function(err, sites){
+      if(err) throw err;
+      res.render('reference', { title: "Reference", sites: sites });
+    });
+  },
   UniqueSiteVisits: function(req, res){
     Visit.findUniqueSites(function(err, uniqueSites){
       if(err) throw err;
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index 36bf4ad..d3e22dd 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -63,3 +63,7 @@ h2 {
   margin-top: 8px;
   margin-left: 36px;
 }
+
+span.num {
+  color: var(--neon-purple)
+}
diff --git a/routes/index.js b/routes/index.js
index e4b417e..059e448 100644
--- a/routes/index.js
+++ b/routes/index.js
@@ -5,6 +5,7 @@ var sitesController = require('../controllers/sites')
 
 router.get('/', sitesController.getHome);
 router.get('/sites', sitesController.getAll);
+router.get('/reference', sitesController.getReference);
 router.get('/visits', sitesController.UniqueSiteVisits);
 
 module.exports = router;
diff --git a/views/reference.pug b/views/reference.pug
new file mode 100644
index 0000000..3d0efb8
--- /dev/null
+++ b/views/reference.pug
@@ -0,0 +1,17 @@
+extends layout
+
+block content
+  div(class='title')
+    h1= title    
+    
+  p Please use this reference sheet to coordiate your entries with the corresponding site identification number.
+
+  - var sitesVisited = []; 
+  h2= "Site References"
+  each site in sites
+    div(class="listing")
+      h3 
+        span(class='num') #{site.id}: 
+        | #{site.site}
+  
+  include footer.pug