4h-record-books/Cover.html

138 lines
4.8 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" -->
<h1>
Cover Page
&#9679;
<small>The start to every record book</small>
</h1>
<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;
Cumulative 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>
<br />
<div class="center-cropped" data-parallax="scroll" data-image-src="./img/cover-bg-notebook.jpg"></div>
<br />
<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>
<div class="row">
<div class="col-md-4">
<h2>Cumulative Cover</h2>
<p>
The cumulative cover is the boring page that contains the basic info the extension office and record book judges need to know to identify your book.
Add info to the bottom of the list and update your club if needed.
Remember, this page should stay with your book for your entire 4-H career.
</p>
</div>
<div class="col-md-4">
<div class="float-left">
<div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-edit"></span>
&ensp;
Tip
</h3>
</div>
<div class="panel-body">
The <strong>report year</strong> for 4-H runs from October 1st to September 30th of the following calendar year.
When recording dates in your record book, it is important to mark both years (i.e. 2015-2016) or the month and year (July 2016) so that readers can determine which report the event pertains to.
</div>
</div>
</div>
</div>
<div class="col-md-4">
<h2>Submission Cover</h2>
<p>
If your book is to be judged, this cover helps the judges find the correct sections to judge.
Before submitting your book, fill out the info at the top of the page and check every project you were in this past year.
The judges will return this sheet to you with their comments.
You will need a new sheet for every year you submit your record book for judging.
</p>
</div>
</div>
<!-- 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>
<script src="script/parallax.min.js" type="text/javascript"></script>
</body>
<!-- InstanceEnd --></html>