globalhouse : Business « Templates « HTML / CSS






globalhouse

    

<!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>
<title>GlobalHouse | About</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type='text/css'>
@charset "utf-8";
body {
  margin:0;
  padding:0;
  width:100%;
  color:#959595;
  font:normal 12px/1.8em Arial, Helvetica, sans-serif;
  background:#e6e6e6 url(globalhouse-images/main_bottom_bg.gif) repeat-x bottom;
}
html {
  padding:0;
  margin:0;
}
.main {
  padding:0;
  margin:0;
  background:url(globalhouse-images/main_top_bg.gif) repeat-x top;
}
.logo {
  height:96px;
  padding:0;
  margin:0 auto;
}
h1 {
  margin:0;
  padding:30px 0 0 20px;
  color:#636363;
  font:bold 38px/1.2em Arial, Helvetica, sans-serif;
  letter-spacing:-2px;
}
h1 a, h1 a:hover {
  color:#636363;
  text-decoration:none;
}
h1 span {
  color:#78bbe6;
}
h1 small {
  padding:0 10px;
  font:normal 12px/1.2em Arial, Helvetica, sans-serif;
  letter-spacing:normal;
}
h2 {
  font:normal 24px Arial, Helvetica, sans-serif;
  padding:8px 0;
  margin:0;
  color:#595959;
}
p {
  margin:8px 0;
  padding:0 0 8px 0;
  font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
p.spec {
}
a {
  color:#97c950;
  text-decoration:underline;
}
a.rm, a.com {
  padding:0;
  text-decoration:none;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
  margin:0;
  padding:0;
}
.main_resize {
  margin:0 auto;
  width:969px;
}
.header {
}
.header_resize {
  margin:0 auto;
  width:969px;
}
.hbg {
  padding:4px;
  margin:0 0 10px;
  background:#FFF;
  border:1px solid #c6c6c6;
}
.menu_nav {
  margin:0 0 10px;
  padding:4px;
  border:1px solid #c6c6c6;
  background:#FFF;
}
.menu_nav ul {
  list-style:none;
  margin:0;
  padding:0;
  background:url(globalhouse-images/menu_bg.gif) repeat-x;
  height:38px;
}
.menu_nav ul li {
  margin:0;
  padding:0 2px 0 0;
  float:left;
  background:url(globalhouse-images/menu_line.gif) no-repeat right;
}
.menu_nav ul li a {
  display:block;
  margin:0;
  padding:11px 25px;
  color:#878989;
  text-decoration:none;
  font-size:13px;
  line-height:16px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
  color:#fff;
  text-decoration:none;
  background:#78bbe6;
}
.content {
  padding:9px;
  background:url(globalhouse-images/content_border_bg.png);
  border:1px solid #a1a1a1;
}
.content_bg {
  padding:12px;
  background:#fff;
}
.mainbar {
  margin:0;
  padding:0;
  float:right;
  width:653px;
}
.mainbar img {
  padding:4px;
  border:1px solid #f2f2f1;
  background:#FFF;
}
.mainbar img.fl {
  margin:4px 16px 4px 0;
  float:left;
}
.mainbar .article {
  margin:0;
  padding:10px 15px 5px;
}
.mainbar .article a {
  color:#78bbe6;
}
.mainbar .post-data a {
  color:#595959;
}
.mainbar .spec a {
  padding:7px 15px;
  background:#78bbe6;
  color:#FFF;
}
.sidebar {
  padding:0;
  float:left;
  width:270px;
}
.sidebar .gadget {
  margin:0;
  padding:10px 15px;
}
ul.sb_menu, ul.ex_menu {
  margin:0;
  padding:0;
  color:#939393;
  list-style:none;
}
ul.sb_menu li, ul.ex_menu li {
  margin:0;
}
ul.sb_menu li {
  padding:2px 0 2px 15px;
}
ul.ex_menu li {
  padding:2px 0 2px 15px;
}
ul.sb_menu li a, ul.ex_menu li a {
  display:block;
  color:#959595;
  text-decoration:none;
  padding:5px;
  margin-left:-15px;
  padding-left:15px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
  color:#FFF;
  background:#78bbe6;
}
ul.sb_menu li a:hover {
  text-decoration:none;
}
ul.ex_menu li a:hover {
  text-decoration:none;
}
.content .mainbar .comment {
  margin:0;
  padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
  border:1px solid #dedede;
  margin:10px 16px 0 0;
  padding:0;
  float:left;
}
.fbg {
  padding:10px 0;
  background:#212121;
}
.fbg_resize {
  margin:0 auto;
  padding:0 32px;
  width:885px;
}
.fbg img {
  padding:4px;
  border:1px solid #cfd2d4;
  background-color:#fff;
}
.fbg p, .fbg h2 {
  color:#fbfbfb;
}
.fbg a {
  color:#78bbe6;
}
.fbg .col {
  margin:0;
  float:left;
  background:url(globalhouse-images/fbg_line.gif) repeat-y right;
}
.fbg .c1 {
  padding:0 15px 0 0;
  width:270px;
}
.fbg .c2 {
  padding:0 15px;
  width:295px;
}
.fbg .c3 {
  padding:0 0 0 15px;
  width:260px;
  background:none;
}
.fbg .c1 img {
  margin:8px 16px 8px 0;
}
.fbg .c3 img {
  margin:8px 16px 4px 0;
  float:left;
}
.footer {
}
.footer_resize {
  margin:0 auto;
  padding:20px 0;
  width:885px;
  color:#ffffff;
}
.footer p {
  margin:0;
  padding:4px 0;
  line-height:normal;
  color:#ffffff;
}
.footer a {
  color:#959595;
  padding:inherit;
  text-decoration:underline;
  color:#ffffff;
}
.footer a:hover {
  text-decoration:none;
}
.footer .lf {
  float:left;
}
.footer .rf {
  float:right;
}
ol {
  list-style:none;
}
ol li {
  display:block;
  clear:both;
}
ol li label {
  display:block;
  margin:0;
  padding:16px 0 0 0;
}
ol li input.text {
  width:480px;
  border:1px solid #c0c0c0;
  margin:2px 0;
  padding:5px 2px;
  height:16px;
  background:#fff;
}
ol li textarea {
  width:480px;
  border:1px solid #c0c0c0;
  margin:2px 0;
  padding:2px;
  background:#fff;
}
ol li .send {
  margin:16px 0 0 0;
}
.search span {
  width:235px;
  display:block;
  background:#FFF;
  height:29px;
  margin:0;
  padding:0;
  border:1px solid #e7e7e7;
}
.search input#s {
  float:left;
  width:185px;
  padding:7px 0 7px 10px;
  margin:0;
  border:0;
  background:none;
  color:#afaeae;
  font:normal 12px/15px Arial, Helvetica, sans-serif;
}
.search .btn {
  float:left;
  padding:0;
  margin:0;
  border:0;
  width:auto;
}
.pagenavi {
  clear:both;
  font:normal 11px Arial, Helvetica, sans-serif;
  margin:0 auto;
  text-align:right;
  padding:20px 15px;
}
.pagenavi a, .pagenavi .current {
  margin-left:3px;
  padding:3px 8px;
  text-decoration:none;
  color:#939393;
  background:#f9fbfc;
  border:1px solid #d9e3cb;
}
.pagenavi a:hover, .pagenavi .current {
  background:#78bbe6;
  color:#FFF;
}
.pagenavi .pages {
  float:left;
}
.fl {
  float:left;
}
.fr {
  float:right;
}
.clr {
  clear:both;
  padding:0;
  margin:0;
  width:100%;
  font-size:0;
  line-height:0;
}

