fixed position of elements

wells/index.html

@@ -37,14 +37,18 @@
          </audio>
     </div>
      </div>
-     <div id="about_colophon">
+
-      <a href="#" >About</a>|<a href="#" >Colophon</a>
-    </div>
-     <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
-    </div>
-    <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
-   </div>
   </div>
+</div>
+<div class="col-md-3">
+  <div id="about_colophon">
+   <a href="#" >About</a>|<a href="#" >Colophon</a>
+  </div>
+  <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+  </div>
+  <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+  </div>
+</div>
 </div>
     <!-- new row should start here -->
 
@@ -101,6 +105,8 @@
 </div>
 
 </div>
+<!--moved about temporarily-->
+
 <!-- scripts for mouse events -->
 <script>
   var audio = document.getElementById("audioBG");