lasvegas : Design 9 « Templates « HTML / CSS






lasvegas

    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Las Vegas by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type='text/css'>

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
  margin: 20px;
  padding: 0;
  background: #FFFFFF;
  font: normal .7em Tahoma, Arial, Helvetica, sans-serif;
  color: #333333;
}

form {
  margin: 0;
  padding: 0;
}

h1, h2, h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #000000;
}

p, blockquote, ol, ul {
  line-height: 160%;
}

a {
  color: #000000;
}

a:hover {
  text-decoration: none;
}

/* Boxed */

.boxed {
  float: right;
  width: 200px;
  margin: 0 0 10px 0;
  padding: 0;
  background: #DCDCDC;
}

.boxed .heading {
  margin-top: 0;
  padding: 8px 15px;
  background: #1F1F21 url(lasvegas-images/img3.gif) no-repeat center bottom;
  text-transform: uppercase;
  letter-spacing: 2px;
  font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

.boxed .content {
  margin: 0;
  padding: 5px 14px 10px 14px;
}

.boxed ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
}

.boxed li {
  padding: 3px 0;
  border-top: 1px dotted #1F1F21;
}

.boxed li.first {
  border: none;
}

.boxed a {
  padding-left: 10px;
  background: url(lasvegas-images/img4.gif) no-repeat left center;
  text-decoration: none;
}

/* Wrapper */

#wrapper {
  width: 778px;
  margin: 0 auto;
}

/* Header */

#header {
  float: left;
  width: 200px;
  height: 150px;
  background: url(lasvegas-images/img1.jpg);
}

#header h1 {
  margin: 0;
  padding: 43px 0 0 0;
  text-align: center;
  letter-spacing: -1px;
  font-size: 3em;
}

#header h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 1.2em;
  font-style: italic;
}

#header a {
  text-decoration: none;
  color: #FFFFFF;
}

/* Pages */

#pages {
  float: right;
  width: 568px;
  height: 150px;
  background: url(lasvegas-images/img2.jpg);
}

#pages h2 {
  display: none;
}

#pages ul {
  float: right;
  margin: 0;
  padding: 10px 15px 0 0;
  list-style: none;
  line-height: normal;
}

#pages li {
  display: inline;
}

#pages a {
  padding-left: 2em;
  text-decoration: none;
  font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
  color: #666666;
}

#pages a:hover {
  color: #FFFFFF;
}

/* Content */

#content {
  clear: both;
  padding-top: 10px;
}

/* Posts */

#posts {
  float: left;
  width: 358px;
}

.post {
  padding-top: 10px;
}

.post .title {
  margin: 0;
  font-size: 2em;
}

.post .posted {
  margin-top: 0;
  font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
  color: #999999;
}

.post .meta {
  margin: 2em 0 3em 0;
  border-top: 1px dotted #939A3C;
  font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
  color: #999999;
}

.post .meta p {
  margin: 0;
}

/* Archives */

#archives {
  float: right;
  margin-left: 10px;
}

/* Search */

#search {
}

#search .content {
  padding-bottom: 12px;
}

#textfield1 {
  width: 156px;
  padding: 5px 5px;
  border: 1px solid #000000;
  font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
  color: #000000;
}

#submit1 {
  display: none;
}

/* Footer */

#footer {
  clear: both;
  font: normal .8em Tahoma, Arial, Helvetica, sans-serif;
  color: #999999;
}

#footer a {
  color: #999999;
}

</style>


