pizzaparlor : Business « Templates « HTML / CSS

pizzaparlor

   

<!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">
<head>
<title>Pizza Parlor</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<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: #5D413A;
}

form {
  margin: 0;
  padding: 0;
}

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

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

a {
  color: #7C8634;
}

a:hover {
  text-decoration: none;
  color: #BD4F21;
}

/* Boxed */

.boxed {
  width: 198px;
  margin: 0 0 10px 0;
  padding: 0;
  background: #E0E3C9;
  border: 1px solid #939A3C;
}

.boxed .heading {
  margin: 4px;
  padding: 8px 10px;
  background: #98A24D url(pizzaparlor-images/img3.gif) no-repeat center bottom;
  border-top: 1px solid #737947;
  border-bottom: 1px solid #F4F5EC;
  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 #939A3C;
}

.boxed li.first {
  border: none;
}

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

/* Wrapper */

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

/* Header */

#header {
  float: left;
  width: 198px;
  height: 148px;
  background: url(pizzaparlor-images/img1.jpg);
  border: 1px solid #939A3C;
}

#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: #BD4F21;
}

/* Pages */

#pages {
  float: right;
  width: 566px;
  height: 148px;
  background: url(pizzaparlor-images/img2.jpg);
  border: 1px solid #939A3C;
}

#pages h2 {
  display: none;
}

#pages ul {
  margin: 0;
  padding: 63px 0 0 0;
  list-style: none;
  line-height: normal;
}

#pages li {
  display: inline;
}

#pages a {
  padding-left: 2em;
  text-decoration: none;
  font: bold 1.2em Georgia, "Times New Roman", Times, serif;
  color: #FFFFFF;
}

#pages a:hover {
  text-decoration: underline;
}

/* Content */

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

/* Posts */

#posts {
  float: right;
  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-right: 10px;
}

/* Search */

#search {
}

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

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

#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="http://www.free-css.com/">Pizza Parlor</a></h1>
    <h2><a href="http://www.free-css.com/">Free CSS Templates</a></h2>
  </div>
  <div id="pages">
    <h2>Pages</h2>
    <ul>
      <li class="active"><a id="page1" href="http://www.free-css.com/">Home</a></li>
      <li><a id="page2" href="http://www.free-css.com/">My Photos</a></li>
      <li><a id="page3" href="http://www.free-css.com/">My Favorites</a></li>
      <li><a id="page4" href="http://www.free-css.com/">About Me</a></li>
      <li><a id="page5" href="http://www.free-css.com/">Contact Me</a></li>
    </ul>
  </div>
  <div id="content">
    <div id="posts">
      <div class="post">
        <h2 class="title">Welcome to Pizza Parlor!</h2>
        <h3 class="posted">Posted on January 1th, 2007 by Author</h3>
        <div class="story">
          <p><em><strong>Pizza Parlor</strong></em> is a free template from <strong>Free CSS Templates</strong> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The  header photo is from PDPhoto.org. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
        </div>
        <div class="meta">
          <p>Filed under <a href="http://www.free-css.com/" class="category">Uncategorized</a> | <a href="http://www.free-css.com/" 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="http://www.free-css.com/">Nullam et orci in erat viverra ornare.</a></li>
            <li><a href="http://www.free-css.com/">Suspendisse quis gravida massa felis.</a></li>
            <li><a href="http://www.free-css.com/">Curabitur malesuada turpis nec ante.</a></li>
            <li><a href="http://www.free-css.com/">Suspendisse quis gravida massa felis.</a></li>
            <li><a href="http://www.free-css.com/">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="http://www.free-css.com/" class="category">Uncategorized</a> | <a href="http://www.free-css.com/" 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="http://www.free-css.com/">February</a> (7)</li>
          <li><a href="http://www.free-css.com/">January 2007</a> (31)</li>
          <li><a href="http://www.free-css.com/">December 2006</a> (31)</li>
          <li><a href="http://www.free-css.com/">November 2006</a> (30)</li>
          <li><a href="http://www.free-css.com/">October 2006</a> (31)</li>
          <li><a href="http://www.free-css.com/">September 2006</a> (30)</li>
          <li><a href="http://www.free-css.com/">August 2006</a> (31)</li>
          <li><a href="http://www.free-css.com/">July 2006</a> (31)</li>
          <li><a href="http://www.free-css.com/">June 2006</a> (30)</li>
          <li><a href="http://www.free-css.com/">May 2006</a> (31)</li>
          <li><a href="http://www.free-css.com/">April 2006</a> (30)</li>
          <li><a href="http://www.free-css.com/">March 2006</a> (31)</li>
          <li><a href="http://www.free-css.com/">February 2006</a> (28)</li>
          <li><a href="http://www.free-css.com/">January 2006</a> (31)</li>
          <li><a href="http://www.free-css.com/">December 2005</a> (31)</li>
          <li><a href="http://www.free-css.com/">November 2005</a> (30)</li>
          <li><a href="http://www.free-css.com/">October 2005</a> (31)</li>
          <li><a href="http://www.free-css.com/">September 2005</a> (30)</li>
          <li><a href="http://www.free-css.com/">August 2005</a> (31)</li>
          <li><a href="http://www.free-css.com/">July 2005</a> (31)</li>
          <li><a href="http://www.free-css.com/">June 2005</a> (30)</li>
          <li><a href="http://www.free-css.com/">May 2005</a> (31)</li>
          <li><a href="http://www.free-css.com/">April 2005</a> (30)</li>
          <li><a href="http://www.free-css.com/">March 2005</a> (31)</li>
          <li><a href="http://www.free-css.com/">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="http://www.free-css.com/">
          <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="http://www.free-css.com/">Quisque vestibulum</a></li>
          <li><a href="http://www.free-css.com/">Sed a nisl a lacus</a></li>
          <li><a href="http://www.free-css.com/">Quisque sagittis</a></li>
          <li><a href="http://www.free-css.com/">Etiam volutpat</a></li>
          <li><a href="http://www.free-css.com/">In aliquet hendrerit</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis</a></li>
          <li><a href="http://www.free-css.com/">Nam vel risus at</a></li>
          <li><a href="http://www.free-css.com/">Praesent sit amet</a></li>
          <li><a href="http://www.free-css.com/">Quisque vestibulum</a></li>
          <li><a href="http://www.free-css.com/">In aliquet hendrerit</a></li>
          <li><a href="http://www.free-css.com/">Suspendisse iaculis</a></li>
          <li><a href="http://www.free-css.com/">Nam vel risus at</a></li>
          <li><a href="http://www.free-css.com/">Praesent sit amet</a></li>
          <li><a href="http://www.free-css.com/">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="http://www.free-css.com/">AnotherFriendlySite.net</a></li>
          <li><a href="http://www.free-css.com/">CoolSite.com</a></li>
          <li><a href="http://www.free-css.com/">MyBestFriend.com</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="footer">
    <p>Copyright &copy; 2006 Pizza Parlor. 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.	metamorph_disco
