charitytrust
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Charity Trust</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type='text/css'>
html, body, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: 0;
}
a {
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.more {
text-align: right;
}
.left {
float: left;
}
.clear {
clear: both;
}
body, h1, h2, h3, form {
font: 10px tahoma, arial, sans-serif;
margin: 0;
padding: 0;
color: #5C5C5C;
}
body {
background: url(charitytrust-images/header_bg.jpg) repeat-x;
text-align: center;
}
#wrapper {
text-align: left;
margin: auto;
width: 774px;
}
#header {
height: 203px;
position: absolute;
}
#header h1 {
margin-top: 44px;
}
#header h1 img {
display: block;
}
#nav {
margin-top: 7px;
}
#nav img {
float: left;
}
#headline {
padding-top: 205px;
}
#photo {
float: left;
width: 624px;
}
#photo div {
border: 1px solid #D8D8D8;
padding: 2px;
}
#photo img {
display: block;
}
#search-news {
float: right;
width: 140px;
}
#search-news div {
padding: 3px 0;
margin: 0;
}
#search-news #q {
width: 140px;
border: 1px solid #859D31;
}
#search-news .downcast {
background: #E6E7E7;
border-top: 1px solid #CFD0D0;
padding: 3px 4px 4px 4px;
margin: 2px 0 0 0;
}
#search-news h3 {
background: url(charitytrust-images/bullet_letter.gif) no-repeat;
padding-left: 15px;
font-weight: bold;
margin: 1em 0 0.4em 0;
}
#search-news p {
padding-left: 15px;
padding-right: 2px;
margin: 0.1em 0;
}
a {
font-weight: bold;
color: #5C5C5C;
}
#body {
padding-top: 2em;
text-align: justify;
}
#body-left {
float: left;
width: 408px;
}
#body-right {
float: right;
width: 330px;
}
#body-left ul.plussbullets {
margin-top: 45px;
margin-left: 120px;
padding: 0;
font-weight: bold;
}
#body-left ul.plussbullets li {
background: top left url(charitytrust-images/bullet_plus.gif) no-repeat;
margin: 0 0 10px 0;
padding: 0 0 0 25px;
}
#body h2, #body p {
margin: 0.3em 0;
}
#body-right p {
margin-right: 2em;
}
#body a.green {
color: #9AAB68;
font-weight: normal;
text-decoration: underline;
}
#gallery img {
float: left;
}
#footer {
color: #FFFFFF;
background: #42453D url(charitytrust-images/footer_bg.gif) repeat-x;
padding: 6px 0 5px 0;
margin-top: 2em;
font-weight: bold;
}
#footer p {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><img src="charitytrust-images/logo.jpg" width="172" height="45" alt="Charity Trust"></h1>
<div id="nav"> <a href="http://www.free-css.com/"><img src="charitytrust-images/m1.jpg" width="66" height="41" alt="M1"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/m2.jpg" width="87" height="41" alt="M2"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/m3.jpg" width="83" height="41" alt="M3"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/m4.jpg" width="72" height="41" alt="M4"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/m5.jpg" width="84" height="41" alt="M5"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/m6.jpg" width="64" height="41" alt="M6"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/m7.jpg" width="89" height="41" alt="M7"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/m8.jpg" width="89" height="41" alt="M8"></a> </div>
</div>
<div id="headline">
<div id="photo">
<div> <img src="charitytrust-images/pic_1.jpg" width="618" height="254" alt="Pic 1"> </div>
</div>
<div id="search-news">
<h2>Search this site</h2>
<form action="http://www.free-css.com/">
<div>
<input type="text" name="q" value="" id="q" />
</div>
<div class="more">
<input type="image" name="search" value="" src="charitytrust-images/btn_search.gif">
</div>
</form>
<h2 class="downcast">News & Events</h2>
<div id="news-box">
<h3><a href="http://www.free-css.com/">05.12.06</a></h3>
<p><a href="http://www.free-css.com/">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit.</p>
<p class="more"><a href="http://www.free-css.com/">more</a></p>
<h3><a href="http://www.free-css.com/">01.12.06</a></h3>
<p><a href="http://www.free-css.com/">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit.</p>
<p class="more"><a href="http://www.free-css.com/">more</a></p>
</div>
</div>
<div class="clear"></div>
</div>
<div id="body">
<div id="body-left">
<h2><img src="charitytrust-images/h_welcome_to_our_site.gif" width="203" height="20" alt="H Welcome To Our Site" /></h2>
<p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
<p>This is a template designed by free website templates for you for free you can replace all the text by your own
text. This is just a place holder so you can see how the site would look like.</p>
<p>You can remove any link to our websites from this template you're free to use the template without linking
back to us. Don't want your boss to know you used a free website template ;) .</p>
<p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web Templates.</p>
<p class="more"><a href="http://www.free-css.com/">more</a></p>
<h2><img src="charitytrust-images/h_needs.gif" width="150" height="20" alt="Urgent Needs"></h2>
<img src="charitytrust-images/pic_3.jpg" width="172" height="92" alt="Pic 3" class="left" />
<p><a href="http://www.free-css.com/">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit. Mauris ut elit. Sed eu pede. Morbi quis ante a pede feugiat egestas. Etiam feugiat mi in pede. Aenean massa sem.</p>
<ul class="plussbullets">
<li><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet, consectetuer adipiscing</a></li>
<li><a href="http://www.free-css.com/">Elit. Mauris ut elit. Sed eu pede. Morbi quis ante a</a></li>
<li><a href="http://www.free-css.com/">Pede feugiat egestas. Etiam feugiat mi in pede. Aenean massa sem.</a></li>
</ul>
</div>
<div id="body-right">
<h2><img src="charitytrust-images/h_donations_for_us.gif" width="151" height="20" alt="Donations For Us"></h2>
<p><img src="charitytrust-images/pic_2.jpg" width="321" height="93" alt="Pic 2"></p>
<p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
<p>Even more websites all about website templates on Just Web Templates.</p>
<p class="more"><a href="http://www.free-css.com/"><img src="charitytrust-images/btn_click_here.gif" width="51" height="19" alt="Btn Click Here"></a></p>
<h2><img src="charitytrust-images/h_gallery.gif" width="65" height="22" alt="Gallery"></h2>
<div id="gallery"> <a href="http://www.free-css.com/"><img src="charitytrust-images/gal_1.jpg" width="101" height="96" alt="Gal 1"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/gal_2.jpg" width="114" height="96" alt="Gal 2"></a> <a href="http://www.free-css.com/"><img src="charitytrust-images/gal_3.jpg" width="112" height="96" alt="Gal 3"></a> </div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<p>© 2006 all rights reserved. | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></p>
</div>
</body>
</html>
Related examples in the same category