</head>
<body>
<div id="wrapper">
  <div id="header">
    <h1><a href="#">Las Vegas</a></h1>
    <h2><a href="http://www.freecsstemplates.org/">by Free Css Templates</a></h2>
  </div>
  <div id="pages">
    <h2>Pages</h2>
    <ul>
      <li class="active"><a id="page1" href="#">My Blog</a></li>
      <li><a id="page2" href="#">My Photos</a></li>
      <li><a id="page3" href="#">My Favorites</a></li>
      <li><a id="page4" href="#">About Me</a></li>
      <li><a id="page5" href="#">Contact Me</a></li>
    </ul>
  </div>
  <div id="content">
    <div id="posts">
      <div class="post">
        <h2 class="title">Welcome to Las Vegas!</h2>
        <h3 class="posted">Posted on January 1th, 2007 by Author</h3>
        <div class="story">
          <p><em><strong>Las Vegas</strong></em> is a free template from <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The  header photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to <a href="http://www.freecsstemplates.org/">my site</a> in some way. Enjoy :)</p>
        </div>
        <div class="meta">
          <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
        </div>
      </div>
      <div class="post">
        <h2 class="title">Sample Tags</h2>
        <h3 class="posted">Posted on January 1st, 2007 by Author</h3>
        <div class="story">
          <p>An ordered list:</p>
          <ol>
            <li><a href="#">Nullam et orci in erat viverra ornare.</a></li>
            <li><a href="#">Suspendisse quis gravida massa felis.</a></li>
            <li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
            <li><a href="#">Suspendisse quis gravida massa felis.</a></li>
            <li><a href="#">Curabitur malesuada turpis nec ante.</a></li>
            </ol>
          <p>A blockquote: </p>
          <blockquote>
            <p>&#8220; Donec fermentum condimentum nisi. Proin iaculis mauris id lorem  viverra molestie. Duis vel orci. Et pulvinar pede ligula a  sapien. Donec fermentum condimentum nisi. Proin iaculis mauris id lorem  viverra molestie. Duis vel orci. Nam consequat. Morbi nec lacus.&#8221;</p>
          </blockquote>
        </div>
        <div class="meta">
          <p>Filed under <a href="#" class="category">Uncategorized</a> | <a href="#" class="comment">1 Comment &raquo;</a></p>
        </div>
      </div>
    </div>
    <div id="archives" class="boxed">
      <h2 class="heading">Archives</h2>
      <div class="content">
        <ul>
          <li class="first"><a href="#">February</a> (7) </li>
          <li><a href="#">January 2007</a> (31)</li>
          <li><a href="#">December 2006</a> (31)</li>
          <li><a href="#">November 2006</a> (30)</li>
          <li><a href="#">October 2006</a> (31)</li>
          <li><a href="#">September 2006</a> (30)</li>
          <li><a href="#">August 2006</a> (31)</li>
          <li><a href="#">July 2006</a> (31)</li>
          <li><a href="#">June 2006</a> (30)</li>
          <li><a href="#">May 2006</a> (31)</li>
          <li><a href="#">April 2006</a> (30)</li>
          <li><a href="#">March 2006</a> (31)</li>
          <li><a href="#">February 2006</a> (28)</li>
          <li><a href="#">January 2006</a> (31)</li>
          <li><a href="#">December 2005</a> (31)</li>
          <li><a href="#">November 2005</a> (30)</li>
          <li><a href="#">October 2005</a> (31)</li>
          <li><a href="#">September 2005</a> (30)</li>
          <li><a href="#">August 2005</a> (31)</li>
          <li><a href="#">July 2005</a> (31)</li>
          <li><a href="#">June 2005</a> (30)</li>
          <li><a href="#">May 2005</a> (31)</li>
          <li><a href="#">April 2005</a> (30)</li>
          <li><a href="#">March 2005</a> (31)</li>
          <li><a href="#">February 2005</a> (31)</li>
        </ul>
      </div>
    </div>
    <div id="search" class="boxed">
      <h2 class="heading">Search</h2>
      <div class="content">
        <form method="get" action="#">
          <div>
            <input type="text" id="textfield1" name="textfield1" value="" size="18" />
            <input type="submit" id="submit1" name="submit1" value="Go" />
          </div>
        </form>
      </div>
    </div>
    <div id="categories" class="boxed">
      <h2 class="heading">Categories</h2>
      <div class="content">
        <ul>
          <li class="first"><a href="#">Quisque vestibulum</a></li>
          <li><a href="#">Sed a nisl a lacus</a></li>
          <li><a href="#">Quisque sagittis</a></li>
          <li><a href="#">Etiam volutpat</a></li>
          <li><a href="#">In aliquet hendrerit</a></li>
          <li><a href="#">Suspendisse iaculis</a></li>
          <li><a href="#">Nam vel risus at</a></li>
          <li><a href="#">Praesent sit amet</a></li>
          <li><a href="#">Quisque vestibulum</a></li>
          <li><a href="#">In aliquet hendrerit</a></li>
          <li><a href="#">Suspendisse iaculis</a></li>
          <li><a href="#">Nam vel risus at</a></li>
          <li><a href="#">Praesent sit amet</a></li>
          <li><a href="#">Quisque vestibulum</a></li>
        </ul>
      </div>
    </div>
    <div id="blogroll" class="boxed">
      <h2 class="heading">Blogroll</h2>
      <div class="content">
        <ul>
          <li class="first"><a href="#">AnotherFriendlySite.net</a></li>
          <li><a href="#">CoolSite.com</a></li>
          <li><a href="#">MyBestFriend.com</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="footer">
    <p>Copyright &copy; 2006 Las Vegas. Designed by <a href="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a></p>
  </div>
