office-plants : Design 6 « Templates « HTML / CSS

office-plants
   

<!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>Office Plants</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body{
  margin:auto;
  padding:0px;
  background:#6C6C6C;
  font:12px Georgia,Times New Roman, Times, serif,arial;
  color:#E7F4EE;
}
p{
  margin:0px;
  padding:0px;
}
img{
  border:0px;
}
.flt{
  float:left;
}
.fld{
  float:left;
  display:inline;
}
  /* Top Panel Starts Here */
#main_div{
  margin:auto;
  width:100%;
  
}
#main_div_inner{
  margin:auto;
  width:1004px;
}
#tp_bg{
  background:url(office-plants-images/tp_bg.jpg);
  width:1004px;
  height:254px;
}
#tp_bg a{
  color:#F0E784;
  text-decoration:none;
}
#tp_bg img{
  float:left; margin:20px 100px 0px 259px;
}
.tp_smenu{
  margin:66px 0px 0px 80px; width:145px;
}
.tp_smenu span{
  float:right; text-align:right; font:bold 14px/31px Georgia, Times New Roman, Times, serif,arial; font-style:italic;
}
.tp_smenu b{
  color:#fff;
}
.tp_logo{
  width:225px; text-align:right; margin:130px 0px 0px 48px; float:left; display:inline;
}
.tp_logo span{
   font:bold 33px/33px Georgia, Times New Roman,arail, Times, serif; font-style:italic; 
}
.tp_logo u{
   color:#C3C0BD; font:bold 15px Georgia, Times New Roman,arail, Times, serif; float:right;text-decoration:none;
}
.tp_logo b{
  color:#084169;
}
  /* Left Panel */
#lp_bg{
  float:left; display:inline; background:#1F608E url(office-plants-images/lp_bg.jpg) repeat-x; width:313px; border-right:2px solid #fff;
}
.lp_txt{
 width:240px; margin:10px 0px 0px 55px; font:12px/15px Georgia, Times New Roman, Times, serif; color:#CCCCCC;
}
.lp_abt{
  margin:27px 0px 0px 43px;
}
.lp_bull2{
  margin:27px 0px 0px 43px;
}
.lp_bull2 span{
  color:#CCCCCC; font:bold 19px Georgia, Times New Roman,arail, Times, serif; font-style:italic; float:left; margin:-10px 0px 0px 10px; position:relative;
}
.lp_abt span{
  color:#CCCCCC; font:bold 19px Georgia, Times New Roman,arail, Times, serif; font-style:italic; float:left; margin:-10px 0px 0px 10px; position:relative;
}
  /* Center Panel */
#center_div{
  float:left; display:inline; border-bottom:2px solid #fff; background:url(office-plants-images/cp_main_bg.jpg) repeat-y; margin:auto; width:1004px;
}
.cp_news{
  margin:20px 0px 0px 22px;
}
.cp_news span{
  color:#CCCCCC; font:bold 19px Georgia, Times New Roman,arail, Times, serif; font-style:italic; float:left; margin:-10px 0px 0px 10px; position:relative;
}
.cp_bg1{
  background:#CC6633 url(office-plants-images/cp_bg.jpg) repeat-x; width:228px; border-right:2px solid #fff;
}
.cp_dat{
  width:184px; margin:6px 0px 0px 34px; color:#fff;
}
.cp_getbg{
  background:url(office-plants-images/cp_img2.jpg); width:228px; height:275px;
}
.cp_getbg span{
  font:17px/20px Georgia, Times New Roman, Times, serif; margin:30px 0px 0px 7px; color:#3F0A0A;
}
.cp_getbg b{
  color:#DE225B; font-size:25px;
}
  /* Right Panel */
