index.html

<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en">
<head>
  <title>Meeting Ticker</title>
  <script src="js/jquery-1.3.2.js" type="text/javascript"></script>
  <script src="js/jquery.watermark.js" type="text/javascript"></script>	 
  <script src="js/jquery.clockpick.1.2.1.js" type="text/javascript"></script>
  <script src="js/meeting-ticker.js" type="text/javascript"></script>
	
  <link rel="stylesheet" href="css/clockpick.css" type="text/css" media="screen" charset="utf-8" />
  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8" />
</head>
<body>
  <form class="setup" accept-charset="utf-8">
	<dl>
	  <dt><label for="attendees">Number of Attendees:</label></dt>
	  <dd class="error"></dd>
	  <dd>
		<input id="attendees" class="watermark" type="text" name="attendees"
		   value="" title="count"/>
	  </dd>
	  
	  <dt><label for="hourly_rate">Average Hourly Salary:</label></dt>
	  <dd class="error"></dd>
	  <dd>
		<input id="hourly_rate" class="watermark" type="text"
		   name="hourly_rate" value="" title="guess (200?)" />
	  </dd>
	  
	  <dt><label for="start_time">The Meeting started at:</label></dt>
	  <dd class="error"></dd>
	  <dd>
		<input id="start_time" type="text" name="start_time" value="" />
	  </dd>
	</dl>
	
	<p><input type="submit" value="Start &rarr;"></p>
  </form>
  
  <div id="display">
	<h1>This Meeting Has Cost</h1>
	<div class="cost_display">
	  <span class="dollar_sign">$</span>
	</div>
	<form class="stop"><input type="submit" value="stop the bleeding"></form>
  </div>
</body>
</html>