cwake/SummerFest.html

## SummerFest.html
<!DOCTYPE htlm>
<html>
<head>
	<link href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/SpaceNeedleTopClose.jpg/220px-SpaceNeedleTopClose.jpg" rel="shortcut icon">
	<title>Events</title>
	<link href="../css/RestaurantStyle.css" rel="stylesheet" type="text/css"><!-- linked to the style sheet-->
	<style>
img {
    float: right;
}
</style>
</head>
<body>
	<div class= "container">
	<header>
   <h1>Summer Fest!</h1><!-- Tells what the page is about -->

</header>
<nav>
  <ul>
    <li><a href="http://wsjunction.org/summerfest/music/">Music</a></li><!-- Here is a side bar with external links to give the reader more information that is already out there-->
    <li><a href="http://wsjunction.org/summerfest/food/">Food</a></li>
    <li><a href="http://wsjunction.org/summerfest/shopping/">Shopping</a></li>
  </ul>
</nav>

	<article>
  <h1>The Biggest Event of the Summer!</h1><!-- Article topic-->
<script src = "JavaScript/javaStyle.js"></script>
  <img src="SummerFest.jpg" alt= "Old Summer Fest Poster" style="width:300px;height:400px;"/><!-- Customized the photo  -->
  <p>School is out, the sun is shinning and everyone knows the place to be. July 14-16th this year, people from all over Seattle join in a number of activities while enjoying some of the best weather of the year.</p>
  <p>Music? They got it! Beer gardens? Oh Yeah! Stuff for the kids? Of course!</p>
  <img src="summerFest2.jpg" alt= "Kids at Summer Fest" style="width:350px;height:250px;" class="align-left" />
 <p>

  <h2>Which is your favorite thing to do at Summer Fest?</h2>
  <form>
  <input type="radio" name="SummerFest" value="rides" checked> Ride the rides <br>
  <input type="radio" name="SummerFest" value="Music"> Listen to Music<br>
  <input type="radio" name="SummerFest" value="Booths"> Shop the booths<br>
</form>
</p>
</article>
<footer>Copyright &copy; Chloe Wake</footer><!-- Footer to tell who the site is made by-->
</div>


</body>
</html>
	<!DOCTYPE htlm>
	<html>
	<head>
	<link href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/SpaceNeedleTopClose.jpg/220px-SpaceNeedleTopClose.jpg" rel="shortcut icon">
	<title>Events</title>
	<link href="../css/RestaurantStyle.css" rel="stylesheet" type="text/css"><!-- linked to the style sheet-->
	<style>
	img {
	float: right;
	}
	</style>
	</head>
	<body>
	<div class= "container">
	<header>
	<h1>Summer Fest!</h1><!-- Tells what the page is about -->

	</header>
	<nav>
	<ul>
	<li><a href="http://wsjunction.org/summerfest/music/">Music</a></li><!-- Here is a side bar with external links to give the reader more information that is already out there-->
	<li><a href="http://wsjunction.org/summerfest/food/">Food</a></li>
	<li><a href="http://wsjunction.org/summerfest/shopping/">Shopping</a></li>
	</ul>
	</nav>

	<article>
	<h1>The Biggest Event of the Summer!</h1><!-- Article topic-->
	<script src = "JavaScript/javaStyle.js"></script>
	<img src="SummerFest.jpg" alt= "Old Summer Fest Poster" style="width:300px;height:400px;"/><!-- Customized the photo -->
	<p>School is out, the sun is shinning and everyone knows the place to be. July 14-16th this year, people from all over Seattle join in a number of activities while enjoying some of the best weather of the year.</p>
	<p>Music? They got it! Beer gardens? Oh Yeah! Stuff for the kids? Of course!</p>
	<img src="summerFest2.jpg" alt= "Kids at Summer Fest" style="width:350px;height:250px;" class="align-left" />
	<p>

	<h2>Which is your favorite thing to do at Summer Fest?</h2>
	<form>
	<input type="radio" name="SummerFest" value="rides" checked> Ride the rides <br>
	<input type="radio" name="SummerFest" value="Music"> Listen to Music<br>
	<input type="radio" name="SummerFest" value="Booths"> Shop the booths<br>
	</form>
	</p>
	</article>
	<footer>Copyright © Chloe Wake</footer><!-- Footer to tell who the site is made by-->
	</div>




	</body>
	</html>