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">
		<a href="#"><img src="images/logo.png" alt="Graphical Theme Logo"/></a>
	
		<ul class="nav">
			<li class="active"><a href="#"><span>HOME</span></a></li>
			<li><a href="#"><span>ABOUT</span></a></li>
			<li><a href="#"><span>SERVICES</span></a></li>
			<li><a href="#"><span>CONTACT</span></a></li>
		</ul>
	</div>
</div>

<div id="intro">
	<div class="container">
		<div class="introphoto">
			<img src="images/introphoto.png" alt="Intro Photo"/>
		</div>
		<div class="introtext">
			<h1>Header Goes Here</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at quam elit, euismod cursus leo. Suspendisse placerat posuere tortor, eu blandit sem sagittis ut. Quisque accumsan condimentum nunc ut rutrum. Nunc ac diam sit amet elit gravida volutpat. In hac habitasse platea dictumst.</p>
			<a class="button" href="#">Learn More</a>
		</div>
	</div>
</div>

<div id="main">
	<div class="container">
		<div class="testimonial">
			<blockquote>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." - Author</blockquote>
		</div>
		
		<div class="box">
			<div class="image"><img src="images/boximage.jpg"/></div>
			<h3>Lorem ipsum dolor sit amet, con sectetur adipisicing elit.</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem, totam rem aperiam, eaque ipsa quae ab inven tore veritatis et quasi beatae vitae dicta sunt.</p>
		</div>
		<div class="box">
			<div class="image"><img src="images/boximage.jpg"/></div>
			<h3>Lorem ipsum dolor sit amet, con sectetur adipisicing elit.</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem, totam rem aperiam, eaque ipsa quae ab inven tore veritatis et quasi beatae vitae dicta sunt.</p>
		</div>
		<div class="box">
			<div class="image"><img src="images/boximage.jpg"/></div>
			<h3>Lorem ipsum dolor sit amet, con sectetur adipisicing elit.</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem, totam rem aperiam, eaque ipsa quae ab inven tore veritatis et quasi beatae vitae dicta sunt.</p>
		</div>
		<div class="box last">
			<div class="image"><img src="images/boximage.jpg"/></div>
			<h3>Lorem ipsum dolor sit amet, con sectetur adipisicing elit.</h3>
			<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem, totam rem aperiam, eaque ipsa quae ab inven tore veritatis et quasi beatae vitae dicta sunt.</p>
		</div>
	</div><!-- container end -->
	
	<br class="clear"/>
	<div class="mountains"></div>
</div>

<div id="footer">
	<div class="container">
		<ul>
			<li><h3>Services</h3></li>
			<li><a href="#">Link to Service Page</a></li>
			<li><a href="#">Link to Service Page</a></li>
			<li><a href="#">Link to Service Page</a></li>
			<li><a href="#">Link to Service Page</a></li>
		</ul>
		<ul>
			<li><h3>Connect With Us</h3></li>
			<li><a href="#">Link to Facebook Page</a></li>
			<li><a href="#">Link to Twitter Page</a></li>
			<li><a href="#">Link to YouTube Page</a></li>
			<li><a href="#">Link to Flickr Page</a></li>
		</ul>
		<div class="footer-right">
			<h3>About Us</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adip scing elit. Sed at quam elit, euismod cursus leo. Suspendisse placerat posuere tortor, eu blandit sem sagittis ut. Quisque accumsan. condimentum nunc ut rutrum.</p>
		</div>
		<br class="clear"/>
		<div class="lower-footer">
			<hr/>
			<p class="copyright">Copyright 2011 Your Company Name</p>
			<img class="float-right" src="images/footer-logo.png" alt="Graphical Theme"/>
		</div>
	</div>
</div>

</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/Graphical Theme/HTML/index.html
#1 8972 Matt Attaway Initial add of the Chronicle source code