charitytrust : People « Templates « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » Templates » People 




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;
}
{
  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.jpgrepeat-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.gifno-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;
}
{
  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.gifno-repeat;
  margin: 0 0 10px 0;
  padding: 0 0 0 25px;
}

#body h2, #body {
  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.gifrepeat-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 &amp; 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>&copy; 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
1.metamorph_shadowgirl
2.metamorph_people
3.metamorph_timetorest
4.metamorph_silverglobe
5.metamorph_singingirl
6.metamorph_highway
7.metamorph_aircraft
8.metamorph_girlnextdoor
9.metamorph_pyramids
10.about_time
11.forchildren
12.artificial-casting
13.artificial
14.baby-toys
15.baby
16.charity
17.independant-politician
18.home-interior-1.0
19.home
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.