firerescuesquad : Design 2 « Templates « HTML / CSS






firerescuesquad

     

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>FireRescue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>

body {
  background: #000000 url(firerescuesquad-images/main-bg.gif) repeat-x;
  color: #7F7F7F;
  font-family: tahoma, arial;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

* html body {
}

img {
  border: 0px;
}

a:link { 
  color: #9D9D9B;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
}
  
a:visited { 
  color: #9D9D9B;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;  
}
  
a:hover, a:active { 
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

#footer a:link { 
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
}
  
#footer a:visited { 
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;  
}
  
#footer a:hover, #footer a:active { 
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: underline;
}

#banner {
  clear: both;
  height: 326px;
  width: 776px;
}

#container {
  margin: 0px auto;
  text-align: left;
  width: 776px;
}

#content {
  clear: both;
  width: 776px;
  background-image: url(firerescuesquad-images/content-bg.gif);
  background-repeat: repeat;
}

#footer {
  background: url(firerescuesquad-images/footer-bg.gif) no-repeat;
  clear: both;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  height: 108px;
  padding-top: 20px;
  text-align: center;
  width: 776px;
}

#headlines {
  background: #1F1F1F;
  height: 199px;
  padding: 10px;
  width: 254px;
}

#left {
  background: #333333 url(firerescuesquad-images/content-top-bg.gif) no-repeat 0% 0%;
  float: left;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 80px;
  width: 462px;
}

#logo {
  height: 72px;
  width: 776px;
}

#nav {
  clear: both;
  display: block;
  height: 43px;
  width: 776px;
  background-image: url(firerescuesquad-images/nav-bg.gif);
  background-repeat: repeat-x;
}
#nav ul li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;  
}
#nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align:center;
}

.nlink, .nlinkend {
  float:left;
  width:auto;
  list-style: none;
  display:inline;
  text-align:center;
  padding-top: 15px;
  padding-left: 17px;
  padding-right: 17px;
  height:28px;
}
.nlink{
  background-image: url(firerescuesquad-images/nav-line.gif);
  background-repeat: no-repeat;
  background-position: right top;
}
.nlinkend {
  background-image: none;
}
#right {
  float: left;
  width: 274px;
}

#right p {
  margin-top: 0px;
}

* html #right p {
  margin-top: -5px;
}

#stats {
  background: #494949;
  padding: 10px;
  width: 254px;
}

* html #stats {
  height: 170px;
}

.date {
  color: #827961;
  font-weight: bold;
}

.flt-lft {
  float: left;
  margin-right: 20px;
}

.flt-rgt {
  float: right;
}

.heading1 {
  background: url(firerescuesquad-images/heading-bg-1.gif) no-repeat;
  color: #909090;
  display: block;
  font-family: arial, tahoma;
  font-size: 14px;
  font-weight: bold;
  height: 21px;
  margin-bottom: 12px;
  padding-left: 40px;
  padding-top: 4px;
  width: 181px;
}

* html .heading1 {
  margin-bottom: 5px;
}

.heading2 {
  background: url(firerescuesquad-images/heading-bg-2.gif) no-repeat;
  color: #909090;
  display: block;
  font-family: arial, tahoma;
  font-size: 14px;
  font-weight: bold;
  height: 21px;
  margin-bottom: 5px;
  padding-left: 38px;
  padding-top: 4px;
  width: 161px;
}

</style>


