Footer with copyright notice

   
<!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>

<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
<meta name="Robots" content="index,follow" />

<style type='text/css'>

/* footer-wrap */
#footer-wrap {
  clear: both;
  width: 910px;
  font-size: 95%;
  padding: 20px 0;
  text-align: left;  
  background: url(MarketPlace-images/footer-bottom.jpg) no-repeat center bottom;  
}
#footer-wrap a {
  text-decoration: none;
  color: #666666;
  font-weight: bold;
}
#footer-wrap a:hover {
  color: #000;  
}
#footer-wrap p {
  padding: 10px 0;
}
#footer-wrap h2 {
  color: #666666;
  margin: 0;
  padding: 0 10px; 
}

/* footer */
#footer {
  clear: both;
  color: #666;  
  margin: 0 auto 10px auto; 
  width: 850px;
  padding: 5px 0;
  text-align: center;
  background: #F8F7F7;
  border-top: 1px solid #F2F2F2;  
}

</style>



<title>Marketplace</title>

</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

  <!-- footer starts -->      
  <div id="footer-wrap"><div id="footer">        
      
      <p>
      &copy; 2010 Your Company

            &nbsp;&nbsp;&nbsp;&nbsp;

      Design by <a href="http://www.styleshout.com/">styleshout</a> 

           | <a href="http://www.cssportal.com/">CSS Portal </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      
      <a href="index.html">Home</a> |
           <a href="index.html">Sitemap</a> |
           <a href="index.html">RSS Feed</a> |
            <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
      <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
      </p>
      
  </div></div>
  <!-- footer ends-->  

<!-- wrap ends here -->
</div>

</body>
</html>

1.	Shading footer with background image
2.	Footer with Div
3.	Footer with UL
4.	Footer 2
5.	Footer with background
6.	Footer with DIV and UL
7.	position: absolute; for Footer
8.	Centered footer
9.	Top border for Footer
10.	Header, footer, navigation bar, and body
11.	Without a footer
12.	Footer with solid line
13.	clear: both; for the footer
14.	Footer with background 2
15.	Footer DIV position: absolute;
16.	Footer with green background
17.	Grey link color for footer
18.	Two Line footer
19.	Grey footer
20.	Wide footer
21.	Footer with dark background
22.	Four-column footer
23.	Footer: clear both
24.	Large footer with three columns
25.	About me column in the footer
26.	Footer with smaller font
27.	Footer with Two parts
28.	Contact information in the footer
29.	Multi-line footer
30.	using vertical line to separate footer
31.	Three column layout with header and footer

Footer with copyright notice : Footer « CSS Controls « HTML / CSS

Related examples in the same category