architecture-bureau : Business « Templates « HTML / CSS






architecture-bureau

     

<!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>Architecture</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type='text/css'>
html, body, h1, h2, h3, h4, ul, li {
  margin: 0;
  padding: 0;
}
h1 img {
  display: block;
}
img {
  border: 0;
}
a {
  color: #464544;
}
a:hover {
  color: #FFA405;
}
.left {
  float: left;
}
.right {
  float: right;
}
.more {
  text-align: right;
}
.clear {
  clear: both;
}

body {
  background: #E0D5B7 url(architecture-bureau-images/page_bg.jpg) repeat-x;
  text-align: center;
  font: 11px verdana, arial, sans-serif;
  color: #74653D;
  padding-bottom: 10px;
  padding-top: 31px;
}

/** layout **/
#wrapper {
  text-align: left;
  margin: auto;
  width: 778px;
  position: relative;
  background: url(architecture-bureau-images/body_bg.gif) repeat-y;
}

#header {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 279px;
  background: url(architecture-bureau-images/header_2.jpg) no-repeat;
}
#left {
  float: left;
  width: 243px;
}
#logo {
  width: 244px;
  height: 152px;
  background: url(architecture-bureau-images/header_1.jpg) no-repeat;
  text-align: center;
  color: #595959;
}
#logo h1 {
  padding-top: 30px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 8px 25px 4px 25px;
  border-top: 1px solid #B8B8B8;
  border-bottom: 1px solid #B8B8B8;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#nav {
  background: url(architecture-bureau-images/nav_left.jpg) no-repeat;
}
#nav ul {
  margin-left: 9px;
  padding-left: 1px;
  padding-bottom: 29px;
  background: #2A2A2A bottom left url(architecture-bureau-images/nav_bot.jpg) no-repeat;
}
#nav li {
  list-style: none;
  font: 14px "arial narrow", arial, sans-serif;
  border-top: 1px solid #959595;
  background: 188px 10px url(architecture-bureau-images/arr_white.gif) no-repeat;
  padding: 7px 0 0 31px;
}
#nav a {
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #959595;
  padding-left: 10px;
  display: block;
  width: 90%;
  padding: 2px 0 6px 8px;
}
#nav a:hover {
  text-decoration: underline;
}
#nav .important {
  border: none;
  background: 188px 10px url(architecture-bureau-images/arr_orange.gif) no-repeat;
}
#nav .important a {
  color: #E9C379;
}

#news {
  background: url(architecture-bureau-images/news_bg.jpg) repeat-y;
  padding-left: 37px;
  padding-right: 22px;
  padding-bottom: 3px;
  text-align: justify;
}
#news h2 {
  font-size: 12px;
  color: #BE8B06;
}
#news h3, #news p {
  font-size: 11px;
  margin: 1em 8px 1em 0;
}
#news a {
  color: #74653D;
  font-weight: bold;
  text-decoration: underline;
}
#news a:hover {
  color: #38301A;
}
#news .more {
  font-size: 9px;
}
#news .hr-dots {
  background: center url(architecture-bureau-images/dots.gif) repeat-x;
  height: 10px;
}

#support {
  background: url(architecture-bureau-images/support.jpg) no-repeat;
  padding: 1px;
  height: 97px;
  color: #1A1A18;
}
#support p {
  margin: 0.7em 2.6em;
}

#right {
  float: right;
  width: 490px;
  padding-right: 9px;
  padding-top: 301px;
}
#right h2 {
  font: 18px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
}
#right h3 {
  font: 14px arial, sans-serif;
  color: #BE8B06;
  border-bottom: 1px solid #C4AE7C;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
}
#welcome {
  margin-right: 20px;
}
#profile {
  margin-right: 16px;
}
#right .left {
  margin-right: 18px;
}
#right .more {
  font-weight: bold;
  font-size: 10px;
}

#corp, #indu {
  float: left;
  width: 49%;
}
#corp {
  margin-right: 1%;
}
#corp-img, #indu-img {
  background: url(architecture-bureau-images/pic_2.jpg) no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 9px;
  font-weight: bold;
}
#indu-img {
  background: url(architecture-bureau-images/pic_3.jpg) no-repeat;
}
#spacer {
  height: 2em;
}

#footer {
  background: url(architecture-bureau-images/footer_bg.gif) repeat-y;
}
#copyright {
  text-align: center;
  padding: 22px 0px 30px 00px;
  font-size: 9px;
  color: #715F36;
  font-weight: bold;
}
#footerline{
  background: url(architecture-bureau-images/footerline.gif) no-repeat;
  height:10px;
  margin-top:0px;
  display:block;
  font-size:1px;
}

</style>


</head>
<body>
<div id="wrapper">
  <div id="header"> </div>
  <div id="left">
    <div id="logo">
      <h1>Architecture Bureau</h1>
      <p>It's all possible</p>
    </div>
    <div id="nav">
      <ul>
        <li class="important"><a href="http://www.free-css.com/">Home</a></li>
        <li><a href="http://www.free-css.com/">Recent Projects</a></li>
        <li><a href="http://www.free-css.com/">Services</a></li>
        <li><a href="http://www.free-css.com/">Clients</a></li>
        <li><a href="http://www.free-css.com/">Solutions</a></li>
        <li><a href="http://www.free-css.com/">Contact us</a></li>
      </ul>
    </div>
    <div id="news">
      <h2>Latest News</h2>
      <h3>02/03/07</h3>
      <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
      <div class="hr-dots"> </div>
      <h3>01/03/07</h3>
      <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 class="more"><a href="http://www.free-css.com/">more</a></p>
    </div>
    <div id="support">
      <p>Call: +3265-9856-789</p>
    </div>
  </div>
  <div id="right">
    <h2>Welcome to Our Site!</h2>
    <div id="welcome"> <img src="architecture-bureau-images/pic_1.jpg" width="171" height="137" alt="Pic 1" class="left" />
      <p>Don't forget to check <a href="http://www.free-css.com/">free website templates</a> every day, because we add a new free website template almost daily.</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.</p>
      <p>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/">more</a></p>
    </div>
    <h3>Company Profile</h3>
    <div id="profile">
      <div id="corp">
        <div id="corp-img"> Corporate Building </div>
        <p>If you're having problems editing the template please don't hesitate to ask for help on <a href="http://www.free-css.com/">the forum</a>.</p>
      </div>
      <div id="indu">
        <div id="indu-img"> Industrial </div>
        <p>This is a template designed by free website templates for you for free you can replace all the text by your own text.</p>
      </div>
      <div class="clear"> </div>
      <p class="more"><a href="http://www.free-css.com/">View Details</a></p>
    </div>
  </div>
  <div class="clear"> </div>
  <div id="spacer"> </div>
  <div id="footer">
    <div id="copyright"> Copyright &copy; 2007 Company Name All right reserved | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
    <div id="footerline"></div>
  </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
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