4h-record-books/Index.html

151 lines
7 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 ~ Home</title>
<!-- InstanceEndEditable -->
<link href="favicon.ico" rel="shortcut icon" />
<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" -->
<div class="center-cropped" style="max-width: 414px" data-parallax="scroll" data-image-src="./img/woman-keeping-records.jpg"></div>
<h1> 4-H Record Book Portfolios <br />
<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. </p>
<p> &quot;Why bother?&quot; you might ask.
That is a worthy question, and so I have come up with the following reasons for completing record books. </p>
<div class="row">
<div class="col-sm-6">
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Youth Development (Parent's) Reasons</h3>
</div>
<div class="panel-body">
<ul>
<li>Youth develop professsional record-keeping habits</li>
<li>Youth learn to follow appropriate standards while maintaining creativity and flexibility</li>
<li>Youth learn to communicate strengths and acomplishments to others without braggish manerisms</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Fun (Kid's) Reasons</h3>
</div>
<div class="panel-body">
<ul>
<li>You can earn great prizes (and there are alot of them) at the county level</li>
<li>You can earn <a href="http://wyoming4h.org/scholarships">scholarship money</a> for going to college or trade school with a well-kept record book.</li>
<li>Record books are fun to read (and make great blackmail material)!</li>
</ul>
</div>
</div>
</div>
</div>
<h2>So, let's dive right in!</h2>
<p> Click a box below to be taken to a page containing the appropriate forms and info on how to fill them out. </p>
<div class="row">
<a href="Cover.html"><div class="col-sm-2 background-grid background-cover hover-contents">
<div class="banner-heading"><h6>Cover Page</h6></div>
</div></a>
<a href="Section1.html"><div class="col-sm-5 background-grid background-sec-1 hover-contents">
<div class="banner-heading"><h6>Section 1<br />
Project Record</h6></div>
</div></a>
<a href="Section2.html"><div class="col-sm-2 background-grid background-sec-2 hover-contents"> <div class="banner-heading">
<h6 class="background-transparent">Section 2<br />
Awards &amp; Recognitions</h6></div>
</div></a>
<a href="Section3.html"><div class="col-sm-3 background-grid background-sec-3 hover-contents"> <div class="banner-heading">
<h6 class="background-transparent">Section 3<br />
Leadership</h6></div>
</div></a>
<!--New row-->
<a href="Section4.html"><div class="col-sm-3 background-grid background-sec-4 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 4<br />
Community Service</h6></div>
</div></a>
<a href="Section5.html"><div class="col-sm-2 background-grid background-sec-5 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 5<br />
Participation &amp; Non-4-H Experiences</h6></div>
</div></a>
<a href="Section6.html"><div class="col-sm-4 background-grid background-sec-6 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 6<br />
My 4-H Story</h6>
</div>
</div></a>
<a href="Section7.html">
<div class="col-sm-3 background-grid background-sec-7 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 7<br />
Photographs &amp; Clippings</h6>
</div>
</div>
</a> </div>
<h2>&quot;It's time for an introduction&#x2026;&quot;</h2>
<p> My name is Thomas Christensen. I am a nine-year Albany County 4-H alum, and I am passionate about record books.
I have taken the liberty of voicing my own thoughts and opinions about record books here under the guise of helping new 4-H members.
If you are looking for a print resource that is slightly more tactful than I am, try downloading the PDF &quot;Record Book Handout&quot; from the &quot;Resources&quot; tab above. </p>
<!-- 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>