Commits

David McLaren  committed 4554521

Updated header to Jumbotron. Updated styling some more.

  • Participants
  • Parent commits 3ed421c

Comments (0)

Files changed (2)

File css/style.css

 }
 
 h1 {
-  font: 800 64px "Open Sans", sans-serif;
+  font: 800 60px "Open Sans", sans-serif;
   text-transform: uppercase;
   color: #CCC;
   text-shadow: 4px 4px 0px #47535E, 5px 5px 0px #CCC;
 
 .navbar-inverse {
   background-image: url("../img/concrete_wall.png");
-}
-
-#page {
-  background-color: #47535E;
+  box-shadow: 0 1px 0 rgba(255,255,255,.1);
 }
 
 .navbar-nav>li>a:hover {
   background: -webkit-radial-gradient(top, rgba(50,65,82,0) 60%, rgba(50,65,82,1) 100%);
 }
+
+.jumbotron {
+  background: #47535E;
+  border-color: #080808;
+  border-width: 1px;
+  border-style: solid;
+  background-image: url("../img/concrete_wall.png");
+  margin-bottom: 0;
+}
+
+#page {
+  padding-top: 15px;
+}
+
+.feature-list {
+  text-align: center;
+}
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
+    <meta charset="utf-8">
     <title>Stuntguru's Safe Haven</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Bootstrap -->
         </nav>
       </div>
     </header>
+    <div class="jumbotron">
+      <div class="container">
+        <h1>Stuntguru's Safe Haven</h1>
+        <p>A safe place for friends</p>
+      </div>
+    </div>
     <div class="container" id="page">
-      <h1>Stuntguru's Safe Haven</h1>
-      <p>Test text text. Texty text text.</p>
+      <div class="row">
+        <div class="col-sm-6 col-md-4">
+          <div class="thumbnail">
+            <img data-src="holder.js/140x140" alt="Teamspeak" class="img-circle">
+            <div class="caption">
+              <h3>Teamspeak</h3>
+              <p>Join us on Teamspeak.</p>
+              <p><a href="#" class="btn btn-primary btn-lg btn-block" role="button">Button</a></p>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->