fruit-company : Fruit « Templates « HTML / CSS






fruit-company

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fruit Company</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
/*
CSS Credit: http://www.templatemo.com/
*/
body{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.5em;
  color: #444444;
}
a:link, a:visited { color: #83bb0a; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #83bb0a; text-decoration: none; font-weight: bold; }

h1 {
  margin:40px 0px 10px 0px;
  font-weight: bold;
  font-size: 18px;
  color:#e8ff7f;
}
h2 {
  margin:40px 0px 0px 0px;
  font-weight: bold;
  font-size: 18px;
  color:#ffff60;
  padding-bottom: 10px;
}
h3 {
  margin:20px 0px 20px 40px;
  font-weight: bold;
  font-size: 12px;
  color:#adadad;
}
#container {
  margin: auto;
  width: 758px;
}
#header {
  width: 758px;
  height: 229px;
  background: url(fruit-company-images/header.jpg) no-repeat;
}
#title {
  float: left;
  width: 400px;
  margin-top: 50px;
  padding-left: 260px;
  font-size: 24px;
  font-weight:bold;
  color: #c5c5c5;
  line-height: 1.5em;
}
#title span {
  color: #e3ff60;
}
#slogan {
  float: left;
  color: #FFFFFF;
  width: 500px;
  text-align: right;
}
#welcome {
  float: left;
  width: 500px;
  margin-top: 85px;
  padding-left: 20px;
  color: #e7f5a4;
  font-size: 36px;
  font-weight: bold;
  line-height: normal;
}
#content {
  margin: auto;
  float: left;
  width: 758px;
  background: url(fruit-company-images/body_bg.jpg) repeat-y;
}
#left {
  float: left;
  width: 430px;
  padding-left: 40px;
  padding-right: 40px;
  color:#FFFFFF;
  text-align: justify;
}
#left_column {
  float: left;
  width: 195px;
}
#right_column {
  float: right;
  width: 195px;
}
#right {
  float: right;
  width: 248px;
  border-top: solid  5px #dcdcdc;
}
.menu {
  margin-top: 20px;
  width: 200px;
}
.menu li{
  background: url(fruit-company-images/button.jpg) no-repeat;
  list-style: none;
  height: 30px;
  display: block;
  padding-left: 35px;
  padding-top: 5px;
}
.menu a {
  color: #595959;
}
.menu a:hover {
  color: #000;
}
.box {
  width: 222px;
  margin-left: 20px;
  margin-top: 10px;
  background: url(fruit-company-images/box.jpg) no-repeat;
}
.box p {
  width: 180px;
  text-align: justify;
  padding-left: 20px;
  padding-top: 5px;
}
.box strong {
  color: #fff836;
}
.box_header {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-left: 30px;
  height: 20px;
  font-weight: bold;
  font-size: 12px;
  color:#adadad;
}

#footer {
  float: left;
  width: 758px;
  height: 26px;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
  background: url(fruit-company-images/footer.jpg) no-repeat;
}

#footer a:link, #footer a:visited { color: #000; text-decoration: none; } 
#footer a:active, #footer a:hover { color: #C00; text-decoration: none; }

</style>


</head>
<body>
<div id="container">
  <div id="header">
    <div id="title"><span>Fruit</span> Company</div>
    <div id="slogan"> Website Template provided by TemplateMo.com</div>
    <div id="welcome">WELCOME</div>
  </div>
  <div id="content">
    <div id="left">
      <h1>DOWNLOAD FREE CSS TEMPLATE</h1>
      <p>This is a FREE CSS template provided by TemplateMo.com website. You may use this template for any of your websites. Credit goes to PDPhoto.org for photos.</p>
      <p>Nulla enim nibh, consectetuer sed, vestibulum elementum, sagittis nec, diam. Mauris blandit vehicula neque. Proin consectetuer. Donec venenatis. Cras urna metus, feugiat non, consectetuer quis, pretium quis, nunc. Nullam pede purus, tempor a, imperdiet in, porttitor at, nulla. Aliquam elit risus, volutpat quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst. </p>
      <p>Aenean cursus. Maecenas aliquam, ligula id egestas suscipit, nisi sapien dignissim nibh, ac vestibulum lorem urna in neque. Aenean eget tortor eget ipsum aliquet porta. Vestibulum quis pede non urna venenatis vehicula. Praesent vel diam. Cras sed leo tempor neque placerat pretium. Curabitur nec odio. Phasellus tincidunt, tortor lacinia blandit commodo, nunc augue mattis eros, ut convallis est augue vel orci.</p>
      <h2>WHAT WE DO?</h2>
      <div id="left_column">
        <p><img src="fruit-company-images/pic1.jpg" alt="" width="185" height="76" /></p>
        <p>Aliquam tristique lacus in sapien. Suspendisse potenti. Ut sed pede. Nullam vitae tellus. Sed ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur velit tellus, placerat et, dapibus varius, aliquet quis, purus. Aliquam sagittis molestie sapien. Nulla tellus risus, tincidunt vitae, sagittis vel, interdum at, erat. Duis vitae velit. Ut ultricies. Fusce sollicitudin nisl a lectus. Pellentesque odio.</p>
        <p><a target="_blank" href="http://validator.w3.org/check?uri=referer"><img height="31" alt="" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" /></a> <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="" src="http://jigsaw.w3.org/css-validator/fruit-company-images/vcss-blue" vspace="8" border="0" /></a></p>
      </div>
      <div id="right_column">
        <p><img src="fruit-company-images/pic2.jpg" alt="" width="185" height="76" /></p>
        <p>Vivamus a massa. Donec iaculis felis id neque. Morbi nunc. Praesent varius egestas velit. Donec a massa ut pede pulvinar vulputate. Nulla et augue. Sed eu nunc quis pede tristique suscipit. Nam sit amet justo vel libero tincidunt dignissim. Cras magna velit, pellentesque mattis, faucibus vitae, feugiat vitae, sapien. Donec ante. Fusce ac orci sit amet velit ultrices condimentum. Integer imperdiet odio ac eros. Ut id massa. Nullam nunc. Vivamus sagittis varius lorem.</p>
      </div>
    </div>
    <div id="right">
      <div class="menu">
        <ul>
          <li><a href="http://www.free-css.com/">HOME PAGE</a></li>
          <li><a href="http://www.free-css.com/">CSS LAYOUTS</a></li>
          <li><a href="http://www.free-css.com/">FLASH WEBSITES</a></li>
          <li><a href="http://www.free-css.com/">WEB DEVELOPMENT</a></li>
          <li><a href="http://www.free-css.com/">QUALITY TEMPLATES</a></li>
          <li><a href="http://www.free-css.com/">PARTNERS</a></li>
          <li><a href="http://www.free-css.com/">TESTIMONIALS</a></li>
        </ul>
      </div>
      <div class="box">
        <div class="box_header">OUR LATEST NEWS</div>
        <p><strong>[18-10-2010] Web Design<br />
          </strong> Sed eu nunc quis pede tristique suscipit. Nam sit amet justo vel libero tincidunt dignissim.</p>
        <p><strong>[15-10-2010] Multimedia<br />
          </strong> Cras magna velit, pellentesque mattis, faucibus vitae, feugiat vitae, sapien. Donec ante.</p>
      </div>
      <div class="box">
        <div class="box_header">QUICK CONTACT</div>
        <p>Mobile: 000-200-2000<br />
          Tel: 000-100-1000<br />
          Fax: 001-001-0011<br />
          Email: info[at]templatemo.com</p>
      </div>
    </div>
  </div>
  <div id="footer">Copyright  Your Company Name - Designed by <a href="http://www.templatemo.com">TemplateMo.com</a></div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.metamorph_fruitbuiquet
2.metamorph_fruits
3.blackberry
4.Fruits
5.fruit-stores
6.fruitopia
7.sweetfruits