#rp_bg{
  background:#237F54 url(office-plants-images/rp_bg.jpg) repeat-x; color:#E5F1EC; width:459px; float:left; display:inline;
}
.rp_bg1{
  background:url(office-plants-images/rp_bot_bg.jpg) bottom right no-repeat; padding-bottom:45px; color:#E5F1EC; width:459px;
}
.rp_offtxt{
  border-bottom:1px dotted #fff; width:459px; padding-bottom:20px;
}
.rp_offtxt1{
  width:388px; margin:12px 0px 0px 44px;
}
.rp_bulbg{
  width:204px; line-height:20px; margin:21px 0px 0px 48px;
}
.rp_bulbg img{
  float:left;margin:8px 12px 0px 0px;
}
.rp_bulbg a{
  color:#D7EDE3;
}
.rp_bulbg1{
  width:204px; line-height:20px; margin:21px 0px 0px 0px;
}
.rp_bulbg1 img{
  float:left;margin:8px 12px 0px 0px;
}
.rp_bulbg1 a{
  color:#D7EDE3;
}
.rp_prof{
  margin:15px 0px 0px 40px; width:210px;font:bold 21px Georgia, Times New Roman, Times, serif; font-style:italic;
}
.rp_port{
  margin:24px 0px 0px 24px;
}
.rp_port span{
   font:bold 19px Georgia, Times New Roman,arail, Times, serif; font-style:italic; float:left; margin:-10px 0px 0px 10px; position:relative;
    color:#E5F1EC;
}
   /* Footer */
#fp_bg{
  float:left; line-height:25px; color:#D9D9D9; padding:15px 0px 15px 0px; display:inline; background:#6D6D6D url(office-plants-images/fp_bg.jpg) repeat-x; width:1004px; text-align:center;
}
#fp_bg img{
  margin:0px 13px 0px 13px;
}
#fp_bg span{
  font-size:11px;
}
#fp_bg a{
  text-decoration:none;
  color:#D9D9D9;
}


</style>


