view templates/index.html @ 193:124758f16b96

polishing.
author Arne Babenhauserheide <bab@draketo.de>
date Thu, 04 Jun 2009 23:48:31 +0200
parents f09aa2a0e4c8
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 id="home">
				
		<h1 id="logo"><a href="/">mercurial</a></h1>
			
		<ul id="nav" class="typeface-js">
			<li><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>Work easier <br> Work faster</h1>
					<h2>Benefit now from one of the easiest and fastest Source Control Management systems. Mercurial makes working with documents easier.</h2>
				</div>
				<div class="col">					
					<a class="download typeface-js" href="javascript:void(0);">
						<strong>Download now</strong>
						Mercurial <em>2.42</em>
						<span>Windows XP | Vista | 7</span>
					</a>
					<dl>
						<dt class="typeface-js">Requiurements</dt>
						<dd>Python 2.5 (<a href="http://www.python.org">get python</a>)</dd>
						
						<dt>Another OS?<br><em>Get mercurial for:</em></dt>
						<dd><a href="javascript:void(0);">Mac OS X</a></dd>
						<dd><a href="javascript:void(0);">Linux</a></dd>						
					</dl>				
				</div>
			</div>
			
			<div class="row">
				<div class="col big">
					<h3>How can you benefit from Mercurial?</h3>
					<ol>
						<li class="i-1">
							<h4><a href="javascript:void(0);">Download and install</a></h4>
							<p>Donec ut pede ac lorem iaculis aliquam. Curabitur feugiat, libero scelerisque laoreet malesuada, purus lorem fermentum quam, eget rhoncus quam sapien ac nulla. Praesent id turpis.</p>
						</li>
						<li class="i-2">
							<h4><a href="javascript:void(0);">Follow our simple Guide to learn how you can Revision your documents with Mercurial</a></h4>
							<p>Suspendisse pulvinar dolor nec massa. Mauris sit amet orci porta velit congue fringilla. Pellentesque ipsum libero, scelerisque luctus</p>
						</li>
						<li class="i-3">
							<h4><a href="javascript:void(0);">Get involved.</a></h4>
							<p>Create extensions, translate the documentation, test beta versions.</p>
						</li>
					</ol>
				</div>
				<div class="col">
					<h3>Take a look at Mercurial</h3>
					<!-- Flash Player should probably come here-->
					<img src="images/tour.jpg" alt="">
				</div>
			</div>
		</div>
		
		<div id="footer">
			design by <a href="http://www.designpunct.ro">punct</a> /
			design courtesy of <a href="http://www.bitbucket.org/">bitbucket</a> /
			licensed under <a href="http://www.gnu.org/licenses/gpl-2.0.txt">GPLv2</a>
		</div>
		
	</body>
</html>