diff --git a/routes/index.js b/routes/index.js
index 1cfd560..944a689 100644
--- a/routes/index.js
+++ b/routes/index.js
@@ -10,9 +10,9 @@ router.get('/', csrfProtection, asyncHandler(async(req, res) => {
   res.render('index', ({ trails }));
 }));
 
-router.get('/trails/:id(\\d+)', csrfProtection, asyncHandler(async(req, res, next) => {
+router.get('/trail/:id(\\d+)', csrfProtection, asyncHandler(async(req, res, next) => {
   const trailId = parseInt(req.params.id, 10);
-  const trail = await db.Trails.findByPk(trailId);
+  const trail = await db.Trail.findByPk(trailId);
   res.render('trail-detail', {
       title: "Park Detail",
       trail
diff --git a/views/index.pug b/views/index.pug
index fd0267e..63f448c 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -14,7 +14,6 @@ block content
       h1 MixTrail
         div(class="search")
           input(type="text" id="search-bar" class="search-bar" placeholder="Find your next trail!")
-
   div(class="test")
     each trail in trails
       div(class="trail-div")
diff --git a/views/trail-detail.pug b/views/trail-detail.pug
index e69de29..bb5cfcf 100644
--- a/views/trail-detail.pug
+++ b/views/trail-detail.pug
@@ -0,0 +1,7 @@
+extends layout.pug
+
+block content
+    div
+        p= trail.name
+        img(src=`../trails/trail-${trail.id}.jpg` alt=`${trail.name}` class=`trail-image-${trail.id}`)
+        p= trail.description