architecture : Business « Templates « HTML / CSS

HTML / CSS » Templates » Business 
architecture
     

<!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" xml:lang="en" lang="en">
<head>
<title>Architectural Company</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type='text/css'>
html, body, ul, li, h1, h2, h3, h4 {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #544e38;
}
img {
  border: 0px;
}
{
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
.left {
  float: left;
}
.right {
  float: right;
}
.more {
  text-align: right;
}
.clear {
  clear: both;
}

body {
  background: white;
  text-align: center;
  font: 11px verdana, arial, sans-serif;
}
#wrapper {
  text-align: left;
  margin: auto;
  width: 728px;
}

#body {
  background: url(architecture-images/body_bg.gifrepeat-y;
  color: white;
  width: 100%;
}
#body-top {
  background: top left url(architecture-images/body_top.gifno-repeat;
  position: relative;
}
#body-bot {
  background: bottom left url(architecture-images/body_bot.gifno-repeat;
  padding-bottom: 17px;
}
#body-top-{
  position: absolute;
  top: 12px;
  left: 251px;
  width: 463px;
  height: 11px;
  background: top left url(architecture-images/body_top_2.gifno-repeat;
}

#wrapper {
  position: relative;
  padding-top: 68px;
}
h1 {
  position: absolute;
  top: 36px;
  left: 13px;
  font-size:26px;
  color:#3f3c2d;
  font-variant: small-caps;
  font-family: Arial, Helvetica, sans-serif;
}
#nav {
  position: absolute;
  top: 43px;
  left: 256px;
  
}
#nav  a {
  background-image:url(architecture-images/menu.gif);
  width:90px;
  height:19px;
  display:inline;
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-align:center;
  padding-top:6px;
  text-decoration:none;
  color:#e9e4d0;
  font-weight:bolder;
}
#nav  a:hover {
  color:#544e38;
}

#body-bot {
  padding-top: 12px;
}
#welcome {
  float: left;
  width: 231px;
  padding-left: 13px;
  
}
#welcome a {
  color: #F2F7F8;
}
#welcome a:hover {
  color: #CFCCBF;
}
#welcome h2 {
  text-align: center;
  margin: 11px;
  color:#ceb085;
  font-size:24px;
}
#welcome p {
  margin: 0px 19px;
}
#welcome .more {
  margin-top: 18px;
  margin-bottom: 10px;
}

#content {
  float: right;
  width: 418px;
  padding-right: 34px;
  padding-top: 23px;
  color: #686454;
}
#content .left {
  margin-right: 10px;
}
#content a {
  color: #5A5644;
}
#content a:hover {
  color: #26241A;
}

#intro {
  margin: 12px;
}

.fineline {
  border-bottom: 1px solid #D3CAA9;
  margin-bottom: 12px;
}

.fineline-flat {
  border-bottom: 1px solid #D3CAA9;
}

.fineborder {
  border: 1px solid #D3CAA9;
  padding: 2px;
  width: 186px;
  margin-bottom: 12px;
}

.bar-lit {
  padding-left: 6px;
  background: 0px 4px url(architecture-images/bar_lit.gifno-repeat;
}
.bar-drk {
  padding-left: 6px;
  background: 0px 4px url(architecture-images/bar_drk.gifno-repeat;
}

#picbar {
  background: #A3A189;
  width: 415px;
  margin: 2px 0 19px 0;
}

#arr-left, #arr-right  {
  float: left;
  width: 15px;
}

.picbox {
  float: left;
  width: 117px;
  padding: 2px;
  border: 1px solid #8B846A;
  margin: 5px 0px 5px 4px;
}

#picbar img {
  display: block;
}

#arr-right {
  margin-left: 4px;
}

#planer {
  float: left;
  width: 186px;
  border-right: 1px solid #D3CAA9;
  padding-right: 20px;
  padding-top: 5px;
}
#stories {
  float: right;
  width: 195px;
  padding-top: 5px;
}

#planer p, #stories p {
  margin: 4px 0px;
}

#planer .more, #stories .more {
  margin: 12px 0px;
}

.clear-flat {
  margin-bottom: 4px;
}


#footer {
  font: 11px arial, sans-serif;
  color: #4E4A3A;
  text-align: right;
  padding-right: 47px;
}
#footer p {
  margin-top: 0.5em;
}

</style>


</head>
<body>
<div id="wrapper">
  <h1>Architecture</h1>
  <div id="nav"> <a href="http://www.free-css.com/">About Us</a> <a href="http://www.free-css.com/">Services</a> <a href="http://www.free-css.com/">Solutions</a> <a href="http://www.free-css.com/">Projects</a> <a href="http://www.free-css.com/">Contact Us</a> </div>
  <div id="body">
    <div id="body-top">
      <div id="body-top-2"></div>
      <div id="body-bot">
        <div id="welcome"> <img src="architecture-images/pic_1.jpg" width="231" height="301" alt="" />
          <h2>Welcome</h2>
          <p>Don't forget to check <a href="http://www.free-css.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 class="more"><a href="http://www.free-css.com/" class="bar-drk">more</a></p>
        </div>
        <div id="content"> <img src="architecture-images/pic_2.jpg" width="109" height="108" alt="" class="left" />
          <h2>About Our Company</h2>
          <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 class="more" id="intro"><a href="http://www.free-css.com/" class="bar-lit">more</a></p>
          <div class="fineline"></div>
          <h2>Latest Projects</h2>
          <div id="picbar">
            <div id="arr-left"> <a href="http://www.free-css.com/"><img src="architecture-images/arr_left.gif" width="15" height="90" alt="" /></a> </div>
            <div class="picbox"> <a href="http://www.free-css.com/"><img src="architecture-images/pic_3.jpg" width="117" height="74" alt="" /></a> </div>
            <div class="picbox"> <a href="http://www.free-css.com/"><img src="architecture-images/pic_4.jpg" width="117" height="74" alt="" /></a> </div>
            <div class="picbox"> <a href="http://www.free-css.com/"><img src="architecture-images/pic_5.jpg" width="117" height="74" alt="" /></a> </div>
            <div id="arr-right"> <a href="http://www.free-css.com/"><img src="architecture-images/arr_right.gif" width="15" height="90" alt="" /></a> </div>
            <div class="clear"></div>
          </div>
          <div class="fineline-flat"></div>
          <div id="planer">
            <h2>Architects &amp; Planners</h2>
            <div class="fineborder"><img src="architecture-images/pic_6.jpg" width="186" height="79" alt="" /></div>
            <p>Even more websites all about website templates on <a href="http://www.free-css.com/">Just Web Templates</a>.</p>
            <p class="more"><a href="http://www.free-css.com/" class="bar-lit">more</a></p>
          </div>
          <div id="stories">
            <h2>Success Stories</h2>
            <div class="fineborder"><img src="architecture-images/pic_7.jpg" width="186" height="79" alt="" /></div>
            <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
            <p class="more"><a href="http://www.free-css.com/" class="bar-lit">more</a></p>
          </div>
          <div class="clear-flat"></div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <div id="footer">
    <p>Copyright statement goes here. 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_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.computer-business
98.computer-store
99.djclub
100.dally_studio
101.future-business
102.global-business
103.global-hosting
104.global
105.globalhouse
106.globalpress
107.enterprise
108.corpplus
109.corpwire-magazine
110.funkycorporate
111.simply_business
112.Small_Corporation
113.your-business
114.voip-company
115.economics
116.educational-site
117.ec-mania
118.furniture-collections
119.mobileshop
120.political-party
121.pizza-factory
122.pizzaparlor
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
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.