</style>


<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/arial.js"></script>
<script type="text/javascript" src="js/cuf_run.js"></script>
</head>
<body>
<div class="main">
  <div class="main_resize">
    <div class="header">
      <div class="logo">
        <h1><a href="#"><span>Global</span>House<small>Simple web template</small></a></h1>
      </div>
    </div>
    <div class="content">
      <div class="content_bg">
        <div class="menu_nav">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="support.html">Support</a></li>
            <li class="active"><a href="about.html">About Us</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="contact.html">Contact Us</a></li>
          </ul>
        </div>
        <div class="hbg"><img src="globalhouse-images/header_images.jpg" width="915" height="286" alt="" /></div>
        <div class="mainbar">
          <div class="article">
            <h2><span>About to</span> Company Name</h2>
            <div class="clr"></div>
            <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.</strong></p>
            <p>Curabitur purus mi, pharetra vitae viverra et, mattis sit amet nunc. Quisque enim ipsum, convallis sit amet molestie in, placerat vel urna. Praesent congue auctor elit, nec pretium ipsum volutpat vitae. Vivamus eget ipsum sit amet ipsum tincidunt fermentum. Sed hendrerit neque ac erat condimentum vulputate. Nulla velit massa, dictum etinterdum quis, tempus at velit.</p>
          </div>
          <div class="article">
            <h2><span>Our</span> Mission</h2>
            <div class="clr"></div>
            <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget bibendum tellus. Nunc vel imperdiet tellus. Mauris ornare aliquam urna, accumsan bibendum eros auctor ac.</strong></p>
            <p>Maecenas vestibulum fermentum eleifend. Mauris erat sem, suscipit non tincidunt quis, vestibulum eget elit. Duis eget arcu ante. Proin nulla elit, elementum sit amet commodo et, eleifend vitae quam. Nam vel aliquam tortor. Aliquam bibendum erat a urna interdum quis mattis augue interdum. Phasellus fermentum bibendum mauris, ut semper justo pharetra vestibulum. Duis dictum purus sed nibh commodo a congue elit lobortis. Nunc sed feugiat tellus. Mauris aliquet lorem non enim euismod quis fermentum erat porta. Nullam non elit orci. Aliquam blandit mattis feugiat. Cras pulvinar aliquet massa, quis laoreet mi pulvinar ac. Aliquam mi augue, vehicula in consectetur in, porttitor sed tellus. Mauris convallis dapibus auctor. Integer in egestas lorem. In nulla dolor, sollicitudin vitae sollicitudin quis, viverra at lorem.</p>
            <p>Ut ullamcorper velit et nisi feugiat non sagittis tortor pharetra. Mauris ut urna et magna commodo cursus. Curabitur quis elementum arcu. Maecenas eleifend, urna vitae vehicula bibendum, felis tellus tincidunt lorem, at iaculis neque eros ac dui. Nunc malesuada pulvinar suscipit. Phasellus sed tortor quis ligula facilisis aliquam. Aliquam quis magna eu dolor posuere malesuada. Quisque consequat, metus fermentum convallis imperdiet, ante justo pharetra enim, vel commodo ipsum mauris eget purus. Morbi lacinia nisl urna, scelerisque suscipit lacus. Nulla ac orci ut nunc venenatis gravida.</p>
          </div>
        </div>
        <div class="sidebar">
          <div class="gadget">
            <div class="search">
              <form method="get" id="search" action="#">
                <span>
                <input type="text" value="Search..." name="s" id="s" />
                <input name="searchsubmit" type="image" src="globalhouse-images/search.gif" value="Go" id="searchsubmit" class="btn"  />
                </span>
              </form>
              <div class="clr"></div>
            </div>
          </div>
          <div class="gadget">
            <h2 class="star"><span>Sidebar</span> Menu</h2>
            <div class="clr"></div>
            <ul class="sb_menu">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#">TemplateInfo</a></li>
              <li><a href="#">Style Demo</a></li>
              <li><a href="#">Blog</a></li>
              <li><a href="#">Archives</a></li>
              <li><a href="#">Web Templates</a></li>
            </ul>
          </div>
          <div class="gadget">
            <h2 class="star"><span>Sponsors</span></h2>
            <div class="clr"></div>
            <ul class="ex_menu">
              <li><a href="http://www.dreamtemplate.com">DreamTemplate</a><br />
                Over 6,000+ Premium Web Templates</li>
              <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
                Premium WordPress &amp; Joomla Themes</li>
              <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
                Affordable Web Hosting Provider</li>
              <li><a href="http://www.myvectorstore.com">MyVectorStore</a><br />
                Royalty Free Stock Icons</li>
              <li><a href="http://www.evrsoft.com">Evrsoft</a><br />
                Website Builder Software &amp; Tools</li>
              <li><a href="http://www.csshub.com/">CSS Hub</a><br />
                Premium CSS Templates</li>
            </ul>
          </div>
        </div>
        <div class="clr"></div>
      </div>
      <div class="fbg">
        <div class="fbg_resize">
          <div class="col c1">
            <h2><span>Image Gallery</span></h2>
            <a href="#"><img src="globalhouse-images/pic_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="globalhouse-images/pic_2.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="globalhouse-images/pic_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="globalhouse-images/pic_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="globalhouse-images/pic_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="globalhouse-images/pic_6.jpg" width="58" height="58" alt="" /></a> </div>
          <div class="col c2">
            <h2><span>Lorem Ipsum</span></h2>
            <p>Lorem ipsum dolor<br />
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
          </div>
          <div class="col c3">
            <h2><span>About</span></h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. <a href="#">Learn more...</a></p>
          </div>
          <div class="clr"></div>
        </div>
      </div>
    </div>
    <div class="footer">
      <div class="footer_resize">
        <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
        <p class="rf">Layout by Rocket <a href="http://www.rocketwebsitetemplates.com/">Website Templates</a></p>
        <div class="clr"></div>
      </div>
    </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-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.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