<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>free-css-templates-265</title>
<link href="innerstyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
color: http://www.865171.cn993300;
font-weight: bold;
}
-->
</style>
</head>
<body>
<!--topMain start -->
<div id="topMain">
<!--top start -->
<div id="top">
<img src="images/logo.gif" alt="foot step" width="353" height="144" class="logo" />
<form name="serch" action="http://www.865171.cn" method="post">
<h2>Quick Search</h2>
<input type="text" name="serchBox" class="txtBox" />
<input type="submit" name="serch" value="search" class="btnSerch" />
<label><a href="http://www.865171.cn" class="adv">For Advance Search</a></label>
</form>
<a href="http://www.865171.cn" class="latestProject"></a>
</div>
<!--top end -->
</div>
<!--topMain end -->
<!--navMain start -->
<div id="navMain">
<!--nav start -->
<div id="nav">
<ul>
<li><a href="index.htm" class="hover">Home</a></li>
<li><a href="inner-page.html">About us</a></li>
<li><a href="inner-page.html">Testimonials</a></li>
<li><a href="inner-page.html">Support</a></li>
<li><a href="inner-page.html">Solutions</a></li>
<li><a href="inner-page.html">Latest Projects</a></li>
<li><a href="inner-page.html">What Our Future Plans</a></li>
<li><a href="inner-page.html"> Effort</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
<a href="http://www.865171.cn" class="login">Login</a>
</div>
<!--nav end -->
</div>
<!--navMain end -->
<!--bodyTopMain start -->
<!--bodyTopMain end -->
<!--bodybotMain start -->
<div id="bodyBotMain">
<!--bodybot start -->
<div id="bodybot">
<!--event start -->
<div id="event">
<h2>Latest Events</h2>
<div id="event2">
<ul class="first2">
<li class="orange">On 22nd June 2007</li>
<li class="nor"><span>Consectetuer adipiscing elit. Cras tortor</span><br />porttitor nec, tincidunt ut, dui. Proin elementum elit vitae felis</li>
</ul>
<ul>
<li class="orange2">On 24nd June 2007</li>
<li class="nor"><span>Etiam hendrerit quam at tortor. Aliquam mi felis</span><br />porttitor nec, tincidunt ut, dui. Proin elemen</li>
</ul>
<ul class="last2">
<li class="orange2">On 25nd June 2007</li>
<li class="nor"><span>Fermentum egestas enim. Maecenas non orci feugiat</span><br />adipiscing, vestibulum sed, neque. Pellentesque ornare libero non feli.</li>
</ul>
<ul>
<li><a href="http://www.865171.cn" class="readMore2">read more</a></li>
</ul>
<p class="eventBot"></p>
</div>
<br class="spacer" />
</div>
<!--event end -->
<!--service start --><!--service end -->
<!--test start -->
<!--test end -->
<div class="bodytextarea">
<div class="body1text">Welcome to Foot Step </div>
<div class="bodytextarea"><p class="nor">Pellentesque in diam. Donec mattis metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In elit.</p>
<p class="txt1"><br/></p>
<p class="nor style1">Pellentesque in diam. Donec mattis metus.</p>
<p class="txt1"><br/></p>
<p class="nor">Suspendisse pharetra. In id augue sit amet nisi pretium pharetra. Praesent tempor variusesemen sapien. Nunc nisi. Donec sed quam.</p>
</div>
<div class="bodytextarea">
<p class="nor">Pellentesque in diam. Donec mattis metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In elit.</p>
<p class="txt1"><br/></p>
<p class="nor"><span class="nor style1">Pellentesque in diam. Donec mattis metus.</span></p>
<p class="txt1"><br/></p>
<p class="nor">Suspendisse pharetra. In id augue sit amet nisi pretium pharetra. Praesent tempor variusesemen sapien. Nunc nisi. Donec sed quam.</p>
</div>
<div class="bodytextarea">
<p class="nor">Pellentesque in diam. Donec mattis metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In elit.</p>
<p class="txt1"><br/></p>
<p class="nor"><span class="nor style1">Pellentesque in diam. Donec mattis metus.</span></p>
<p class="nor">Suspendisse pharetra. In id augue sit amet nisi pretium pharetra. Praesent tempor variusesemen sapien. Nunc nisi. Donec sed quam.</p>
</div>
<div class="bodytextarea">
<p class="nor">Pellentesque in diam. Donec mattis metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In elit.</p>
<p class="txt1"><br/></p>
<p class="nor"><span class="nor style1">Pellentesque in diam. Donec mattis metus.</span></p>
<p class="nor">Suspendisse pharetra. In id augue sit amet nisi pretium pharetra. Praesent tempor variusesemen sapien. Nunc nisi. Donec sed quam.</p>
</div>
</div>
<br class="spacer" />
</div>
<!--bodybot end -->
<br class="spacer" />
</div>
<!--bodybotMain end -->
<!--footer start -->
<div id="footerMain">
<div id="footer">
<ul>
<li><a href="http://www.865171.cn" class="one">Home</a>|</li>
<li><a href="http://www.865171.cn">About us</a>|</li>
<li><a href="http://www.865171.cn">testimonials</a>|</li>
<li><a href="http://www.865171.cn">support</a>|</li>
<li><a href="http://www.865171.cn">Solutions</a>|</li>
<li><a href="http://www.865171.cn">latest project</a>|</li>
<li><a href="http://www.865171.cn">what our future plans</a>|</li>
<li><a href="http://www.865171.cn">efforts</a>|</li>
<li><a href="http://www.865171.cn">contact</a></li>
</ul>
<p class="copyright">Copyright � foot step 20XX. All Rights Reserved.</p>
<p class="design">Designed by : <a href="http://www.865171.cn/" target="_blank" class="link">865171</a></p>
<a href="http://validator.w3.org/check?uri=referer" class="xhtml">Xhtml</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" class="css">css</a>
<a href="index.htm"><img src="images/footer_logo.gif" alt="foot step" width="159" height="64" border="0" /></a></div>
</div>
<!--footer end -->
</body>
</html>
- 1
- 2
前往页