diff --git a/assets/pet-clinic-boilerplate/index.html b/assets/pet-clinic-boilerplate/index.html
index 1f525f635..a2c792585 100644
--- a/assets/pet-clinic-boilerplate/index.html
+++ b/assets/pet-clinic-boilerplate/index.html
@@ -14,9 +14,73 @@
   <link href='//fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic' rel='stylesheet' type='text/css'>
 </head>
 <body>
+
   <!-- header -->
+  <div class="navbar navbar-fixed-top" role="navigation">
+    <div class="container">
+      <div class="navbar-header">
+        <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <span class="navbar-brand">
+          <a class="brand" href="/">Pet Clinic</i></a>
+        </span>
+      </div>
+      <div class="navbar-collapse collapse">
+        <ul class="nav navbar-nav">
+          <li>
+            <a href="#">Services</a>
+          </li>
+          <li>
+            <a href="#">Veterinarians</a>
+          </li>
+          <li>
+            <a href="#">Owners</a>
+          </li>
+          <li>
+            <a href="#">Stories</a>
+          </li>
+          <li>
+            <a href="#">About</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <!-- end: header -->
+
   <!-- yield / body -->
+
+  <!-- supplimentary info -->
+  <section class="supplementary">
+  <section>
+  <!-- end: supplimentary info -->
+
   <!-- footer -->
+  <footer class="footer">
+    <div class="container">
+      <div class="footer-copyright">© 2015 <a href="/">Pet Clinic.</a> All rights reserved.</div>
+      <div class="footer-social">
+        <div class="footer-social-label">Social links:</div>
+        <ul class="footer-social">
+          <li>
+            <a href="#">Twitter</a>
+          </li>
+          <li>
+            <a href="#">Facebook</a>
+          </li>
+          <li>
+            <a href="#">Google+</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </footer>
+  <!-- end: footer -->
+
   <script src="js/build/production.min.js"></script>
 </body>
 </html>