</head>
<body>
<div id="container">
  <div id="logo"><img src="firerescuesquad-images/logo.jpg" alt="Logo" /></div>
  <div id="banner"><img src="firerescuesquad-images/main-image.jpg" alt="Main Image" /></div>
  <div id="nav">
    <ul>
      <li class="nlink"><a href="http://www.free-css.com/">Home</a></li>
      <li class="nlink"><a href="http://www.free-css.com/">Archives</a></li>
      <li class="nlink"><a href="http://www.free-css.com/">Apparatus</a></li>
      <li class="nlink"><a href="http://www.free-css.com/">Members</a></li>
      <li class="nlink"><a href="http://www.free-css.com/">Gallery</a></li>
      <li class="nlink"><a href="http://www.free-css.com/">Traning</a></li>
      <li class="nlink"><a href="http://www.free-css.com/">Store</a></li>
      <li class="nlinkend"><a href="http://www.free-css.com/">Links</a></li>
    </ul>
 </div>
  <div id="content">
    <div id="left"> <span class="flt-lft"><img src="firerescuesquad-images/thumbnail-1.jpg" alt="Thumbnail" /></span>
      <p class="date">October 20th:</p>
      <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>To find great hosting providers visit Web Hosting Zoom</p>
      <span class="flt-lft"><img src="firerescuesquad-images/thumbnail-2.jpg" alt="Thumbnail" /></span>
      <p class="date">October 15th:</p>
      <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
      <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p>
      <p class="flt-rgt"><a href="http://www.free-css.com/">MORE</a></p>
   </div>
    <div id="right">
      <div id="headlines"> <span class="heading1">LIST OF EVENTS</span>
        <p class="date">Events Scheduled</p>
        <p>Tue Dec 2 04:00 PM <br />
          - KIVFD Advisory Council Monthly Meeting of Advisory Council regarding the Capital Compaign.</p>
        <p class="date">Events Scheduled</p>
        <p>Tue Dec 2 04:00 PM <br />
          - KIVFD Advisory Council Monthly Meeting of Advisory Council regarding the Capital Compaign.</p>
        <span class="flt-rgt"><a href="http://www.free-css.com/">MORE</a></span></div>
      <div id="stats"> <span class="heading2">Top Firefighters 2006</span>
        <table>
          <tr>
            <td>Firefighter</td>
            <td colspan="2">Number Of Calls</td>
          </tr>
          <tr>
            <td>Mike Evans</td>
            <td>326</td>
            <td>69%</td>
          </tr>
          <tr>
            <td>Dave Evans Jr</td>
            <td>300</td>
            <td>65%</td>
          </tr>
          <tr>
            <td>Brian Harris Jr</td>
            <td>268</td>
            <td>57%</td>
          </tr>
          <tr>
            <td>Pat Byrne</td>
            <td>260</td>
            <td>55%</td>
          </tr>
          <tr>
            <td>Cordon Pippin</td>
            <td>259</td>
            <td>49%</td>
          </tr>
          <tr>
            <td>Loreen Zoffinger</td>
            <td>233</td>
            <td>66%</td>
          </tr>
          <tr>
            <td>Jim Ayers Sr</td>
            <td>218</td>
            <td>64%</td>
          </tr>
        </table>
     </div>
   </div>
    <div style="clear:both"></div>
 </div>
  <div id="footer"> <a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Archives</a> | <a href="http://www.free-css.com/">Apparatus</a> | <a href="http://www.free-css.com/">Members</a> | <a href="http://www.free-css.com/">Gallery</a> | <a href="http://www.free-css.com/">Training</a> | <a href="http://www.free-css.com/">Store</a> | <a href="http://www.free-css.com/">Links</a><br />
    <br />
    <p>&copy; Fire Rescue Squad 2006. All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></p>
 </div>
</div>
</body>
</html>

   
    
    
    
    
  








Related examples in the same category

1.metamorph_drop
2.metamorph_energybolt
3.metamorph_exit
4.metamorph_global
5.metamorph_glowing
6.metamorph_host
7.metamorph_icybreeze
8.metamorph_interiordesign
9.metamorph_interstate60
10.metamorph_lotr
11.metamorph_lyrics_lt
12.metamorph_melancholy_lt
13.metamorph_mercuryworld
14.metamorph_metaform
15.metamorph_models
16.metamorph_nuke
17.metamorph_oldheavens
18.metamorph_palmbeach
19.metamorph_strongrey_lt
20.metamorph_thames
21.metamorph_transitional
22.metamorph_tropic
23.metamorph_truncata
24.metamorph_tubes
25.metamorph_tunel
26.ablaze
27.aboutfruts
28.abrasive
29.abscond
30.abstraction
31.acallia-development
32.accomplishable
33.actualbiz
34.adhesive
35.adios
36.advantage
37.aero-solutions
38.aerolyk
39.affection
40.agency
41.ahoy
42.al-infolabs
43.alexx-c
44.alieninvasion
45.alpha
46.altered
47.altruism
48.ambiance
49.amoreira
50.angryhornet
51.anibanner01
52.AnotherSquare
53.anther
54.anthropod
55.Antikoerperchen
56.antiquity
57.aphotic
58.applique
59.aprilshowers
60.Arbenting-MinimalistResumeTemplate
61.expanding-portfolio
62.experience
63.expertvision
64.exploitable
65.ezine02
66.familiar
67.favorite-cakes
68.featherlight
69.featuring
70.femflex1
71.fernando1
72.fertilization
73.Fibre
74.fibreglass
75.filaments
76.findingpeace
77.fivestar
78.Flair Template
79.flair
80.flan2
81.flange
82.flattering
83.flavour
84.fleur
85.flightandfight
86.fluidity
87.fluidsolution
88.flyover-builders
89.WP-Bliss
90.website-design
91.website-traffic