77 lines
3.8 KiB
HTML
77 lines
3.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>BreakFast</title>
|
|
<link href="BreakFast.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
|
|
<body>
|
|
<div align="center">
|
|
<div class="verh">
|
|
<div class="FL top1">
|
|
<h2 class="breakfast">BreakFast</h2>
|
|
<p class="credits">BY FREE CSS TEMPLATES</p>
|
|
</div>
|
|
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
|
|
<div class="FL tops">
|
|
<div style="margin-top: 30px;"><a href="#" class="top_text">About Us</a></div>
|
|
</div>
|
|
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
|
|
<div class="FL tops">
|
|
<div style="margin-top: 30px;"><a href="#" class="top_text">Products</a></div>
|
|
</div>
|
|
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
|
|
<div class="FL tops">
|
|
<div style="margin-top: 30px;"><a href="#" class="top_text">Services</a></div>
|
|
</div>
|
|
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
|
|
<div class="FL tops">
|
|
<div style="margin-top: 30px;"><a href="#" class="top_text">Clients</a></div>
|
|
</div>
|
|
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
|
|
<div class="FL tops">
|
|
<div style="margin-top: 30px;"><a href="#" class="top_text">Support</a></div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img src="images/img3.jpg" width="770" height="190" alt=""/>
|
|
</div>
|
|
<div class="base">
|
|
<div class="leftbase FL" align="left">
|
|
<h2 class="">Welcome to BreakFast!</h2>
|
|
<p class="text">"BreakFast is a free template from <a href="#">Free CSS Tcmplates</a> released under a <a href="#">Creative Commons Attribution 2.5 License</a>. The photo is 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. Enjoy :)"</p>
|
|
|
|
<p class="text">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum integer nist risus, sagittis convallis, rutrum id, congue, and nibh. Fusce mattis viverra elit. Fusce rutrum tempus velit. Nulla quis elit a dui pharetra venenatis. Vestibulum pellentesque, justo mollis pretium suscipit, justo nula blandit libero, in blandit justo quis nisl</p>
|
|
<ol class="text">
|
|
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
|
|
<li><a href="#">Pellentesque quis elit non lectus pravida blandit.</a></li>
|
|
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
|
|
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li>
|
|
<li><a href="#">Cras vitae metus aliquam ritus pellentesque pharetra.</a></li>
|
|
</ol>
|
|
</div>
|
|
<div class="rightbase FR" align="left">
|
|
<h3 style="margin-top: 25px;">Integer Gravida Nibh</h3>
|
|
<div class="dates"><p class="dates_text">December 14th - Lorem Ipsum</p></div>
|
|
<a href="#" class="link_text">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula...</a>
|
|
<div class="right_line"></div>
|
|
<div class="dates"><p class="dates_text">December 9th - Blandit Justo</p></div>
|
|
<a href="#" class="link_text">Donec leo, vivamus fermentum nibh in augue praesent a lacus...</a>
|
|
<div class="right_line"></div>
|
|
<div class="dates"><p class="dates_text">December 3rd - Pretum Suscipit</p></div>
|
|
<a href="#" class="link_text">Quisque dictum integer nisl risus sagittis convallis rutrum id conque...</a>
|
|
<div class="right_line"></div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<hr width="770" color="#000000" size="6">
|
|
</div>
|
|
<div style="width: 770px;">
|
|
<div class="FL"><p class="bottom_text">Copyright © 2007 BreakFast. All Rights Reserved. Designed by <a href="#">Free CSS Templates</a></p></div>
|
|
<div class="FR"><p class="bottom_right_text"><a href="#">Privacy Policy</a> | <a href="#">Terms of use</a></p></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|