Home Page - style, sections, layout, content

codeisland · Jan 8, 2015 · 453b3a4 · 453b3a4
1 parent 0d4a297
commit 453b3a4
Showing 1 changed file with 28 additions and 24 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -1,30 +1,27 @@
 <!DOCTYPE html>
 <html>
 
-  {% include head.html %}
-
-
-  <body id="page" class="{{ page.body-class }} no-js">
-
-    {% include header.html %}
-
-	  <div class="hero">
-	    <div class="site-width">
-	      <p>
-	        Code Island is the official <a href="http://codeforamerica.org/">Code for America</a> brigade in Rhode Island. We are an all-volunteer organization of people looking to improve our community through technology.
-	      </p>
-	      <p>
-	        As a general rule, we hold a <a href="http://www.meetup.com/Rhode-Island-Code-for-America-Brigade/">meetup</a> the first and third Tuesday of every month at 6pm at <a href="https://www.google.com/maps/place/10+Davol+Square,+Providence,+RI+02903/@41.824152,-71.4398007,13z/data=!4m2!3m1!1s0x89e4456a8646dbf1:0x2259e0f433c149cf?hl=en">Brown University&rsquo;s TRI Lab at 10 Davol Square</a>. Our meetups are free and open to anyone who wants to contribute.
-	      </p>
-	    </div>
-	  </div>
-
-    <main>
-
-      {{ content }}
+	<!-- HEAD -->
+	{% include head.html %}
+
+	<body id="page" class="{{ page.body-class }} no-js">
+
+		<!-- HEADER -->
+		{% include header.html %}
+
+		<!-- Mission -->
+		<div class="section hero">
+			<div class="site-width">
+				<div >
+					<h1>Mission</h1>
+					<p class="large">
+						We are the official <a href="http://codeforamerica.org/">Code for America</a> brigade in Rhode Island, an all-volunteer organization of people looking to improve our community through technology.
+					</p>
 					<a class="btn" href="/about/">Learn More</a>
+				</div> 
+			</div>
+		</div>
 
-    	<div class="twitter-timeline">
 		<!-- Meeting -->
 		<div class="section meeting">
 			{% include nextmeeting.html %}
@@ -40,10 +37,17 @@
 
 		</main>
 
+		<!-- Twitter -->
+		<div class="section twitter">
+			<div class="twitter-timeline">
 				{% include twitter.html %}
-    	</div>
+			</div>
+		</div>
 
-    </main>
+		<!-- FOOTER -->
+		<div class="section footer">
+			{% include footer.html %}
+		</div>		
 
 	<!-- FOOT -->
 	{% include foot.html %}