</head>
<body>
<div id="main_div">
  <div id="main_div_inner">
    <!--Top Panel Starts Here -->
    <div id="tp_bg">
      <p class="tp_logo"> <span><b>Office</b><b style="color:#CF4705;">Plants</b></span> <u>Company Slogan</u> </p>
      <img src="office-plants-images/tp_map.gif" alt="" width="176" height="11" border="0" usemap="#Map"  />
      <p class="fld tp_smenu"> <span> <a href="http://www.free-css.com/">Our Services</a><br />
        <a href="http://www.free-css.com/">Living Plants</a><br />
        <a href="http://www.free-css.com/">Selection</a><br />
        <a href="http://www.free-css.com/"> Special Offer <b>2008</b></a><br />
        <a href="http://www.free-css.com/">Contact Us</a> </span> </p>
    </div>
    <!--Top Panel Ends Here -->
    <!--Center Panel Starts Here -->
    <div id="center_div">
      <div id="lp_bg">
        <p class="fld lp_abt"> <img src="office-plants-images/lp_bull.gif" width="7" height="7" alt="" style="float:left;" /> <span>about us</span> </p>
        <p class="fld lp_txt"> Serving business community,Office Plants specializes in designing interiorscapes for office buildings, banks, showrooms, atriums, hotels, schools. Every client receives beautiful in decorative containers<br />
          <br />
          Take A Look At Our Work Atriums, Local Offices, Showrooms, Lending Institutions, Restaurant &amp; Cafes, At Office Plants, we have made interiorscaping, convenient. By leasing from us, there will never be costs, installation fees or othercharges. As our customer, you will never need to buy or maintain another plant again you lease with office Plants.<br />
          <br />
          <img src="office-plants-images/lp_img.jpg" width="231" height="155" alt="" /> </p>
        <p class="fld lp_bull2"> <img src="office-plants-images/lp_bul2.gif" width="7" height="7" alt="" style="float:left;" /> <span style="color:#fff;">living plants</span> </p>
        <p class="fld lp_txt"> Serving business community, Office Plants specializes in designing interiorscapes for office buildings, banks, showrooms, atriums, hotels, schools. Every client receives beautiful in decorative containers.<br />
          <br />
          Business community, for Office Plants specializes in designing interiorscapes for office buildings, banks, showrooms, atriums, hotels, schools. Every client receives beautiful in decorative containers Serving community, Office Plants specializes buildings, banks, showrooms, atriums, hotels, schools. Every client receives beautiful in decorative .<br />
          <br />
          <a href="http://www.free-css.com/" style="color:#cccccc;">read more</a> </p>
      </div>
      <!--Left Panel Starts Here -->
      <!--Content Panel Starts Here -->
      <div class="fld cp_bg1"> <img src="office-plants-images/cp_img1.jpg" width="228" height="204" alt="" style="float:left;" />
        <p class="fld cp_news"> <img src="office-plants-images/cp_bul.jpg" width="7" height="7" alt="" style="float:left;" /> <span style="color:#330000;">news &amp; events</span> </p>
        <p class="fld cp_dat"> <u>12-10-2007</u><br />
          Let us turn your stressful environment into a tranquil setting with plants.<br />
          <br />
          <u>04-11-2007</u><br />
          Trees and blooming plants will create and and more.<br />
          <br />
          <u>11-01-2008</u><br />
          impressive entrance for your clients and a relaxing area for your employees. <br />
          <br />
          <u>04-02-2008</u><br />
          Let us turn that empty into a company oasis! trees and blooming plants will create.<br />
          <br />
          <a href="http://www.free-css.com/"><img src="office-plants-images/cp_but.jpg" width="86" height="20" alt="" /></a><br />
          <br />
        </p>
        <span class="flt cp_getbg"> <span class="flt"> Get a Quote<br />
        <b>Call Today</b><br />
        092 - 343- 2450 </span> </span> </div>
      <!--Content Panel Starts Here -->
      <!--Right Panel Starts Here -->
      <div id="rp_bg">
        <div class="fld rp_bg1">
          <p class="fld rp_port"> <img src="office-plants-images/rp_bull.gif" width="7" height="7" alt="" style="float:left;" /> <span>our portfolio</span> </p>
          <p class="fld rp_offtxt"> <span class="flt rp_offtxt1"> Office Plants only provides long-term plant leasing. With our full-service lease program, you are guaranteed no start-up costs, no plants or containers to buy. Our affordable monthly service fee includes the plants, decorative containers, regular watering, trimming, cleaning, fertilization, disease control and free replacement of all natural plant failures. With a lease, our clients enjoy the warm ambiance plants provide without the upkeep. <br />
            <br />
            What Our Service Provides for One Low Monthly Fee: </span> <span class="flt rp_bulbg"> <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Plant Installation</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Top Quality Appearance</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Waterproof Decorative</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Watering as needed</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Plant Containers</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Fertilization</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Insect Control</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Trimming and Cleaning</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Replacement of Plant</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Failures and Overgrowth</a><br />
            </span> <span class="flt rp_bulbg1"> <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Installation of Office</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Waterproof Decorative</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Replacement of Plant</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Top Quality Plants</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Plant Containers</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Insect Control</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Trimming and Cleaning</a><br />
            <img src="office-plants-images/rp_bul1.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Replacement of Plant</a><br />
            </span> </p>
          <p class="fld rp_port"> <img src="office-plants-images/rp_bull.gif" width="7" height="7" alt="" style="float:left;" /> <span>plant care tips</span> </p>
          <span class="flt" style="width:388px; margin:12px 0px 0px 44px;"> Office Plants only provides long-term plant leasing. With our full-service lease program, you are guaranteed no start-up costs, no plants or containers to buy.<br />
          <br />
          Our affordable monthly service fee includes the plants, decorative containers, regular watering, trimming, cleaning, fertilization, disease control and free replacement of all natural plant failures. With a lease, our clients enjoy the warm ambiance plants provide without the upkeep.<br />
          <a href="http://www.free-css.com/" style="color:#F1E970;">read more</a> </span> <span class="flt rp_prof"> Professional Office Plant and others exculsive services of maintainace <br />
          all over the destination. </span> </div>
      </div>
      <!--Right Panel Ends Here -->
    </div>
    <!--Center Panel Ends Here -->
    <!--Footer Panel Ends Here -->
    <div id="fp_bg"> <img src="office-plants-images/fp_bul.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Our Services</a> <img src="office-plants-images/fp_bul.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Living Plants</a> <img src="office-plants-images/fp_bul.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Selection</a> <img src="office-plants-images/fp_bul.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Special Offer 2008</a> <img src="office-plants-images/fp_bul.gif" width="5" height="5" alt="" /><a href="http://www.free-css.com/">Contact us</a><br />
      <span>2008 &copy; Copyrights. All rights reserved. <a href="http://www.buytemplates.net" class="fo_c"><u>Css/Xhmtl template</u></a> designed by buytemplates.net</span> </div>
    <!--Footer Panel Ends Here -->
  </div>
