index.html #1 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta name="description" content="#">
<meta name="keywords" content="#">
<meta name="Revisit-After" content="10 days" >
<meta name="robots" content="ALL,INDEX" >
<link rel="stylesheet" type="text/css" media="screen, projection, print" href="css/styles.css">
</head>
<body>

<div id="header">
	<div class="container">
		<div class="logo"><a href="#"><img src="images/logo.png" alt="Logo"/></a></div>
	</div>
</div> <!-- #header end -->
<div id="nav">
	<div class="container">
		<ul class="navigation">
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Login</a></li>
		</ul>
	</div>
</div> <!-- #nav end -->

<div id="main">
	<div class="container">
		<div class="two-column">
			<img src="images/twocolumn.jpg"/>
		</div>
		<div class="two-column">
		<h2>Header Goes Here</h2>
		<p>This theme is great for a lot of navigation links, a lighter coloured, horizontal logo, and structured design. To the left you would place your "Hero Image", something that displays your product, service or sum’s up your website visually.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum.</p>
		</div>
		
		<hr/>
		
		<div class="three-column">
		<h2>Header Goes Here</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum.</p>
		</div>	
		<div class="three-column callout">
		<h2>Header Goes Here</h2>
		<p>Add the class "callout" to highlight with a white background. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat.</p>
		</div>	
		<div class="three-column">
		<h2>Header Goes Here</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum.</p>
		</div>	
		<br class="clear"/>
		<hr/>
		
		<div class="four-column">
		<img src="images/fourcolumn.jpg"/>
		<h2>Header Goes Here</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum.</p>
		</div>	
		<div class="four-column">
		<img src="images/fourcolumn.jpg"/>
		<h2>Header Goes Here</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum.</p>
		</div>	
		<div class="four-column">
		<img src="images/fourcolumn.jpg"/>
		<h2>Header Goes Here</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum.</p>
		</div>
		<div class="four-column">
		<img src="images/fourcolumn.jpg"/>
		<h2>Header Goes Here</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue nunc a velit fermentum in tempor diam lacinia. Pellentesque tristique dui eget nibh lobortis congue. Maecenas eu bibendum erat. Aliquam varius tempor fermentum.</p>
		</div>
	</div>
	<br class="clear"/>
</div> <!-- #main end -->


<div id="footer">
	<div class="container">
		<ul class="navigation">
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Login</a></li>
		</ul>
	</div>
</div> <!-- #footer end -->

</body>
</html>
# Change User Description Committed
#1 16170 perforce_software Move Chronicle files to follow new path scheme for branching.
//guest/perforce_software/chronicle/collateral/graphics/Themes/960 Theme/HTML Blue Header/index.html
#1 8972 Matt Attaway Initial add of the Chronicle source code