diff --git a/templates/base.html b/templates/base.html
index 5e987d9..2316660 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -2,6 +2,16 @@
   <head>
     <meta charset="utf-8">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.1/mini-default.min.css">
+    <style type="text/css">
+    header { background: #476930; color: #ddd; }
+    header a.logo { color: #ddd; }
+    a.button { background: #476930; color: #ddd; }
+    footer { background: #476930; color: #ddd; }
+    .location-header { border: 1px solid #476930; border-radius: 3px; padding: 1em; }
+    .location-header-label { font-weight: bold; clear: both; }
+    .location-header-value { clear: both; }
+    .block-text { font-size: 120%; padding: 0 2em; }
+    </style>
     <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
@@ -13,7 +23,7 @@
     </header>
       {% block base %}
       {% endblock %}
-    <footer style="background: #666; color: #ddd;">
+    <footer>
       <p>This site is created for the express purpose of <a href="/about" style="color: #fff;">demonstrating scraping techniques</a>.  No information contained on this site is meant to be taken as useful in any way.</p>
     </footer>
   </body>
diff --git a/templates/park_detail.html b/templates/park_detail.html
index 1c09e0c..5b1f92e 100644
--- a/templates/park_detail.html
+++ b/templates/park_detail.html
@@ -2,28 +2,85 @@
 
 {% block base %}
   <div class="card fluid">
-    <h2 class="section">{{ park.title }}</h2>
+    <div class="page-title">
+      <h2 class="section">{{ park.title }}</h2>
+    </div>
     <div class="section">
-      <dl>
-        <dt>Address</dt>
-        <dd id="address">
-        {% autoescape false %}
-        {{ park.address|replace("\n","<br>") }}
-        {% endautoescape %}
-        </dd>
-        <dt>About</dt>
-        <dd id="children">
+
+      <div class="location-header">
+        {% if park.id % 7 == 0 %}
+        <span class="location-header-label">Phone</span>
+        <span class="location-header-value">
+          <p class="phone">(not available)</p>
+        </span>
+        {% endif %}
+        <span class="location-header-label">Address</span>
+        <span class="location-header-value">
+          <p class="address">
+          {% autoescape false %}
+          {{ park.address|replace("\n","<br>") }}
+          {% endautoescape %}
+          </p>
+        </span>
+        <span class="location-header-label">Jurisdiction</span>
+        <span class="location-header-value">
+          <p>Chicago Parks</p>
+        </span>
+      </div>
+
+      {# sometimes add another block in, we'll use the id to decide #}
+      {% if park.id % 17 == 0 %}
+      <div class="view-content">
+        <h3><span id="Other"></span></h3>
+        <h3 class="block-title"> Reserved </h3>
+        <div class="block-text">
+          This section is reserved for future use.
+        </div>
+      </div>
+      {% endif %}
+
+      <div class="view-content">
+        <h3><span id="Description"></span></h3>
+        <h3 class="block-title"> Description </h3>
+        <div class="block-text">
         {% autoescape false %}
         {{ park.description|replace("\n","<br>") }}
         {% endautoescape %}
-        </dd>
-        <dt>History</dt>
-        <dd id="hired">
+        </div>
+      </div>
+
+      {# sometimes add another block in, we'll use the id to decide #}
+      {% if park.id % 5 == 0 %}
+      <div class="view-content">
+        <h3><span id="Other"></span></h3>
+        <h3 class="block-title"> Other </h3>
+        <div class="block-text">
+          This section is reserved for future use.
+        </div>
+      </div>
+      {% endif %}
+
+      <div class="view-content">
+        <h3><span id="History"></span></h3>
+        <h3 class="block-title"> History </h3>
+        <div class="block-text">
         {% autoescape false %}
         {{ park.history|replace("\n","<br>") }}
         {% endautoescape %}
-        </dd>
-      </dl>
+        </div>
+      </div>
+
+      {# sometimes add another block in, we'll use the id to decide #}
+      {% if park.id % 11 == 0 %}
+      <div class="view-content">
+        <h3><span id="Other"></span></h3>
+        <h3 class="block-title"> Other </h3>
+        <div class="block-text">
+          This section is reserved for future use.
+        </div>
+      </div>
+      {% endif %}
+
     </div>
   </div>
 {% endblock %}