2.	businesdesign2007
3.	businesportal
4.	business template
5.	business web design
6.	business web template 38
7.	business-1
8.	business-2
9.	business-box
10.	business-center
11.	business-co
12.	business-company
13.	business-consultants
14.	Business-Design
15.	business-elegance
16.	business-llc
17.	business-online
18.	business-solution
19.	business-strategy
20.	business-time
21.	business-way
22.	business-world
23.	businessblog
24.	businessdesign
25.	businesshighway
26.	businesslike
27.	BusinessName
28.	BusinessSolution
29.	businesssolutions01
30.	businesstheme
31.	businessweb
32.	Business_Elegance
33.	business_events
34.	business_maritime
35.	busineswebdesign
36.	CarCar
37.	car-club
38.	car-dealer
39.	cars-website
40.	bloodybusiness
41.	Bloody_Business
42.	biz-company
43.	biz-solution
44.	biz-watch
45.	bizbox
46.	bizgroup
47.	metamorph_autosalon
48.	metamorph_business
49.	metamorph_casino
50.	alouette-agency
51.	advertising
52.	financial-services
53.	financial-website
54.	five-star-hotel
55.	metamorph_advice
56.	bloom
57.	blooming
58.	clubcard
59.	clubhouse
60.	bed-and-breakfast
61.	construction-company
62.	construction-group
63.	constructional-company
64.	consulting-services
65.	Consulting
66.	corporate-2.0
67.	corporate-blue
68.	corporate
69.	CorporateBlack
70.	corporateblue
71.	CorporateBlue2
72.	corporategreen
73.	CorporateGrey
74.	corporateluxe
75.	corporateprofiles
76.	CorporateRedGrey
77.	Corporate_Design
78.	corporation-ltd
79.	design-company
80.	metamorph_shopping
81.	metamorph_spasaloon
82.	metamorph_restaurant
83.	metamorph_photostudio
84.	abc-company
85.	ad-agency
86.	foo_shooting_club
87.	firming
88.	financialco
89.	abstract-studio
90.	carpet-cleaning
91.	architect-company
92.	architect-group
93.	architect
94.	architectural-company
95.	architectural-group
96.	architecture-bureau
97.	architecture
98.	computer-business
99.	computer-store
100.	djclub
101.	dally_studio
102.	future-business
103.	global-business
104.	global-hosting
105.	global
106.	globalhouse
107.	globalpress
108.	enterprise
109.	corpplus
110.	corpwire-magazine
111.	funkycorporate
112.	simply_business
113.	Small_Corporation
114.	your-business
115.	voip-company
116.	economics
117.	educational-site
118.	ec-mania
119.	furniture-collections
120.	mobileshop
121.	political-party
122.	pizza-factory
123.	plainoffice
124.	plantshop
125.	play-school
126.	office
127.	online-casino
128.	online-radio
129.	online_education
130.	outsource-inc
131.	software-co
132.	software-company
133.	simplyBusiness
134.	smallstudio
135.	small-corporation
136.	rainbow_consultant
137.	Professional
138.	professional-web2
139.	premium-business
140.	premiumtemplateshop
141.	radio-station
142.	real-estate-agency
143.	real-estate-co
144.	real-estate
145.	realestate-company
146.	realestate
147.	sample-resume
148.	sample_business_site
149.	resume
150.	shop-around
151.	shop-online
152.	social-community-management
153.	workshyfop
154.	workspacer
155.	whirlpool
156.	WebStore
157.	weblogo
158.	strategicbusinessdesigns
159.	thebluecompany
160.	thebookstore
161.	TheCorporation
162.	total_management
163.	thepinkcompany
164.	theme-marketplace
165.	transportcompany
166.	internetmarket
167.	internetjobs
168.	market-leader
169.	Market
170.	marketing-company
171.	lawyer-and-attorney
172.	lawyer-marketing
173.	Job-Portal
174.	happy-print-shop
175.	health-care
176.	inbusiness
177.	industrial-company
178.	industrial-construction
179.	industrial
180.	industry
181.	internethosting
182.	internetservices
183.	luxury-hotel
184.	luxury-restaurant
185.	military-school
186.	headquarters
187.	hosting-co
188.	incorporated
189.	interior-design
190.	internetcorporation
191.	internetmanagement
192.	internet-studio
193.	TWO COLUMN CSS BUSINESS WEBSITE TEMPLATE
194.	Business template 2