Redesign

_includes/_navbar.html

@@ -34,39 +34,9 @@
     </div><!--/.nav-collapse -->
   </div>
 </div>
-<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
+<div class="navbar navbar-default announcement-navbar"> <!-- announcement double navbar -->
   <div class="container">
-      <div class="navbar-header">
-        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" title="navigation dropdown">
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-        </button>
-        <a class="navbar-brand" href="/index.html"><img src="/images/c4dc-logo-white-30x58.png" alt="Code for DC logo" /></a>
-    </div>
-    <div class="navbar-collapse collapse">
-      <ul class="nav navbar-nav" id="navbar-nav">
-        <li><a href="/blog/">Blog</a></li>
-        <li><a href="/projects/">Projects</a></li>
-        <li><a href="/about.html">About</a></li>
-        <li><a href="/contact.html">Contact</a></li>
-        <li class="dropdown">
-            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Resources <span class="caret"></span></a>
-            <ul class="dropdown-menu" role="menu">
-                <li><a href="/resources/codeofconduct.html">Code of Conduct</a></li>
-                <li><a href="/resources/builder.html"><code>civic.json</code> Builder</a></li>
-                <li class="divider"></li>
-                <li><a href="/resources/">See All</a></li>
-            </ul>
-        </li>
-        <li><a href="/donate.html">Donate</a></li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li><a href="https://twitter.com/CodeforDC"><i class="fa fa-twitter fa-lg"></i><span class="visible-xs-block">Twitter</span></a></li>
-        <li><a href="/rss.xml"><i class="fa fa-rss fa-lg"></i><span class="visible-xs-block">RSS Feed</span></a></li>
-        <li><a href="https://github.com/codefordc"><i class="fa fa-github fa-lg"></i><span class="visible-xs-block">Github</span></a></li>
-        <li><a href="http://meetup.com/code-for-dc"><i class="fa fa-calendar fa-lg"></i><span class="visible-xs-block">Meetup</span></a></li>
-      </ul>
-    </div><!--/.nav-collapse -->
+    <div class="announcement">We need you! If you're interested in helping run Code for DC, <a href="/apply.html">apply for a leadership position</a>!</div>
   </div>
-</div>
+</div>

assets/css/style.css

@@ -8,7 +8,7 @@ body {
   padding-top: 50px;
 }
 .starter-template {
-  padding: 40px 15px;
+  padding: 15px;
   text-align: center;
 }
 
@@ -112,24 +112,15 @@ hr.footer-divider {
 /*  index */
 /***************************/
 
-.hero {
-	background: url('/images/bohemian-caverns.jpg');
-	background-size: cover;
-	min-height: 300px;
-	min-width: 400px;
-	padding:0;
-}
-
-.hero-text{
-	text-align:center;
-	font-size:150px;
-	font-weight:bold;
-	color: white;
-	background-color: rgba(0,0,0,.5);
-	margin-top:25px;
+.big-image {
+    background-image:url("/images/main-header.jpg");
+    background-repeat: no-repeat;
+    background-size: contain;
+    height: 0;
+    width: 100%;
+    padding-top: 30.3%;
 }
 
-
 .heading-stripe {
 	margin-top:5px;
 	padding-left:0;
@@ -142,25 +133,14 @@ hr.footer-divider {
 	padding-bottom:5px;
 }
 
-.announcement-icon {
-	float:left;
-	margin-top:15px;
-	/*margin-left:20px;
-	margin-right:20px;*/
-	margin-bottom:20px;
+.announcement-navbar {
+    margin-bottom: 0px;
+    border-radius: 0px;
 }
 
-.announcement-icon img{
-	/*width: 450px;*/
-	width:100%;
-
-}
-.announcement-content {
-	text-align:justify;
-	margin-top:20px;
-	/*margin-left:20px;
-	margin-right:20px;*/
-	margin-bottom:20px;
+.announcement {
+    text-align: center;
+    padding-top: 15px;
 }
 
 .well {