4h-record-books/Cover.html

117 lines
4.1 KiB
HTML

<!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Albany County 4-H Record Book Portfolios ~ Cover Page</title>
<!-- InstanceEndEditable -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/site.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main">
<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="Index.html">
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" />
</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-main">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="Cover.html">Cover Page</a></li>
<li><a href="Section1.html">Section 1</a></li>
<li><a href="Section2.html">Section 2</a></li>
<li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<li><a href="Section5.html">Section 5</a></li>
<li><a href="Section6.html">Section 6</a></li>
<li><a href="Section7.html">Section 7</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<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>
Cover Page
<br />
<small>The start to every record book</small>
</h1>
<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>
</div>
<!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script>
</body>
<!-- InstanceEnd --></html>