<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>MyTown RetroRag</title>
<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="general.css" type="text/css" />
<!--[if IE]><script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div class="outerwrapper">
<header>
<div class="row">
<div class="col col_16">
<h1>Mytown retrorag</h1>
<h2>fun stuff about life in your town in the early 20th century</h2>
</div>
</div>
<div class="clear"></div>
</header>
<div class="row subhead">
<div class="col col_8"><p>Contact us <br>mytowninfo@retrorag.com</p>
</div>
<div class="col col_8"><form name="dummyrun" action="#" target="_self">
<label>Search</label>
<input name="terms" size="20" maxlength="20">
</form></div>
</div>
<!--<div class="clear"></div>-->
<nav>
<div class="row">
<div class="col col_16"><ul>
<li><a href="#">home</a></li>
<li><a href="#">old newspapers </a></li>
<li><a href="#">talk of the town</a></li>
<li><a href="#">ye olde gallery</a></li>
<li><a href="#">sources</a></li>
<li> <a href="#">about us</a> </li>
</ul></div>
</div>
</nav>
<div class="clear"></div>
<div class="row">
<div class="inner_wrapper">
<div class="col_4 col">
<h3>Site updates</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. </p>
<p>Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. </p>
</div><!-- end col_4 -->
<div class="col_4 col">
<h3>Blah 1</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. </p>
<p>Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. </p>
</div><!-- end col_4 -->
<div class="col_4 col">
<h3>Blah 2</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. </p>
<p>Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. </p>
</div><!-- end col_4 -->
<div class="col_4 col">
<h3>Blah 3</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. </p>
<p>Integer nec odio. Praesent libero. Duis sagittis ipsum. Sed cursus ante dapibus diam. Sed nisi. </p>
</div><!-- end col_4 -->
</div>
</div>
<div class="clear"></div>
<div class="row">
<div class="inner_wrapper">
<!--<div class="clear"></div>-->
<div class="col_4 col">
<h4>New old image</h4>
<img src="images/old2.jpg" width="200" height="134" alt="old photo">
</div><!-- end col_4 -->
<div class="col_4 col">
<h4>New old image</h4>
<img src="images/old1.jpg" width="200" height="134" alt="old photo">
</div><!-- end col_4 -->
<div class="col_4 col">
<h4>New old image</h4>
<img src="images/old2.jpg" width="200" height="134" alt="old photo">
</div><!-- end col_4 -->
<div class="col_4 col">
<h4>New old image</h4>
<img src="images/old1.jpg" width="200" height="134" alt="old photo">
</div><!-- end col_4 -->
</div><!-- end inner_wrapper -->
</div>
<div class="clear"></div>
<footer>
<div class="row">
<div class="col col_16"><p>© 2011 your company<br>more footer stuff</p></div>
</div>
</footer>
</div> <!-- end of wrapper -->
<!-- Free template created for and provided by http//freehtml5templates.com thanks to designer Pam Atkins-->
</body>
</html>
HTML+CSS+JS精品网页模板H122.rar
108 浏览量
2024-05-22
23:47:40
上传
评论
收藏 189KB RAR 举报
HTML+CSS+JS精品网页模板H122.rar （7个子文件） 
HTML+CSS+JS精品网页模板H122 
reset.css 2KB general.css 3KB
index.html 5KB print.css 328B images 
stainedpaper.png 163KB
old1.jpg 7KB old2.jpg 15KB资源评论