</div>
<map name="Map" id="Map">
  <area shape="rect" coords="0,-2,43,11" href="http://www.free-css.com/" alt="" />
  <area shape="rect" coords="56,0,113,10" href="http://www.free-css.com/" alt="" />
  <area shape="rect" coords="124,-1,175,13" href="http://www.free-css.com/" alt="" />
</map>
</body>
</html>
Related examples in the same category

1.	newave
2.	newdarkside
3.	newday
4.	newera
5.	newfangled
6.	newgreeny
7.	newgreys
8.	newhorizon
9.	news portal
10.	news-print
11.	newsbeat
12.	newsflash
13.	newsportal
14.	newsroll
15.	newstheme
16.	newwave-business-inc
17.	new_rise
18.	NiceSite
19.	nimbuslike
20.	nixed
21.	noimages
22.	noname1
23.	nonzero
24.	nothingfanzy
25.	nourish
26.	nowhere
27.	NuahSwirl
28.	nullbullum
29.	numerology
30.	o-no-typography
31.	obsess
32.	obsession
33.	obtanium
34.	offlimits
35.	offrecord
36.	oheon_com_110100021
37.	ohgreenworld
38.	Okeanos
39.	old-wall
40.	oldarchitecture
41.	Olive
42.	one-penny
43.	one_two_three
44.	online-edu
45.	onlinemoviestore
46.	oodles
47.	openyourwindows
48.	opposed
49.	optimal-touch
50.	orchidaceae
51.	ordinaire
52.	ormeggiare
53.	ornamental
54.	ornate
55.	OrngBlu
56.	oswd_blozilla
57.	our-work
58.	ourhouse
59.	outdoorv1.0
60.	outliers
61.	outoftheblue
62.	outtabox
63.	oxidation
64.	package
65.	paddy-harvest
66.	pagedrape
67.	paivi-k
68.	paleforest
69.	palmtrees
70.	pamphlet
71.	pancorbo
72.	papira
73.	paradigm
74.	paradise1983
75.	parchmenter
76.	particle
77.	particles
78.	pastel
79.	pastelco
80.	pastelflowers
81.	pastries
82.	path-fider
83.	patternmaker
84.	PattyMcFatPat01
85.	PattyMcFatPat03
86.	pc
87.	Pear Template
88.	pear
89.	pedestrian
90.	penchantforphotos
91.	pencilpink
92.	people
93.	perfectblemish
94.	performance
95.	perplex
96.	personified
97.	pillars
98.	pills
99.	pinnacle
100.	Pistachio
101.	pixabella
102.	pixabella04
103.	pixabella06
104.	pixelationingreen
105.	plaidshirt
106.	plainandsimple
107.	planning-feed
108.	pluralism
109.	plurkified
110.	pointspace
111.	pollinate
112.	pollinating
113.	pollination