104 lines
5.5 KiB
HTML
104 lines
5.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Документ без названия</title>
|
|
<link href="5.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="main" align="center">
|
|
<div class="top">
|
|
<div class="top_left FL">
|
|
<img src="images/img01.gif" width="240" height="70" alt="" />
|
|
<p class="adios">adios!</p>
|
|
<p class="tl_text">By Free CSS Templates</p>
|
|
</div>
|
|
<div class="top_right FR">
|
|
<a href="#">
|
|
<div class="toplink home FL">
|
|
<p class="toplinktext"><u>H</u>ome</p>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="toplink plan FL">
|
|
<p class="toplinktext"><u>P</u>lan a Cruise</p>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="toplink support FL">
|
|
<p class="toplinktext">Customer <u>S</u>upport</p>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="toplink about FL">
|
|
<p class="toplinktext">About <u>U</u>s</p>
|
|
</div>
|
|
</a>
|
|
<a href="#">
|
|
<div class="toplink contact FL">
|
|
<p class="toplinktext"><u>C</u>ontact Us</p>
|
|
</div>
|
|
</a>
|
|
<img src="images/img02.jpg" width="520" height="110" alt="" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="FL content_left" align="left">
|
|
<p class="small_title FL">Recent Updates</p> <img class="FR arrow_left" src="images/img4.gif" width="9" height="9">
|
|
<hr class="line1" size="3" color="#CFCFCF">
|
|
<ul type="square" class="left_list">
|
|
<li>
|
|
<strong class="date">July 12, 2007</strong><br>
|
|
<a href="#" class="text">Lorem Ipsum Dolor</a>
|
|
<p class="small_text">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula. <a href="#">Read more...</a></p>
|
|
</li>
|
|
<li>
|
|
<strong class="date">July 01, 2007</strong><br>
|
|
<a href="#" class="text">Saqittis Et Convallis</a>
|
|
<p class="small_text">Donec leo, vivamus fermentum nibh in augue praesent lorem ipsum dolor a lacus at urna congue rutum. <a href="#">Read more...</a></p>
|
|
</li>
|
|
<li>
|
|
<strong class="date">June 30, 2007</strong><br>
|
|
<a href="#" class="text">Inteqer Nisl Risus</a>
|
|
<p class="small_text">Quisque dictum integer nisl risus, sagittis convallis, rutum id, congue, and nibh. <a href="#">Read more...</a></p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="FR content_right" align="left">
|
|
<p class="big_title FL">Welcome to Adios!</p> <img class="FR arrow_welcome" src="images/img4.gif" width="9" height="9">
|
|
<hr class="line2" size="3" color="#CFCFCF" align="center">
|
|
<p class="text1"><strong>Adios</strong> is a <a href="#">Free CSS Templates</a> released under a <a href="#">Creative Commons Attribution 2.5 License</a>. The photos are from <a href="#">PDPhoto.org</a>. You''re free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <strong>Enjoy :)</strong></p>
|
|
<div class="dotted_line"></div>
|
|
<div class="left_list_div FL">
|
|
<p class="middle_title FL">Wisi Maecenas Ligula</p> <img class="FR list_arrow" src="images/img4.gif" width="9" height="9">
|
|
<hr class="line3" size="3" color="#CFCFCF">
|
|
<ul>
|
|
<li><a href="#" class="text">Mauris volputate dolor sit amet</a></li>
|
|
<li><a href="#" class="text">Nulla luctus eleifend purus</a></li>
|
|
<li><a href="#" class="text">Praesent scelerisque lorem</a></li>
|
|
<li><a href="#" class="text">Ut nonummy rutrum sem</a></li>
|
|
<li><a href="#" class="text">Pellentesque tempus quam</a></li>
|
|
<li><a href="#" class="text">Fusce ultrices fringilla metus</a></li>
|
|
<li><a href="#" class="text">Praesent mattis condimentuml</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="right_list_div FR">
|
|
<p class="middle_title FL">Pellentesque Tempus</p> <img class="FR list_arrow" src="images/img4.gif" width="9" height="9">
|
|
<hr class="line3" size="3" color="#CFCFCF">
|
|
<ol>
|
|
<li><a href="#" class="text">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.</a></li>
|
|
<li><a href="#" class="text">Donec leo, vivamus fermentum nibh in augue praesent.</a></li>
|
|
<li><a href="#" class="text">Quisque dictum integer nisl sagittis convallis rutum.</a></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="copy">Copyright © 2007 Adios! Designed by <a href="#">Free CSS Templates</a></p>
|
|
</body>
|
|
|
|
</html>
|