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="wrapper">

	<div id="header">
		<div class="logo"><a href="#"><img src="images/logo.gif"></a></div>

		<div id="navigation">
			<ul class="navMenu">
				<li><a class="navbutton" href="#"><span>Home</span></a></li>
				<li><a class="navbutton" href="#"><span>Services</span></a></li>
				<li><a class="navbutton" href="#"><span>About</span></a></li>
				<li><a class="navbutton" href="#"><span>Contact</span></a></li>
			</ul>
		</div>
	</div><!-- Header Close -->

	<div id="main">
		<div class="intro">
			<div class="introtext">
				<h1>Header</h1>
				<p>Introduction text. Duis parum parum eum sequitur assum. Accumsan nulla eu est accumsan laoreet. Nibh videntur anteposuerit nobis usus ut. Saepius possim vero delenit aliquip at.</p>
				<a class="intro-button" href="#">LEARN MORE</a>
			</div>
			<div class="productshot">
				<img src="images/productshot.gif"/>
			</div>
		</div>
		
		<div class="content">
			<h2>Some Products or Portfolio Items</h2>
			<div class="product"><img src="images/product.gif"/></div>
			<div class="product"><img src="images/product.gif"/></div>
			<div class="product"><img src="images/product.gif"/></div>
			<div class="product"><img src="images/product.gif"/></div>
			<div class="product"><img src="images/product.gif"/></div>
			<div class="product"><img src="images/product.gif"/></div>
			<br class="clear"/>
			
			<h2>About Us</h2>
			<p>Brief about text. Duis parum parum eum sequitur assum. Accumsan nulla eu est accumsan laoreet. Nibh videntur anteposuerit nobis usus ut. Saepius possim vero delenit aliquip at. <a href="#">Learn More</a></p>
		</div>
		
		<div class="sidebar">
			<h2>Features/Services</h2>
			<ul>
				<li>Mobile App Design</li>
				<li>Mobile App Development</li>
				<li>Additional Service</li>
				<li>Additional Service</li>
				<li>Additional Service</li>
				<li>Additional Service</li>
			</ul>
			
			<div class="button"><a>LEARN MORE</a></div>
			
			<h2>Connect With Us</h2>
			<ul class="no-bullets">
				<li><a href="#">Twitter</a></li>
				<li><a href="#">Facebook</a></li>
				<li><a href="#">Flickr</a></li>
				<li><a href="#">YouTube</a></li>
			</ul>
		</div>
		
		<br class="clear"/>
	</div><!-- Main Close -->

	<div id="footer">
		<div class="float-left">
			<a href="#">Home</a>
			<a href="#">Services</a>
			<a href="#">About</a>
			<a href="#">Contact</a>
		</div>
		<div class="float-right">
			<p>&copy; Your Company Name</p>
		</div>
		<br class="clear"/>
	</div><!-- Footer Close -->

</div><!-- Wrapper close -->

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