Balance columns, add navbar, remove local styles

mconlon17 · Feb 7, 2014 · b8d2ae9 · b8d2ae9
1 parent dc9c4aa
commit b8d2ae9
Showing 1 changed file with 34 additions and 35 deletions.
diff --git a/index.html b/index.html
@@ -11,43 +11,42 @@
 
     <title>Some VIVO Things</title>
 
-	<style>
-	/* Move down content because we have a fixed navbar that is 50px tall */
-
-/*	
-	.jumbotron {
-	    font-size: 36px;
-        text-align: center;		
-	}
-	
-	p {
-	font-size: 18px;
-	text-align: center;
-	}
-	
-	h2 {
-	font-size: 24px;
-	text-align: center;
-	}
-	
-	body {
-  padding-top: 50px;
-  margin-left: 30px;
-  margin-right: 30px;
-  padding-bottom: 20px;
-  font-family: arial,sans-serif;
-}
-
-*/
-	</style>
   </head>
 
   <body>
+
+      <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="#">Some VIVO Things</a>
+        </div>
+        <div class="navbar-collapse collapse">
+          <form class="navbar-form navbar-right" role="form">
+            <div class="form-group">
+              <input type="text" placeholder="Email" class="form-control">
+            </div>
+            <div class="form-group">
+              <input type="password" placeholder="Password" class="form-control">
+            </div>
+            <button type="submit" class="btn btn-success">Sign in</button>
+          </form>
+        </div><!--/.navbar-collapse -->
+      </div>
+    </div>
+
     <!-- Main jumbotron for a primary marketing message or call to action -->
     <div class="jumbotron">
       <div class="container">
         <h1>Some VIVO Things</h1>
-        <p>A site for things about VIVO -- tools, data, visualizations, and hopefully, a blog.  There's a bunch of things being created to manage VIVO data -- load, clean, discover.  And a bunch to visualize organizations, publications, expertise, and more</p>
+        <p>A site for things about VIVO -- tools, data, visualizations, and hopefully, a blog.  There's a 
+		bunch of things being created to manage VIVO data -- load, clean, discover.  And a bunch to visualize 
+		organizations, publications, expertise, and more.</p>
         <p><a class="btn btn-primary btn-lg" role="button">Learn more when there's a button here &raquo;</a></p>
       </div>
     </div>
@@ -58,7 +57,7 @@ <h1>Some VIVO Things</h1>
         <div class="col-md-4">
           <h2>Data In</h2>
           <p>We're creating a variety of easy to use tools to load data
-		  into VIVO, and to inspect data in VIVO.  The VIVO Triple Inspector
+		  into VIVO, self-edit data, and inspect data in VIVO.  The VIVO Triple Inspector
 		  shows <em>exactly</em> what VIVO stores for each entity.</p>
           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
         </div>
@@ -73,18 +72,18 @@ <h2>Information Out</h2>
           <h2>A VIVO Blog</h2>
           <p>From upgrades to 1.6, activity and applications around the world,
 		  to the conference, implementation fest, sponsor activities, workgroups
-		  and more, we'll post some ideas and updates on the blog on this site.</p>
+		  and more, we'll post some ideas and updates on the blog.</p>
           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
         </div>
       </div>
-	</div>
 
-       <hr>
+	  <hr>
 
       <footer>
         <p>&copy; Mike Conlon 2014</p>
       </footer>
-    </div> <!-- /container -->
+
+	  </div> <!-- /container -->
 
 
     <!-- Bootstrap core JavaScript