decoratemytext.html

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
		<title>Text Decorator</title>
		<link href="styles/decoratemytext.css" type="text/css" rel="stylesheet">

		
		<!-- link to your script file here -->
	<script src="js/decoratemytext.js" type="text/javascript"></script>

	</head>

	<body>
		<h1>Text Decorator</h1>
		
		<div>
			<img src="images/decorated.gif" alt="very decorated!">
		</div>

		<!-- Your UI controls go here -->
		<div>
			<fieldset>
				<legend>Text</legend>
				<textarea id="text-decorations" rows="4"cols="30">Sample Item 1
				Sample Item 2</textarea>
			</fieldset>
		</div>
		<div>
			<fieldset>
				<legend>Decoration</legend>
				<button id="bigger-decoration">Bigger Decorations</button><br/>
				<label><input type="checkbox" id="bling">Bling</label><br/>
				<button id="malkovich">Malkovich</button>
			</fieldset>
		</div>
	

</body></html>