skitemplate : Design 7 « Templates « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » Templates » Design 7 




skitemplate
  

<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Ski website - Free website templates</title>
<style type='text/css'>
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  background-color:#164871;
}
{margin: 0px;padding: 0px;}
#container {
  margin: 10px auto;
  text-align: left;
  width: 800px;
}
#main {
  width: 800px;
  background-image:url(skitemplate-images/background.gif);
  
}
/******************** header ********************/
#header {
  width:750px;
  height:341px;
  margin-left:25px;
  background-image:url(skitemplate-images/header.jpg);
  display:block;
}
#nav {
  width:744px;
  height:22px;
  margin: 2px 0px 2px 25px;
  background-color:#a5cae5;
  padding: 3px 5px 3px 1px;
}
#nav ul {
}
#nav li {
  display:inline;
  background-color:#245882;
  width:120px;
  height:22px;
  float:left;
  margin-left:4px;
  text-align:center;
}
#nav a {
  width:120px;
  height:19px;
  padding-top:3px;
  text-decoration:none;
  color:#a5cae5;
  font-weight:800;
  display:block;
}
#nav a:hover {
  color:#FFFFFF;
  font-weight:800;
}
/******************** Content ********************/
p, h1, a, span{font-family: Arial, Helvetica, sans-serif;}
#content {
  width:750px;
  margin-left:25px;
  background-color:#a5cae5;
}
#left {
  float:left;
  width:390px;
  display:inline;
  margin: 20px 0px 30px 20px;
}
#left p {
  font-size: 12px;
  color: #000000;
  padding: 5px 0px;  
}
#left a{
  color: #052d4e;
  font-weight:800;
}
#left a:hover{
  color:#FFFFFF;
}
#left h1{
  font-size: 16px;
  color: #052d4e;
  display:inline;
  font-weight:900;
}
#left span{
  font-size: 12px;
  color: #007dda;
  font-weight: 900;
  display:inline;
  margin-left:8px;
}
#right {
  float:right;
  width:260px;
  background-color:#397eb7;
  color:#FFFFFF;
  font-weight:900;
  padding: 10px 20px;
  margin: 30px 20px 20px 0px;
  display:inline;
}
#right p{
  padding: 7px 0px;
}
#right a{
  color:#FFFFFF;
  font-weight:900;
}
#right a:hover{
  color: #052d4e;
}
.post {
  margin-top:20px;
}
.post a{
}

.post a:hover{
}

.post p{
}


/******************** Footer ********************/
#footer {
  width:800px;
  text-align:center;
  color:#FFFFFF;
  margin: 10px 0px;
}
#footer ul {
}
#footer li {
  display:inline;
  float:none;
  text-align:center;
}
#footer a {
  color:#FFFFFF;
  font-weight:900;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}
#footer span {
  display:block;
  clear:both;
  color:#FFFFFF;
  margin: 10px 0px;
}
.clear{
  clear:both;
}



</style>


</head>

<body>
<div id="container">
  <div id="main">
    <div id="header"></div>
    <div id="nav">
      <ul>
        <li><a href="http://www.freewebsitetemplates.com">home</a></li>
        <li><a href="http://www.freewebsitetemplates.com">our tours</a></li>
        <li><a href="http://www.freewebsitetemplates.com">Photo gallery</a></li>
        <li><a href="http://www.freewebsitetemplates.com">community</a></li>
        <li><a href="http://www.freewebsitetemplates.com">about us</a></li>
        <li><a href="http://www.freewebsitetemplates.com">contact us</a></li>
      </ul>
    </div>
    <div id="content">
      <div id="left">
        <div class="post">
          <h1>Title goes here</h1><span>[05.11.2006]</span>
          <p>You can find some <a href="http://www.webhostingservices.us/">web hosting services</a> which are also a need for website building which are listed in web hosting search.</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 <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
          
          <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
          <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>  
        </div>
        <div class="post">
          <h1>Title goes here</h1><span>[04.11.2006]</span>
          <p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> 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 <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
          
          <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
          <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>  
        </div>
      </div>
      <div id="right">
        <p>Don't forgot to check <a href="http://www.freewebsitetemplates.com">free website templates</a> 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 <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
        
        <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
        <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
        <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
        <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com">Web Hosting Zoom</a>.</p>
      </div>
      <div class="clear"></div>
    </div>
  </div>
  <div id="footer">
    <ul>
      <li><a href="http://www.freewebsitetemplates.com">home</a></li> | 
      <li><a href="http://www.freewebsitetemplates.com">our tours</a></li> | 
      <li><a href="http://www.freewebsitetemplates.com">Photo gallery</a></li> | 
      <li><a href="http://www.freewebsitetemplates.com">community</a></li> | 
      <li><a href="http://www.freewebsitetemplates.com">about us</a></li> | 
      <li><a href="http://www.freewebsitetemplates.com">contact us</a></li>
    </ul>
    <span>Hosting by <a href="http://www.webhostingservices.us/">Web Hosting Services</a>.</span>
  </div>
</div>
</body>
</html>

   
    
  














Related examples in the same category
1.SimpleSimple
2.simplestyle_1
3.simplestyle_2
4.simplestyle_3
5.simplestyle_4
6.simplestyle_5
7.simplestyle_6
8.pomodoro
9.portcentral
10.portfolio-extended
11.portfolio
12.postscriptum
13.powderpuff
14.power
15.precision
16.predilection
17.premiumseries
18.prepaid
19.presented
20.pressurized
21.prideandprejudice
22.primitiveelement
23.printing
24.pristine
25.private-lawyer-co
26.product-landing-page
27.production
28.ProductPackage
29.programme
30.progress
31.projection
32.proofing
33.Prosperity
34.province
35.purensimple
36.purgatory_shuffle
37.puzzled
38.quadrangle
39.quartz-istorage
40.quatrain
41.racetrackplaya
42.radiance
43.rainonleaves
44.ramblingsoul-2
45.ramblingsoul-9
46.ramblingsoul3
47.ramblingsoul4
48.ramblingsoul5
49.ramblingsoul7
50.ramblingsoul_2
51.ramblingsoul_3
52.random
53.rational
54.realize
55.realone
56.rebel-magazine
57.reckoning
58.recreations
59.reference
60.regeneracy
61.rehabilitation
62.reinvent
63.replenish
64.republic
65.resizeme
66.resplendissant
67.revolt-01
68.ridinghood
69.rockband
70.rogue
71.Rothko
72.route66
73.rust
74.safe-as-houses
75.sahara
76.sampling
77.Sapphire
78.schemermag
79.scotchmark
80.scribbled
81.secretlab
82.seduction
83.selcouth
84.sensa
85.settings
86.shallowgrunge
87.shalom-typo
88.shape
89.she
90.showcase
91.sifiso
92.silenceandharmony
93.SILK
94.Simpatico
95.sindromk
96.singapore
97.sinorcaish
98.six-oh-six
99.sixpence
100.sixties_style
101.skipopia
102.sky
103.sliced
104.slight_amnesia
105.socialnet
106.softenedcells
107.solemnity
108.solitude
109.soloss
110.solutions
111.somewhere-peaceful
112.soniatemplate
113.space
114.spaced
115.spasaloon
116.spatter
117.speedracing
118.spheroids
119.spidercity
120.splash
121.splatt
122.spontaneous
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.