index.html

<html>
<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="grid.css">
	<script type="text/javascript" src="grid.js"></script>
</head>

<body>
	<div id="options">
		<h3>Etch-a-Sketch</h3>
		<p>JQuery, HTML, CSS<br>Demo from The Odin Project</p>
		<button type="text" id="clear">Clear Etch-a-Sketch</button>
		<br>
		<h3>Square Color</h3>
		<button type="text" id="defaultColor">Red</button>
		<button type="text" id="randomColor">Random Color</button>
		<br>
		<h3>More Options</h3>
		<button type="text" id="opacityColor">Use Increasing Opacity*</button><br><br>
		<button type="text" id="setRows">Set Number of Squares per Row</button>
		<p><i>*Hover over the same square<br>several times to increase visibility</i></p>
		<br>
	</div>
	<div id="container">
	</div>
</body>
</html>