Continued work...

Cover.html

@@ -48,7 +48,7 @@
 
 <div class="container-fluid">
 	<div class="row">
-		<div class="col-md-8 col-md-offset-2">
+		<div class="col-lg-8 col-lg-offset-2">
 				<!-- InstanceBeginEditable name="MainBody" -->
 				<img class="img-responsive img-thumbnail center-cropped float-left" src="img/Newnotebookandtexturewoodencoverwithpencil.jpg" alt="Cover notebook" />
 				<h1>
@@ -59,12 +59,51 @@
 				
 				<div class="clearfix"></div>
 				
+				
+				<div class="row">
+					<div class="col-md-6 col-md-offset-3">
+						<div class="btn-group btn-group-justified">
+							<a href="book/cover.docx" class="btn btn-primary">
+								<img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format" />
+								&ensp;
+								Comulative Cover
+							</a>
+							<a href="book/submission-cover.pdf" class="btn btn-danger">
+								<img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format" />
+								&ensp;
+								Submission Cover
+							</a>
+						</div>
+					</div>
+				</div>
+				
 				<blockquote>
 					Let's start at the very beginning,<br />
 					That's a very good place to start.
 					<small>Maria von Trapp in <em>The Sound of Music</em></small>
 				</blockquote>
 				
+				<p>The cover page of a record book includes the important information that the Extension Office needs to mark that you've actually completed your 4-H year. </p>
+				
+				<h2>
+					Requirements
+				</h2>
+				<table class="table table-bordered table-hover table-responsive table-striped">
+					<tr>
+						<th></th>
+						<th>Juniors<span class="visible-md visible-lg"><small> (Ages 8-10)</small></span></th>
+						<th>Intermediates<span class="visible-md visible-lg"><small> (Ages 11-13)</small></span></th>
+						<th>Seniors<span class="visible-md visible-lg"><small> (Ages 14+)</small></span></th>
+					</tr>
+					<tr>
+						<th>Comulative Page</th>
+						<td colspan="3">Fill it out with updated information every year.</td>
+					</tr>
+					<tr>
+						<th>Submission Cover</th>
+						<td colspan="3">Check your past year's projects when turning in your record book.</td>
+					</tr>
+				</table>
 				<!-- InstanceEndEditable -->
 		</div>
 	</div>

Index.html

@@ -48,7 +48,7 @@
 
 <div class="container-fluid">
 	<div class="row">
-		<div class="col-md-8 col-md-offset-2">
+		<div class="col-lg-8 col-lg-offset-2">
 				<!-- InstanceBeginEditable name="MainBody" -->
 		<img class="img-responsive img-thumbnail float-left center-cropped" src="img/woman-keeping-records.jpg" alt="Woman enjoying record keeping" />
 		<h1>
@@ -57,6 +57,8 @@
 			<span class="small">for Albany County, Wyoming</span>
 		</h1>
 		
+		<div class="clearfix"></div>
+		
 		<p>
 			Welcome! 4-H Record Books are the culmination of the 4-H experience.
 			With record books, 4-Hers not only have the opportunity to complete epic projects, but they have the chance to tell others what they did and learned.

Section1.html

@@ -48,7 +48,7 @@
 
 <div class="container-fluid">
 	<div class="row">
-		<div class="col-md-8 col-md-offset-2">
+		<div class="col-lg-8 col-lg-offset-2">
 				<!-- InstanceBeginEditable name="MainBody" -->
 	<img class="img-responsive img-thumbnail float-left center-cropped" src="img/Close-upofaveryniceyoungawardwinnercow.jpg" alt="4-H Breeding Beef Project" />
 	<h1>
@@ -59,12 +59,12 @@
 	<div class="row">
 		<div class="col-md-6 col-md-offset-3">
 			<div class="btn-group btn-group-justified">
-				<a href="book/Section1.docx" class="btn btn-info">
+				<a href="book/Section1.docx" class="btn btn-primary">
 					<img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format"/>
 					&ensp;
 					Project Record Form
 				</a>
-				<a href="example/Section_1.pdf" class="btn btn-info">
+				<a href="example/Section_1.pdf" class="btn btn-danger">
 					<img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format"/>
 					&ensp;
 					Project Record Examples
@@ -77,7 +77,45 @@
 		all our projects of happiness are liable to be frustrated
 		<small>Webster's 1828 Dictionary</small>
 	</blockquote>
+	<p>
+		Well, on <em>that</em> encouraging note, let's talk about the most involved section of a record book.
+		Every project you are enrolled in needs a separate Section 1 for each year you are enrolled in it.
+		Section 1 takes up the most time and space in a vetern 4-Her's record book, so we will spend a good deal of time talking about it here.
+	</p>
 	
+	<h2>Requirements</h2>
+	<table class="table table-bordered table-hover table-responsive table-striped">
+		<tr>
+			<th></th>
+			<th>Juniors<span class="visible-md visible-lg"><small> (Ages 8-10)</small></span></th>
+			<th>Intermediates<span class="visible-md visible-lg"><small> (Ages 11-13)</small></span></th>
+			<th>Seniors<span class="visible-md visible-lg"><small> (Ages 14+)</small></span></th>
+		</tr>
+		<tr>
+			<th>Minimum # of Goals</th>
+			<td>Two (2)</td>
+			<td>Three (3)</td>
+			<td>Four (4)</td>
+		</tr>
+		<tr>
+			<th>Project Description</th>
+			<td colspan="3">Addresses who, what, when and where of project qualitatively in less than 300 words.</td>
+		</tr>
+		<tr>
+			<th>Size and Scope</th>
+			<td colspan="3">Includes quantitatative information pertaining to the materials and time required to complete the project. Finacial Information and Market Summary sub-sections should be filled out if applicable to the project.</td>
+		</tr>
+		<tr>
+			<th>Knowledge and Skills Aquired</th>
+			<td>Lists things learned in project.</td>
+			<td>Lists things learned in project and addresses each goal.</td>
+			<td>Lists things learned in project and demonstrates how at least 2 goals were met, as well as addressing all goals.</td>
+		</tr>
+		<tr>
+			<th>Exhibition Summary</th>
+			<td colspan="3">Lists exhibitions and placings from entire year.</td>
+		</tr>
+	</table>
 	<h2>Goals</h2>
 	<blockquote>
 		If you aim at nothing, you will hit it every time

Templates/_template.dwt

@@ -48,7 +48,7 @@
 
 <div class="container-fluid">
 	<div class="row">
-		<div class="col-md-8 col-md-offset-2">
+		<div class="col-lg-8 col-lg-offset-2">
 				<!-- TemplateBeginEditable name="MainBody" -->
 		
 				<!-- TemplateEndEditable -->