Untitled

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SacPubs</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<meta name="keywords" content="Beer, Brewery, Sacramento, Pub, Public House, Bar, Sac" />
<meta name="description" content="Breweries and Pubs in Sacramento, CA" />
</head>
<!--logo header -->
<div id="logo">
<a href="index.html"><img src="images/bridgelogo.png" title="SacPubs.com" alt="SacPubs.com" width="100%" height="300px" /></a>
</div>
<a id="top"></a>
<!--navigational menu -->
<div id="menu">
    <a href="index.html">Home</a> |
    <a href="sac_history.html">Sac History</a> |
    <a href="about.html">About</a> |
    <a href="subscribe.html">Subscribe</a> |
    <a href="contact.html">Contact</a> |
    <a href="mailto:markfore@surewest.net">Email</a>
</div>

<h1>Subscribe</h1>

<!-- main content -->
<div id="content">
    <h2>Want to stay up to date? Then subscribe to our Newsletter!</h2>
    <p> Just fill out the form below and we will send you our newsletter that is filled with all kinds of upcomming local events. Staying informed about about the local craft brew scene has never been easier.</p>
    <br />

    <div id="formcontainer" >
    <!--subscription form container-->
      <form id="newsletter" name="newsletter" method="post" action="mailto:markfore@surewest.net">
        <fieldset class="labelfloatleft"><legend>Subscription Form</legend>
    <!--age confirmation check boxes-->
          <label class="of_age" for="of_age">Yes, I am over 21!</label>
          <input type="checkbox" name="of_age" id="of_age" />&nbsp;
          <label class="under_age" for="under_age">No, I am not over 21!</label>
          <input type="checkbox" name="under_age" id="under_age" checked="checked" /><br>
        <fieldset>
    <!--title radio buttons-->
          <label for="mr">Mr.</label>
          <input type="radio" name="Mr." id="mr" value="mr" checked="checked"/>
          <label for="mrs">Mrs.</label>
          <input type="radio" name="Mrs." id="mrs" value="mrs" />
          <label for="ms">Ms.</label>
          <input type="radio" name="Ms." id="ms" value="ms" /><br>
        </fieldset>
    <!--Name Textboxes-->
          <label for="firstname">First Name:</label>
          <input type="text" name="firstname" id="firstname" size="30" />
          <label for="lastname">Last Name:</label>
          <input type="text" name="lastname" id="lastname" size="30" />
          <label for="emailaddress">Email:</label>
          <input type="email" name="emailaddress" id="emailaddress" size="40" placeholder="your-email@some-email.com" /><br>
    <!--newsletter frequency select menu -->
          <label for ="frequency">How often would you like to hear from us?</label>
          <select name="frequency" id="frequency">
            <option value="weekly">Weekly</option>
            <option value="monthly">Monthly</option>
            <option value="yearly">Yearly</option>
          </select><br><br>

    <!--send & reset command buttons-->
          <input type="button" value="Send" class="button" />
          <input type="button" value="Reset" class="button" />
        </fieldset>
      </form>
    </div>

    <img class="newsletter" src="images/newsletter.gif" title="newsletter" alt="newsletter" />

<!--Top of page anchor -->
<div class="backToTop"><a href="#top" title="Back to Top"><b>Back to Top</b></a></div>
<br /><br />

<br />
<!-- footer -->
<div id="footer">Copyright &copy; 2015 SacPubs. All rights reserved.
<br />
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
</div>
<br />
</div>

<!--footer navigational menu -->
<div id="menu">
    <a href="index.html">Home</a> |
    <a href="sac_history.html">Sac History</a> |
    <a href="about.html">About</a> |
    <a href="subscribe.html">Subscribe</a> |
    <a href="contact.html">Contact</a> |
    <a href="mailto:markfore@surewest.net">Email</a>
</div>
</html>