Вы находитесь на странице: 1из 3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.

org/TR/x
html1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- Go Green Perfect Template by Templatesperfect.com Author Paarth -->
<head>
<title>Auckland University Engineering Research Centre </title>
<link type="text/css" rel="stylesheet" href="manager/templates/auerc/style.css"
/>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="splash">
<div id="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="system.html">System overvie
w</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div id="logo">
<h1><a href='#' title="Auckland university engineering center">Aucklan
d university engineering center</a></h1>
</div>
</div>
</div>
<div class="container">
<div id="service-bar">
<div class="services">
<img src="manager/templates/auerc/images/green_electricity.png" alt="im
g" />
<h2>Green Electricity</h2>
<p>Lorem ipsum dolor sit amet consectetuer pretium ligula enim Donec
orci.
Tellus et pretium orci dui lorem ligula Curabitur ...<span class="re
admore"><a href="#">Read more</a></span>
</p>
</div>
<div class="services">
<img src="manager/templates/auerc/images/green-transport.png" alt="img"
width="166" height="137" />
<h2>Green Transport</h2>
<p>Lorem ipsum dolor sit amet consectetuer pretium ligula enim Donec
orci.
Tellus et pretium orci dui lorem ligula Curabitur ...<span class="re
admore"><a href="#">Read more</a></span>
</p>
</div>
<div class="services">
<img src="manager/templates/auerc/images/green-houses.png" alt="img" />
<h2>Green Houses</h2>
<p>Lorem ipsum dolor sit amet consectetuer pretium ligula enim Donec
orci.
Tellus et pretium orci dui lorem ligula Curabitur ...<span class="re
admore"><a href="#">Read more</a></span>
</p>
</div>
</div>

<div id="right-box">
<h2>Company News</h2>
<p><strong><a href="#">06 April 2011</a></strong>:Fermentum non id et non semp
er Proin id interdum nibh ligula. Id platea
dapibus pede leo nunc orci eget Donec tristique aliquet..</p>
<p><strong><a href="#">05 April 2011</a></strong>: Fermentum non i
d et non semper Proin id interdum nibh ligula. Id platea
dapibus pede leo nunc orci eget Donec tristique aliquet..</p>
<h2>Find us on</h2>
<div id="icons">
<a href="#"> <img src="manager/templates/auerc/images/twitter.png" alt="" /> </
a>
<a href="#"> <img src="manager/templates/auerc/images/facebook.png" alt="" />
</a>
<a href="#"> <img src="manager/templates/auerc/images/youtube.png" alt="" /></a>
<a href="#"> <img src="manager/templates/auerc/images/technorati.png" alt="" /><
/a>
</div>
</div>
<div id="left-box">
<h1>Welcome to our site</h1>
<p>Here is Another web templates to support <strong>Go Green</strong
> project, we hope to involve everyone to make a difference in saving the Earth,
thanks - Paarth</p>
<p>You <strong>CAN</strong> use this design for both personal or commercial pu
rposes free of charge. You <strong>CAN</strong> copy, publish, distribute, conve
rt and transmit this template. You <strong>CAN</strong> modify this template how
ever you want but keep the footer design by link same.</p>

<h2>Quick Services List</h2>


<ul>
<li><a href="#">Nec metus sed donec</a></li>
<li><a href="#">Magna lacus bibendum mauris</a><
/li>
<li><a href="#">Velit semper nisi molestie</a></
li>
<li><a href="#">Eget tempor eget nonummy</a></li
>

</ul>
</div>

<div id="footer">
<p>&copy; AUERC 2011 |
Designed by Team XP
<a href="http://aut.ac.nz"> <img src="manager/templates/auerc/images/templatesp
erfect.png" alt="" /> </a></p>
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="Valid CSS!" />
</a>
</p>
</div>
</div>
</div>
</body>
</html>