view templates/form.html @ 193:124758f16b96

polishing.
author Arne Babenhauserheide <bab@draketo.de>
date Thu, 04 Jun 2009 23:48:31 +0200
parents 93dadfa3c4b6
children
line wrap: on
line source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="styles/styles.css" type="text/css" rel="stylesheet">
		<script type="text/javascript" src="javascript/typeface.js"></script>
		<script type="text/javascript" src="javascript/optimer_regular.typeface.js"></script>					
		<title>mercurial</title>
	</head>
	<body>
				
		<h1 id="logo"><a href="/">mercurial</a></h1>
			
		<ul id="nav" class="typeface-js">
			<li class="active"><a href="javascript:void(0);">about</a></li>
			<li><a href="javascript:void(0);">download</a></li>
			<li><a href="javascript:void(0);">extensions</a></li>
			<li><a href="javascript:void(0);">docs</a></li>
			<li><a href="javascript:void(0);">community</a></li>
		</ul>
		
		<form id="search" method="post" action="index.html">
			<fieldset>
				<legend>Search form</legend>
				<label for="keyword">keyword</label>
				<input class="text" type="text" name="keyword" id="keyword">
				<input class="submit" type="submit" value="search">
			</fieldset>
		</form>
		
		<div id="content">
			<div class="row">
				<div class="col big">
					<h1>Feedback</h1>
					<form method="post">
						<fieldset>
							<p>Sample form</p>
							<ol>
								<li>
									<label for="name">Name</label>
									<input type="text" id="name">
								</li>
								<li>
									<label for="email">Email</label>
									<input type="text" id="email">
								</li>
								<li>
									<label for="ideea">Your ideea</label>
									<textarea id="ideea" rows="5" cols="20"></textarea>
								</li>
								<li class="submit">
									<input type="submit" value="Send">
								</li>
							</ol>
						</fieldset>
					</form>
				</div>
				<div class="col">					
					<h2>Latest News</h2>
					<ul>
						<li>or whatever will be</li>
						<li>in this column</li>
					</ul>		
				</div>
			</div>
						
		</div>
		
		<div id="footer">
			<a href="http://www.designpunct.ro">punct</a> /
			<a href="http://www.avantlumiere.com/">bitbucket</a> /
			<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">

				<img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png" />
			</a>
			<br />
			This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.		
		</div>
		
	</body>
</html>