diff --git a/index.html b/index.html
index e71568c..14ab9d5 100644
--- a/index.html
+++ b/index.html
@@ -22,9 +22,15 @@
   <div class="row">
     <div class="col-md-4"><div id="title_website"><a href="/">Wells of Knowledge</a></div></div>
       <div class="col-md-3 offset-md-5" id="menu">
-    <span id="about">
-     <a href="#" >about</a>
-   </span>
+        <span id="about">
+         <a href="#" >about</a> |
+       </span>
+        <span id="colophon">
+         <a href="#" >colophon</a> |
+       </span>
+       <span id="how">
+        <a href="#" >how to use</a>
+      </span>
   </div>
 
   </div>
diff --git a/static/css/style.css b/static/css/style.css
index 1030add..30ec006 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -443,9 +443,9 @@ h2 {
 
 
 /* about and colophon */
-/*#menu {
+#menu {
   margin-top: 15px;
-}*/
+}
 
 #about, #colophon, #how {
 font-family:'Walter Turncoat', cursive;
@@ -453,7 +453,7 @@ color: #d81159;
 font-size: 16px;
 }
 
-#colophon {
+/*#colophon {
   position: absolute;
   left: 50px;
   bottom:30px;
@@ -472,7 +472,7 @@ font-size: 16px;
   right: 50px;
   top:30px;
 }
-
+*/
 
 #about a {
 text-decoration: none;