index.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="main.css">
    <title>UConn Dairy Club</title>
</head>
<body>
    <div class="fullscreen nopadding">
        <div id="header">
          <img src="https://upload.wikimedia.org/wikipedia/en/thumb/b/b0/Connecticut_Huskies_logo.svg/1200px-Connecticut_Huskies_logo.svg.png" width="50px" />
          <ul>
            <li class = "navbar" href="#">Home</li>
            <li class = "navbar" href="#">About</li>
            <li class = "navbar" href ="#">Store</li>
          </ul>
        </div>
        <div class="header">
          <h1>UConn Dairy Club</h1>
        </div>
      </div>


      <div class="white">
        <a id="test"></a>
        <h1>About UConn Dairy Club</h1>
        <p>The UConn Dairy Club has been udderly the best since 1948. We are a group of young men and women who all share a common interest in the dairy industry and dairy cattle. There is no dairy experience required to join our club; we welcome anyone interested! </p>
        <p>As a club, we strive to keep the rich agricultural history of the University of Connecticut alive and do our best to educate our fellow students and the public about the amazing world of the dairy industry. We do this through attending events like production herd at the Big E in Massachusetts. We attend production herd every year and usually take around 18 animals; 10 milking cows and 8 heifers. Our club and its members are always excited to educate the Big E fair goers on the milking process. We milk the ten cows that we bring three times a day for an always interested crowd. The club also runs a trip to Toronto, Canada every year to the Royal Winter Agricultural Fair and participates in many farm tours all over the State of Connecticut and in surrounding New England states. </p>
      </div>

      <div class="semitrans">
        <h2>Milk Bottles</h2>
        <p>For many years now, the UConn Dairy Club's biggest fundraiser has been their quality milk bottles. The milk bottles feature a different design every year that has been crafted and voted on by its members and are then sold to the public either at club events or by email orders. These milk bottles are used to commemorate significant buildings on campus that pertain to the Dairy Club or different breeds of cattle. </p>
        <h2>Dairy Show</h2>
        <p>Each spring, the UConn Dairy Club hosts a dairy show at Horsebarn Hill Arena. The event is open to all students on campus and is an opportunity for students to be able to learn how to halter break, fit, and show a dairy heifer. </p>
      <div class="white">
        <h2>Want more of Dairy Club?</h2>
        <p>Sign up for our organization via the form below, or search for all current members of the organization via this site</p>
        <p>Interested in joining our organization? Input your information below to be added to our email list!</p>
        <form method="put" class = "form">

            <legend class = "register">Register Here</legend>
            <label for="firstName">First Name</label>
            <input id="firstName" name="firstName" type="text" />
            <div></div>
            <label for="lastName">Last Name</label>
            <input id="lastName" name="lastName" type="text" />
            <div></div>
            <label for = "email">Email</label>
            <input id="email" name ="email" type="text" />
            <div></div>
            <button type="button" onclick="saveMember()">Register</button>
        </form>

        <br>
        <div class = "members">View Members
            <br>
            <button type="button" onclick="getMembers()">View List of Current Members</button>
            <div id="memberList"></div>
        </form>
        <script src="fetch.js"></script>
        </div>
      </div>


</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<link rel="stylesheet" href="main.css">
	<title>UConn Dairy Club</title>
	</head>
	<body>
	<div class="fullscreen nopadding">
	<div id="header">
	<img src="https://upload.wikimedia.org/wikipedia/en/thumb/b/b0/Connecticut_Huskies_logo.svg/1200px-Connecticut_Huskies_logo.svg.png" width="50px" />
	<ul>
	<li class = "navbar" href="#">Home</li>
	<li class = "navbar" href="#">About</li>
	<li class = "navbar" href ="#">Store</li>
	</ul>
	</div>
	<div class="header">
	<h1>UConn Dairy Club</h1>
	</div>
	</div>


	<div class="white">
	<a id="test"></a>
	<h1>About UConn Dairy Club</h1>
	<p>The UConn Dairy Club has been udderly the best since 1948. We are a group of young men and women who all share a common interest in the dairy industry and dairy cattle. There is no dairy experience required to join our club; we welcome anyone interested! </p>
	<p>As a club, we strive to keep the rich agricultural history of the University of Connecticut alive and do our best to educate our fellow students and the public about the amazing world of the dairy industry. We do this through attending events like production herd at the Big E in Massachusetts. We attend production herd every year and usually take around 18 animals; 10 milking cows and 8 heifers. Our club and its members are always excited to educate the Big E fair goers on the milking process. We milk the ten cows that we bring three times a day for an always interested crowd. The club also runs a trip to Toronto, Canada every year to the Royal Winter Agricultural Fair and participates in many farm tours all over the State of Connecticut and in surrounding New England states. </p>
	</div>

	<div class="semitrans">
	<h2>Milk Bottles</h2>
	<p>For many years now, the UConn Dairy Club's biggest fundraiser has been their quality milk bottles. The milk bottles feature a different design every year that has been crafted and voted on by its members and are then sold to the public either at club events or by email orders. These milk bottles are used to commemorate significant buildings on campus that pertain to the Dairy Club or different breeds of cattle. </p>
	<h2>Dairy Show</h2>
	<p>Each spring, the UConn Dairy Club hosts a dairy show at Horsebarn Hill Arena. The event is open to all students on campus and is an opportunity for students to be able to learn how to halter break, fit, and show a dairy heifer. </p>
	<div class="white">
	<h2>Want more of Dairy Club?</h2>
	<p>Sign up for our organization via the form below, or search for all current members of the organization via this site</p>
	<p>Interested in joining our organization? Input your information below to be added to our email list!</p>
	<form method="put" class = "form">

	<legend class = "register">Register Here</legend>
	<label for="firstName">First Name</label>
	<input id="firstName" name="firstName" type="text" />
	<div></div>
	<label for="lastName">Last Name</label>
	<input id="lastName" name="lastName" type="text" />
	<div></div>
	<label for = "email">Email</label>
	<input id="email" name ="email" type="text" />
	<div></div>
	<button type="button" onclick="saveMember()">Register</button>
	</form>

	<br>
	<div class = "members">View Members
	<br>
	<button type="button" onclick="getMembers()">View List of Current Members</button>
	<div id="memberList"></div>
	</form>
	<script src="fetch.js"></script>
	</div>
	</div>


	</body>
	</html>