Skip to content

Instantly share code, notes, and snippets.

@cwake
Created February 9, 2017 06:02
Show Gist options
  • Save cwake/22d05dd9b20537dbe39634d459c89517 to your computer and use it in GitHub Desktop.
Save cwake/22d05dd9b20537dbe39634d459c89517 to your computer and use it in GitHub Desktop.
<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment