col2 : Design 3 « Templates « HTML / CSS






col2

   

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>A World Of Colors</title>
<style type='text/css'>
body {
  background-color: #C1A780;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  background-image: url(col2-images/bg.gif);
}
#wrap {
  background-image: url(col2-images/wrapbg.jpg);
  width: 988px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
}
#wrap #header {
  background-image: url(col2-images/header.jpg);
  background-repeat: no-repeat;
  height: 161px;
}
#wrap #contents #left #featured {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 3px;
}
#wrap #contents #left #featured .item p {
  font-size: 11px;
  line-height: 18px;
  color: #333333;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#wrap #contents #left #featured .item h3 {
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 0px;
  padding: 0px;
  color: #993300;
  font-weight: normal;
  font-style: italic;
}
#wrap #contents #left #featured .item a {
  color: #990000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #993300;
}
#wrap #contents #left #featured .item .permalink a {
  color: #666666;
}


#wrap #contents #left #featured .item {
  width: 190px;
  float: left;
  background-color: #FFFFFF;
  background-image: url(col2-images/graybg.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding: 5px;
  border: 1px solid #E7E4D0;
}
#wrap #contents #left #featured .item .permalink {
  display: block;
  text-align: right;
  padding-right: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #999999;
}

#wrap #contents #left #featured .clear {
  clear: left;
}


#wrap #contents {
  background-image: url(col2-images/pagebg.jpg);
  background-repeat: repeat-y;
}
#wrap #contents #rightbar {
  float: right;
}
#wrap #contents #contenthead {
  background-image: url(col2-images/contenthead.jpg);
  background-repeat: no-repeat;
  height: 24px;
  clear: both;
}
#wrap #contents #contentfooter {
  background-image: url(col2-images/contentfoot.jpg);
  background-repeat: no-repeat;
  clear: both;
  height: 20px;
}
#wrap #contents #rightbar {
  background-image: url(col2-images/sidebarbg.jpg);
  background-repeat: repeat-y;
  width: 327px;
  margin-top: 25px;
}
#wrap #contents #rightbar .righthead {
  background-image: url(col2-images/sidebarhead.jpg);
  background-repeat: no-repeat;
  height: 13px;
}
#wrap #contents #rightbar .rightfoot {
  background-image: url(col2-images/sidebarfoot.jpg);
  background-repeat: no-repeat;
  height: 13px;
}
#wrap #contents #rightbar ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#wrap #contents #rightbar li {
  display: block;
  height: 50px;
  margin-top: 2px;
  margin-bottom: 3px;
}
#wrap #contents #rightbar a {
  background-image: url(col2-images/sidemenu1.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  padding-top: 15px;
  font-size: 18px;
  padding-left: 45px;
  color: #993300;
  text-decoration: none;
}
#wrap #contents #rightbar a:visited,active {
  background-image: url(col2-images/sidemenu1.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  padding-top: 15px;
  font-size: 18px;
  padding-left: 45px;
  color: #993300;
}
#wrap #contents #rightbar a:hover {
  background-image: url(col2-images/sidemenu2.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  padding-top: 15px;
  font-size: 18px;
  padding-left: 45px;
  color: #000000;
  text-decoration: none;
}
#wrap #header .logo {
  margin: 0px;
  display: block;
  padding-top: 40px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 25px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 36px;
  font-weight: normal;
  color: #FFFFFF;
}
#wrap #header .logo span {
  display: block;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #F7DB92;
  padding-left: 5px;
}
#wrap #contents #left .tags {
  display: block;
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}

#wrap #contents #left .subhead {
  display: block;
  margin: 0px;
  padding: 10px;
  background-attachment: fixed;
  background-image: url(col2-images/bluebg.jpg);
  background-repeat: repeat;
  color: #FFFFFF;
}


#wrap #contents #left h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #993300;
  font-size: 25px;
  font-weight: normal;
}

#wrap #contents #left {
  margin-right: 350px;
  padding-left: 25px;
}
#wrap #contents #left p {
  line-height: 20px;
}
#wrap #contents #rightbar .current a:hover {

  background-image: url(col2-images/sidemenu2.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  padding-top: 15px;
  font-size: 18px;
  padding-left: 45px;
  color: #993300;
  text-decoration: underline;
}
#wrap #contents #rightbar .current a {


  background-image: url(col2-images/sidemenu2.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  padding-top: 15px;
  font-size: 18px;
  padding-left: 45px;
  color: #000000;
  text-decoration: none;
}
#wrap #contents #rightbar .current a:visited,active {


  background-image: url(col2-images/sidemenu2.jpg);
  background-repeat: no-repeat;
  display: block;
  height: 35px;
  padding-top: 15px;
  font-size: 18px;
  padding-left: 45px;
  color: #000000;
  text-decoration: none;
}
#wrap #bottom {
  padding: 10px;
  background-color: #D7EDF4;
  margin: 10px;
  border: 1px solid #FFFFFF;
  background-attachment: fixed;
  background-image: url(col2-images/bluebg.jpg);
  background-repeat: repeat;
}
#wrap #footer {
  padding: 10px;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 0px;
}
h2, h3, h4, h5 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}
#wrap #contents #left h2 {
  font-size: 20px;
}
#wrap #contents #left h3 {
  font-size: 16px;
  color: #0066CC;
}
#wrap #contents #left blockquote {
  background-color: #FFFFCC;
  background-image: url(col2-images/yellowbg.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  display: block;
  margin: 5px;
  padding: 10px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #FFCC66;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #996600;
}
#wrap #contents #left blockquote p {
  line-height: 16px;
  margin: 5px;
}
#wrap #contents #left #featured .item a:visited,active {

  color: #990000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #993300;
}
#wrap #contents #left #featured .item a:hover {
  color: #333333;
  text-decoration: none;
  border-bottom-style: none;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
}
#wrap #contents #left  a:hover {
  color: #333333;
  text-decoration: none;
  border-bottom-style: none;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
}
#wrap #contents #left  a:visited,active {


  color: #990000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #993300;
}
#wrap #contents #left ul {
  list-style-type: square;
}
#wrap #contents #left li {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 18px;
}

#wrap #contents #left a {



  color: #990000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #993300;
}
#wrap #bottom .clear {
  clear: both;
}
#wrap #bottom .col {
  float: left;
  width: 218px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 10px;
  background-color: #FFFFCC;
  border: 1px solid #FFFFFF;
  background-image: url(col2-images/yellowbg.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#wrap #bottom .col ul {
  margin: 5px;
  list-style-type: none;
  padding: 0px;
}
#wrap #bottom .col li {
  padding: 3px;
  display: block;
  margin-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFDD8F;
}
#wrap #bottom .col a {
  color: #000000;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#wrap #bottom .col h2 {
  font-size: 17px;
  display: block;
  padding: 5px;
  margin: 0px;
  background-image: url(col2-images/bluegrdntbg.gif);
  color: #FFFFFF;
  text-transform: uppercase;
}
#wrap #bottom .col a:visited,active {

  color: #000000;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#wrap #bottom .col a:hover {

  color: #666666;
  text-decoration: underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#wrap #contents #left img {
  background-attachment: fixed;
  background-image: url(col2-images/imagebg.jpg);
  padding: 8px;
  border: 1px solid #000000;
}
#wrap #contents #left .align_left {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}
#wrap #contents #left table {
  background-color: #FFFFCC;
  background-image: url(col2-images/yellowbg.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
#wrap #contents #rightbar .ad {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 35px;
}

#wrap #contents #left th {
  background-image: url(col2-images/bluegrdntbg.gif);
  background-repeat: repeat-x;
  padding: 5px;
}
#wrap #contents #left td {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #FEDD8C;
  padding: 5px;
}
#wrap #footer a {
  color: #000000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #000000;
}
#wrap #footer a:visited, active {
  color: #000000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #000000;
}
#wrap #footer a:hover {
  color: #000000;
  text-decoration: none;
  border-bottom-style: none;
}
#wrap #contents #left .align_right {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
}

</style>


</head>

<body>
<div id="wrap">

<div id="header">
<h1 class="logo">A World Of Colors <span>Site Caption Goes here</span>
</h1>

</div>

<div id="contents">


<div id="contenthead"></div>

<div id="rightbar">
<div class="righthead">
</div>
<ul class="mainmenu">
  <li class="current"><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Welcome Page </a></li>
  <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Lorem Ipsum </a></li>
  <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Dolor Sit Amet </a></li>
  <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam</a></li>
  <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Nunc Odio Turpis </a></li>
  <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Pretium</a></li>
</ul>
<div class="ad"><img src="col2-images/250x250.gif" alt="Ads" width="250" height="250" /></div>
<div class="rightfoot">
</div>
</div>
<div id="left">
<h1 class="subhead">Sub Heading </h1>
 <div id="featured">   
<div class="item">
<h3><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Featured Content Heading</a></h3>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur  consectetuer vestibulum massa. Aliquam sit amet eros at nisi ultricies  venenatis. Nunc odio turpis, congue dictum, pretium at, vestibulum non,  ipsum.</p>
<span class="permalink"><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Read More</a></span></div>

<div class="item">
<h3><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Featured Content Heading</a></h3>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur  consectetuer vestibulum massa. Aliquam sit amet eros at nisi ultricies  venenatis. Nunc odio turpis, congue dictum, pretium at, vestibulum non,  ipsum.</p>
  <span class="permalink"><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Read More</a></span></div>

<div class="item">
<h3><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Featured Content Heading</a></h3>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur  consectetuer vestibulum massa. Aliquam sit amet eros at nisi ultricies  venenatis. Nunc odio turpis, congue dictum, pretium at, vestibulum non,  ipsum.</p>
  <span class="permalink"><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Read More</a></span></div>
<div class="clear"></div>
 </div>
 <h1>Welcome Text - Heading One <span class="tags">Put your keywords or tags for SEO</span> </h1>
 <p> <img class="align_left" src="col2-images/samplgimg.gif" alt="Sample Image" width="141" height="167" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur  consectetuer vestibulum massa. Aliquam sit amet eros at nisi ultricies  venenatis. Nunc odio turpis, congue dictum, pretium at, vestibulum non,  ipsum. Nulla ut velit nec justo pellentesque ultricies. Phasellus  rutrum viverra erat. Aliquam tempor dui vitae justo. Sed egestas,  sapien ut bibendum pellentesque, nisi risus auctor ante, in tempor  lectus lorem ut libero. Vivamus dignissim consectetuer felis. Cras  vestibulum. Mauris non nibh. Phasellus orci purus, malesuada vel,  sollicitudin vitae, feugiat ac, odio. Nullam faucibus dui a nisl. Sed  magna. Sed eu lacus. Phasellus aliquet sapien ac nisi. <a href="#">Link</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur  consectetuer vestibulum massa. Aliquam sit amet eros at nisi ultricies  venenatis. Nunc odio turpis, congue dictum, pretium at, vestibulum non,  ipsum. Nulla ut velit nec justo pellentesque ultricies. Phasellus  rutrum viverra erat. Aliquam tempor dui vitae justo. Sed egestas,  sapien ut bibendum pellentesque, nisi risus auctor ante, in tempor  lectus lorem ut libero. Vivamus dignissim consectetuer felis. Cras  vestibulum. Mauris non nibh. </p>
 <h2>Heading Two <span class="tags">Put your keywords or tags for SEO</span></h2>
 <p><img class="align_right" src="col2-images/samplgimg.gif" alt="Sample Image" width="141" height="167" />Suspendisse sollicitudin, purus ac sagittis hendrerit, magna leo  scelerisque nunc, vel pellentesque erat elit et erat. Proin tellus  tortor, blandit eget, posuere nec, tempus ut, mi. Fusce in massa a enim  convallis lobortis. Nam nibh. Donec nibh orci, dignissim eget,  consequat ac, interdum sed, dolor. Curabitur ultrices nonummy nulla.  Duis in ipsum vel purus bibendum blandit. Aenean nec elit quis ligula  blandit tempor. Nam malesuada porttitor dolor. Fusce quam dolor,  rhoncus eu, euismod in, accumsan eget, erat. Integer sodales. Donec  arcu justo, nonummy pulvinar, semper vitae, pharetra nec, nibh. Vivamus  ipsum elit, pharetra vehicula, vulputate eget, pharetra eget, nunc.  Suspendisse potenti. </p>
<h3>Heading Three - Block Quote &amp; Lists </h3>
 <p>Fusce ipsum. Morbi condimentum varius nisi. Pellentesque habitant  morbi tristique senectus et netus et malesuada fames ac turpis egestas.  Quisque sed neque sed sapien posuere accumsan. Proin fringilla quam  scelerisque massa. Praesent at nisi. Donec tristique, leo at mollis  imperdiet, magna lacus iaculis tortor, at gravida metus est at neque.  </p>
 <blockquote><p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per  inceptos hymenaeos. Maecenas a enim. Praesent malesuada, tortor sed  pellentesque dignissim, neque elit vulputate elit, venenatis rutrum  tortor ipsum vitae enim. </p>
   <p>Nulla imperdiet odio id est. Curabitur vestibulum, enim et  bibendum varius, felis diam sodales justo, ac pharetra lacus sapien ut  enim. Mauris ac metus a magna posuere iaculis. Pellentesque dignissim  lacus. </p>
 </blockquote>
 <p>Aenean odio arcu, porttitor nec, fringilla a,  vestibulum interdum, enim. In dignissim lacus ut arcu rutrum  scelerisque. Quisque et lacus. Praesent ac pede nec elit pharetra  mollis. Nullam ante lectus, pharetra quis, consequat et, tempus vel,  ipsum. Nulla imperdiet odio id est. Curabitur vestibulum, enim et  bibendum varius, felis diam sodales justo, ac pharetra lacus sapien ut  enim. Mauris ac metus a magna posuere iaculis. Pellentesque dignissim  lacus. </p>
 <h3>Unordered List</h3>
 <ul>
   <li>Nam lectus. Aenean pharetra ultrices nunc.</li>
   <li> Quisque vulputate. Nulla  nec sapien. Nam vehicula hendrerit mi. In cursus molestie nisi. Nunc  facilisis accumsan est. Phasellus blandit elit quis nunc. Aenean sit  amet mauris. </li>
   <li>Aliquam vestibulum luctus tellus. Proin bibendum metus  quis risus. Duis tortor libero, pulvinar id, pharetra sed, porta eget,  eros.</li>
   <li> Maecenas a ligula congue erat elementum feugiat.</li>
   <li> Proin quis mi.  Suspendisse potenti. </li>
   <li>Cras et diam in ipsum viverra porta. </li>
 </ul>
 
 <h3>Ordered List</h3>
 
 <ol>

   <li>Nam lectus. Aenean pharetra ultrices nunc.</li>
   <li> Quisque vulputate. Nulla  nec sapien. Nam vehicula hendrerit mi. In cursus molestie nisi. Nunc  facilisis accumsan est. Phasellus blandit elit quis nunc. Aenean sit  amet mauris. </li>
   <li>Aliquam vestibulum luctus tellus. Proin bibendum metus  quis risus. Duis tortor libero, pulvinar id, pharetra sed, porta eget,  eros.</li>
   <li> Maecenas a ligula congue erat elementum feugiat.</li>
   <li> Proin quis mi.  Suspendisse potenti. </li>
   <li>Cras et diam in ipsum viverra porta. </li>

 </ol>
 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec  semper nisi ut urna. Duis blandit dolor eget augue. Suspendisse aliquet  metus at lacus. Proin lacinia porttitor metus. Aenean at enim. Nunc vel  felis.</p>
 <h1>A Table<span class="tags">Put your keywords or tags for SEO</span></h1>
<table>
  <tr>
    <th scope="col">Lorem</th>
    <th scope="col">Ipsum</th>
    <th scope="col">Dolor</th>
    <th scope="col">Sit</th>
  </tr>
  <tr>
    <td>In ornare lectus ut ante. Aliquam </td>
    <td>150</td>
    <td>5</td>
    <td>A</td>
  </tr>
  <tr>
    <td>porttitor, nunc quis elementum  porta</td>
    <td>250</td>
    <td>2</td>
    <td>AB</td>
  </tr>
  <tr>
    <td> elementum  porta</td>
    <td>350</td>
    <td>3</td>
    <td>CD</td>
  </tr>
  <tr>
    <td>Nunc porttitor</td>
    <td>550</td>
    <td>7</td>
    <td>FH</td>
  </tr>
</table>

 <p> In ornare lectus ut ante. Aliquam porttitor, nunc quis elementum  porta, nulla neque molestie augue, vel pellentesque quam massa vel  turpis. Nunc porttitor, lacus tincidunt vehicula tristique, justo  turpis aliquam odio, congue pretium libero lorem ac tellus. Proin  ullamcorper metus ut enim. Aliquam neque. Vivamus nec justo. Morbi ac  lectus quis massa suscipit feugiat. Vivamus malesuada blandit nibh.  Pellentesque sagittis lacus quis pede. Etiam vulputate augue eget  ipsum. Pellentesque id quam et ligula suscipit tincidunt. Vestibulum  non ante. Quisque congue molestie odio. </p>
</div>
<div id="contentfooter"></div>

</div>
<div class="clear"></div>
<div id="bottom">
<div class="clear">
</div>
<div class="col">
<h2>Archives</h2>
  <ul>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam neque.</a></li>
    <li> <a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Vivamus nec justo. </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Morbi ac  lectus quis </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Massa suscipit feugiat.</a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam neque.</a></li>
     </ul>
  </div>
<div class="col">
<h2>Recent Posts </h2>
  <ul>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam neque.</a></li>
    <li> <a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Vivamus nec justo. </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Morbi ac  lectus quis </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Massa suscipit feugiat.</a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam neque.</a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw"> Vivamus nec justo. </a></li>
   
    </ul>
</div>
<div class="col">
<h2>Links</h2>
  <ul>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam neque.</a></li>
    <li> <a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Vivamus nec justo. </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Morbi ac  lectus quis </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Massa suscipit feugiat.</a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam neque.</a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw"> Vivamus nec justo. </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Morbi ac  lectus quis </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Massa suscipit feugiat.</a></li>

</ul>
</div>
<div class="col">
<h2>Meta</h2>
  <ul>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Aliquam neque.</a></li>
    <li> <a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Vivamus nec justo. </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Valid XHTML 1.0</a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Open Designs </a></li>
    <li><a href="http://www.free-css-layouts.com/bz99wxw.php?go=wxw">Rambling Soul</a></li>

    </ul>
</div>
<div class="clear"></div>
</div>

<div id="footer">Your Copyright Information &copy; Your Website | Links | Here <br />
<!-- Credits - Please don't remove this link back to my website-->
<a href="http://www.ramblingsoul.com">CSS Layout template</a><br /> Design downloaded from <a href="http://www.webhostingservices.us/">Web Hosting Services</a>
<!--End of Credits-->
</div>
<div class="clear"></div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.blankspace
2.Blasphemy
3.blended
4.blewwave
5.blootoon
6.blush
7.boardroom
8.BOOM
9.boorish
10.boosting
11.bordered
12.boswell
13.bounderies
14.boxedtype
15.boxes_template
16.boxybox
17.branches
18.breaking_ontop
19.brewedcoffee
20.brightfolio
21.brightsideoflife1.0
22.Broadcaster
23.broadsheet
24.brycesunrise
25.bucolic
26.burgeon
27.buzz
28.BW
29.bwdec2007
30.calliope
31.callofduty2
32.candiiclouds
33.cantya-studio
34.canuckington-post
35.canvass
36.capricious
37.capsicum
38.carbonated
39.carbonizer
40.carlmelon
41.caronline
42.carrera
43.castellated
44.catch_info
45.cattleya
46.center-stage
47.COIL
48.col1
49.col3
50.collaboration
51.collectiveblue
52.collegemusic
53.colorus
54.colosseum
55.columna
56.combination
57.ComingSoon
58.commission
59.communication-1.0
60.communication-co
61.communication
62.community-live
63.compiled
64.complete-collection
65.complimentary
66.component
67.compressed
68.compromise
69.compus
70.conceptnova
71.concrete
72.concurrence
73.condition
74.conglomerate
75.conjunction
76.connection
77.connections
78.consulting-co
79.contemplate
80.convergence
81.cookiefusion
82.Copy of modify
83.corporattica
84.Cosmopolitan
85.counterstrike
86.cover
87.coverage
88.coxswain
89.creamburn
90.crisp2
91.criterion
92.crystalblack
93.css-heaven-1
94.cssgallery
95.cssheaven-2
96.cssmajesty
97.cubismo
98.cultivated
99.cultureshock
100.cupofcoffee
101.customary
102.customize
103.cyano
104.cyanspark
105.cyberarray
106.daleri-mega
107.daleri-structure
108.dalmatians
109.danmyaz1
110.dapple
111.david-kruger
112.deardiary
113.decorative
114.deepimpact
115.deerpark
116.dekada
117.delta
118.delzep_enterprise
119.description
120.deserted
121.desertsand
122.design-gallery
123.design-studio
124.design10
125.Design9
126.designersstudio
127.designersworld
128.designgalo
129.designhq
130.designstudio
131.Design_Agency
132.deskspace
133.detachable
134.deviation
135.devision
136.dewdrops
137.dezinstudio
138.didactic
139.Did_My_Time
140.differential
141.digitalweb
142.dimension
143.diminishing
144.dirtylicious
145.disambiguation
146.discovery
147.distillate
148.distinctive
149.diversity
150.DJ