airwaves : Art « Templates « HTML / CSS






airwaves

    

<!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>Airwaves</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
body {margin:0; font-size:12px; line-height:16px; font-family:Arial, Tahoma, Helvetica, sans-serif; background:url(airwaves-images/body.jpg) repeat-x #8d8d8d; color:#cccccc;}
a {color:#FFFF00;text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {text-transform:uppercase; font-size:16px;}
#all {width:1000px; margin:0 auto; background:url(airwaves-images/body_bckg.jpg) no-repeat #000000;}
#container {background:url(airwaves-images/footer_bckg.jpg) no-repeat bottom left;}
#logo {padding:50px 0 0 100px; height:80px;}
#logo a {color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:20px; text-transform:uppercase;}
#menu {padding:50px 135px 0 0; float:right;}
#menu ul {margin-top:0;}
#menu ul li {display:inline;}
#menu a {font-size:14px; text-decoration:none; color:#FFFFFF; padding:5px 10px; text-transform:lowercase;}
#menu a:hover {border-bottom:2px solid #FFFF00;}
#main {padding:0 100px; min-height:500px;}
#footer {text-align:right; padding:80px 100px; color:#3b3b3b; font-size:11px;}
#footer a {color:#575757;}

</style>


<!--[if IE 6]> <style> #main {height:500px;} </style> <![endif]-->
</head>
<body>
<div id="all">
  <div id="container">
    <div id="menu">
      <ul>
        <li><a href="http://www.free-css.com/">home</a></li>
        <li><a href="http://www.free-css.com/">about us</a></li>
        <li><a href="http://www.free-css.com/">services</a></li>
        <li><a href="http://www.free-css.com/">pricing</a></li>
        <li><a href="http://www.free-css.com/">contacts</a></li>
      </ul>
    </div>
    <div id="logo"><a href="http://www.free-css.com/">Airwaves</a></div>
    <div id="main">
      <h1>Welcome</h1>
      <p><b>Airwaves</b> is a free template created by Reality Software and released by Flash Gallery under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0</a> license, which means you can use it in any way you want provided you keep links to authors intact.</p>
      <p>Nam eu odio eu dui imperdiet pulvinar. Praesent sed mi eu pede vestibulum iaculis. Phasellus placerat quam eget enim. Pellentesque commodo. Ut lobortis. Donec dui odio, facilisis ut, iaculis sit amet, dapibus sed, leo. Donec ornare. Suspendisse nisi justo, convallis eget, ullamcorper non, fringilla quis, est. Donec facilisis purus. Duis pharetra cursus nisi. Curabitur laoreet ligula dictum nibh. Maecenas vel ipsum eu nunc condimentum vehicula.</p>
      <p>Suspendisse egestas tincidunt erat. Proin tellus lacus, luctus vitae, ultrices vel, tincidunt vitae, quam. Proin sed enim. Nullam lobortis. Phasellus nec urna sit amet nibh iaculis consequat. Maecenas nisi eros, volutpat a, sagittis vitae, semper vestibulum, nibh. Integer euismod ante et ipsum.</p>
      <ul>
        <li>Praesent hendrerit tincidunt metus. </li>
        <li>Proin vel felis a urna <a href="http://www.free-css.com/">tempus lobortis</a>.</li>
        <li> Sed pellentesque est in mi.</li>
        <li> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li>
        <li>Quisque lacinia, est non pretium rutrum, libero arcu ultrices lacus. </li>
      </ul>
      <p>Curabitur sem ipsum, iaculis et, sollicitudin sit amet, dapibus nec, felis. Mauris pede nunc, feugiat nec, imperdiet eu, consectetuer quis, justo. Aenean condimentum, ante non elementum pretium, quam neque molestie lorem, non rhoncus tellus <a href="http://www.free-css.com/">justo sed ante</a>. Etiam ac nisi nec diam rutrum suscipit. Nulla eleifend lectus in justo. Phasellus at sem. Maecenas nisi enim, rhoncus sed, sollicitudin et, elementum a, erat. Phasellus eros. Donec tellus enim, auctor in, dapibus eget, suscipit et, mauris. Pellentesque magna urna, aliquet sed, semper ut, porta id, nulla.</p>
      <ol>
        <li>Praesent hendrerit tincidunt metus. </li>
        <li>Proin vel felis a urna tempus lobortis.</li>
        <li> Sed pellentesque est in mi.</li>
        <li> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li>
        <li>Quisque lacinia, est non pretium rutrum, libero arcu ultrices lacus. </li>
      </ol>
      <p>Donec tempor quam sit amet nulla. Nullam pede ante, auctor at, pharetra at, sollicitudin sed, risus. Nulla eget urna nec nisi luctus pretium. Praesent a lacus. Vivamus nisl. Nullam et sapien sit amet purus tristique posuere. Curabitur sed felis lobortis justo fringilla venenatis. Nam commodo molestie ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris orci risus, tincidunt ac, fringilla non, aliquet quis, nisi. Curabitur vehicula, dui in suscipit dictum, erat lectus semper metus, id fermentum nisl <a href="http://www.free-css.com/">dolor sed elit</a>. Ut vitae erat at diam ornare vulputate. Phasellus tristique, dolor eget fringilla porttitor, purus neque venenatis mauris, eget auctor massa quam sit amet odio. Vivamus at turpis. Vestibulum iaculis. Pellentesque justo leo, eleifend sed, eleifend eget, tincidunt eget, dolor. Morbi pulvinar eros eu erat.</p>
    </div>
    <div id="footer"> <a href="http://www.realitysoftware.ca/website-design.html">Web design</a> released by <a href="http://www.flash-gallery.org">Flash Gallery</a><br/>
&copy; Copyright 2008 Your Website </div>
  </div>
</div>
</body>
</html>

   
    
    
    
  








Related examples in the same category

1.metamorph_artgallery
2.metamorph_burninghouse
3.metamorph_burningshore
4.metamorph_dreamclouds
5.metamorph_dreamingirl
6.metamorph_ball
7.metamorph_ballway
8.metamorph_abstractred
9.metamorph_bubles
10.adornment
11.metamorph_movie
12.art-gallery
13.artclass
14.artdesign
15.ArtDesign1
16.ArtDesign2
17.ArtDesign3
18.ArtDesign4
19.artist
20.artistic
21.studio-980
22.studio
23.Studio5
24.studio_art