</div>
</body>
</html>

   
    
    
    
  








Related examples in the same category

1.grid-system
2.grotesqueart
3.grunge-superstar-website-template
4.guarantee
5.guideline
6.gumamela
7.gunmetal
8.h-free-software
9.h2o-bubbles
10.halcyon
11.hanging
12.hapal
13.happy_template
14.hardwarestore
15.hawaiblomst
16.heatwave
17.HelloLand
18.hexahedron
19.hibiscus
20.hifinews
21.HigherGround11
22.highmountains
23.highway
24.highwaycss
25.hilaryduff
26.HomeOfProjects
27.honeythemes
28.hyper
29.i-feel-lucky
30.ibex
31.html
32.html5-alin1
33.html5-passion
34.hurt-hobain-1.0
35.idyllic
36.ifeellucky
37.ignition
38.ikonik
39.illogix
40.illuminated
41.illusion
42.ilounge
43.imagination
44.impeccable
45.implied
46.imprimis
47.improved
48.in-fantasy
49.inapickle
50.inception
51.indication
52.indicator
53.indigo
54.individual
55.inf04-css
56.inf05
57.inf07
58.inf08
59.infinitehorizon
60.inflight
61.informatif
62.innodemag
63.inscriptions
64.inspired by google forum
65.instant
66.integral
67.intelligent-studios
68.intensesimplicity
69.interactive-media
70.interactive-works
71.interchange
72.intercosmic
73.intercraft
74.interior-art
75.interlude
76.intermediate
77.internationalway
78.internet-encyclopedia
79.internet-phenomenon
80.internetbroadcast
81.internetcenter
82.internetmusic
83.internetsharing
84.Internet_Studio
85.invention
86.Inverted_Headline
87.invision
88.ionika
89.iqbiz
90.isometric
91.it-advance
92.it-technologies
93.itdesk
94.ithilien
95.iViolet2b
96.I_Like
97.JA
98.Jan002
99.Jazz Hut Template
100.jdf-boxing
101.jenniferlovehewitt
102.jetbiz
103.jet_30
104.Jewerly-Store
105.joker
106.judgement
107.junkbox
108.just-lucid
109.justgrey
110.Just_Lucid
111.kaleidos
112.kappebeans
113.katz-maus
114.keep_it_simple
115.keero
116.khaki
117.kim-fashion
118.kitchen
119.konnekt-media
120.KrazieKen
121.language-ofa-lover
122.lasvegastoo
123.layoftheland
124.lazybreeze
125.leafbiz
126.leafbrush
127.leanmagazine
128.leavesdew
129.leavesv1
130.lemonlimev2
131.leonardo
132.lepidoptera
133.lessantique
134.level2
135.librarypro
136.Light
137.lightspeed
138.limegreen
139.limelight
140.Limey
141.linear
142.lingerie-store
143.link-line
144.liquidity_graph
145.lithium
146.loadfoov2
147.loadhost
148.localize
149.locomotive
150.logistix
151.longbeach
152.loseout
153.lotusflower
154.lucent
155.lunaria-1
156.lusciouscandy
157.luvbold
158.mactall
159.mag
160.magazine
161.majestic
162.majesty
163.makemyday
164.marcelle
165.marked
166.Matrix
167.maxos
168.maxosdarker
169.mcube
170.meadows
171.media
172.Medieval
173.megacorporate
174.meganews
175.megazzine
176.memoranda
177.meretricious
178.Midddot
179.middle-blue
180.midnightrainforest
181.mighty
182.milestone
183.mimbo-magazine
184.minigallery
185.minimal