<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
rect.html
HTML for colored rectangle example, Lecture 7: More Events, Creating Elements
INFO 343, Autumn 2012
Morgan Doocy
-->
<title>Colored rectangles</title>
<link type="text/css" href="rects.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="rects.js" type="text/javascript"></script>
</head>
<body>
<p>Click a <strong>rectangle</strong> to remove it.</p>
<div id="rectanglearea">
<!-- rectangles go here! -->
</div>
<div id="buttons">
<button id="color">Color</button>
<button>Move</button>
</div>
<p>Rectangles look <strong>like this:</strong></p>
<div class="rectangle"></div>
</body>
</html>