tcm : Design 8 « Templates « HTML / CSS

tcm

   

<!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>TCM</title>
<meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-1" />
<style type='text/css'>
body{padding:0; margin:0; background:url(tcm-images/body_tile.jpg) #498D0D repeat-x; font:12px georgia;}

img{float:left; border:0;}
  
input{padding:0; margin:0;}

/*HEADER*/

.header{float:left; width:952px;}

.logo{float:left; margin:30px 0px 0px 38px;}

.addon{margin:65px 0px 0px 502px;}

.hd_bg1,.hd_bg2{
          float:left; 
          display:inline;
          width:956px;
          height:250px;
          background:url(tcm-images/hd_bg1.jpg) no-repeat left;
        }
        
.hd_bg1{margin-top:23px;}
    
.hd_bg2{float:left; background:url(tcm-images/hd_bg2.jpg) no-repeat right;}

.hd_text1{float:left; font:23px tahoma; color:#514B44; margin:175px 0px 0px 37px;}

.hd_text2{float:left; clear:left; font:30px tahoma; color:#514B44; margin:0px 0px 0px 112px;}

.menu1{float:left; display:inline; width:953px; background:url(tcm-images/menu_tile1.jpg) #45810F repeat-x; margin:5px 0px 0px 2px;}

.menu2{float:left; width:951px; border-left:1px solid #5C9926; border-right:1px solid #5C9926;}

.menu2 a{float:left; text-decoration:none; color:#fff; font:bold 16px Trebuchet MS; margin-left:63px;}

.menu_img{margin:11px 0px 0px 77px;}

/*CENTER*/

.center{float:left; display:inline; width:953px; background-color:#FFF; margin-left:2px;}

.cp_mblk{float:left; width:951px; border-left:1px solid #5C9926; border-right:1px solid #5C9926;}

.left_blk{float:left; width:682px;}

.sub_head1{float:left; font:bold 24px Georgia; font-style:italic; color:#395C17; margin:4px 0px 0px 35px;}

.cp_text1{float:left; font:12px/16px georgia; width:385px; margin:20px 0px 0px 37px; color:#333333;}

.cp_bdr1{float:left; margin:15px 0px 0px 35px;}

.sub_head2{float:left; font:bold 22px Georgia; font-style:italic; color:#D82901; margin:21px 0px 0px 35px;}

.cp_text2{float:left; font:12px/16px georgia; width:600px; margin:20px 0px 0px 37px; color:#333333;}

.read1{float:left; color:#D82901; margin:13px 0px 0px 37px;}

.read{float:left; color:#D82901; margin:13px 0px 0px 0px;}

.sub_head3{float:left; font:bold 22px Georgia; font-style:italic; color:#395C17; margin:24px 0px 0px 34px;}

.cp_pic1{float:left; margin:25px 0px 0px 31px;}

.sub_text1{float:left; font:12px/16px Georgia; color:#000000; margin:20px 0px 0px 37px; width:242px;}

.sub_text2{float:left; font:12px/16px Georgia; color:#000000; margin:20px 0px 0px 37px; width:288px;}

.list1{float:left; width:300px;}

.list1 span{float:left; background:url(tcm-images/cp_blt.gif) no-repeat left; padding-left:15px; margin:8px 0px 0px 39px; font:12px/16px Georgia;}

.right_blk{float:left; width:269px; font:11px Georgia;}

.sub_head4{float:left; font:bold 22px Georgia; font-style:italic; color:#FD2801; margin:6px 80px 0px 0px;}

.date{float:left; color:#1B1111; margin:25px 0px 0px 0px;}

.rp_text1{float:left; width:240px; color:#2B2B2B; font:11px/15px Georgia;}

.rp_bdr{margin:9px 0px 0px 5px;}

.r_read{float:left; color:#BD2E12;}

.sub_head5{float:left; font:bold 22px Georgia; color:#101010; font-style:italic; margin-top:30px;}

.list2{float:left; width:185px; margin:12px 0px 0px 15px; font:12px Georgia; color:#000B01;}

.login_bot{float:left; display:inline; width:247px; background:url(tcm-images/login_bot.jpg) no-repeat bottom; margin:30px 0px 0px 0px; padding-bottom:6px; background-color:#4E4D4E;}

.login_top{float:left; width:247px; background:url(tcm-images/login_top.jpg) no-repeat top; padding-top:6px;}

.login_tile{float:left; width:247px; background:url(tcm-images/login_tile.jpg) #4E4D4E repeat-x; padding-bottom:12px;}

.login_head{float:left; font:bold 18px Georgia; color:#FFF; margin:8px 0px 0px 22px; font-style:italic;}

.tbox1{float:left; width:166px; height:20px; border:1px solid #8E8E8E; font:14px tahoma; color:#535655; margin:15px 0px 0px 33px;}

.login{float:left; width:48px; height:21px; background-color:#BD2E12; font:13px Georgia; color:#FFF; margin:9px 0px 0px 35px; border:0;}

.footer{float:left; display:inline; width:951px; background:url(tcm-images/fp_tile.jpg) #488A0E repeat-x; margin:2px 0px 0px 3px; padding-bottom:15px; position:relative; margin-right:-3px;}

.fp_button1{
        float:left; 
        width:91px; 
        height:16px; 
        background:url(tcm-images/fp_button.gif) no-repeat; 
        font:bold 9px tahoma; 
        color:#1C1B1B; 
        border:0;
      }
      
.ftr_a{
        float:left; 
        font:bold 10px tahoma; 
        color:#FFF; 
        margin:15px 0px 0px 5px; 
        background:url(tcm-images/fp_blt.gif) no-repeat left; 
        padding-left:10px;
        text-decoration:none;
      }
      
.fp_copy{float:left; font:9px tahoma; color:#FFF; margin:10px 0 0px 5px; width:500px;}

.fp_copy a{ font:9px tahoma; color:#FFF; }


</style>


</head>
<body>
<div style="width:956px; margin:auto;">
  <!--HEADER BLOCK STARTS-->
  <div class="header"> <a href="http://www.free-css.com/" class="logo"><img src="tcm-images/logo.jpg" alt=" " width="211" height="38" /></a> <img src="tcm-images/addon.jpg" alt=" " width="162" height="9" border="0" usemap="#Map" class="addon" />
    <div class="hd_bg1">
      <div class="hd_bg2"> <span class="hd_text1">WELCOME TO OUR</span> <span class="hd_text2">NEW WORLD!</span> </div>
    </div>
    <div class="menu1"> <img src="tcm-images/hd_right1.jpg" alt=" " width="23" height="23" style="float:right;" /> <img src="tcm-images/hd_left1.jpg" alt=" " width="23" height="25" />
      <div class="menu2"> <a href="http://www.free-css.com/">HOME</a> <a href="http://www.free-css.com/">WHO WE ARE</a> <a href="http://www.free-css.com/">WHAT WE MAKE</a> <a href="http://www.free-css.com/">PRODUCTS</a> <a href="http://www.free-css.com/">SUPPORT</a> <a href="http://www.free-css.com/">CONTACT US</a> <img src="tcm-images/menu_img.gif" alt=" " width="10" height="6" class="menu_img" /> </div>
    </div>
  </div>
  <!--HEADER BLOCK ENDS-->
  <!--CENTER BLOCK STARTS-->
  <div class="center"> <span style="width:953px; height:23px; background:url(tcm-images/cp_top1.jpg) no-repeat; float:left;"></span>
    <div class="cp_mblk">
      <div class="left_blk"> <img src="tcm-images/cp_map.jpg" alt=" " width="200" height="147" style="float:right; margin:22px 0px 0px 51px;" /> <span class="sub_head1">about us</span> <span class="cp_text1"> We provide home loans, business loans, agricultural loans, VA loans, FHA loans among others. If you satisfy our various requirements concerning documents, your loans will be approved in three days. Your repayment capas before sanctioning the loan.<br />
        <br />
        You may conduct your financial operations in one of our branches. has employed the top security for various online transactions. Though online banking fraud is widely prevalent. <a href="http://www.free-css.com/" class="read">read more</a> </span> <img src="tcm-images/cp_bdr1.gif" alt=" " width="589" height="1" class="cp_bdr1" /> <span class="sub_head2">find your locations?</span> <span class="cp_text2"> You may conduct your financial operations in one of our branches. We have branches in US, Australia. Our online Time bank has employed the top security for various online transactions. Though online banking fraud is widely prevalent, our security measures have reduced these fraudulent activities. You may conduct your financial operations in one of our branches. <br />
        <br />
        We have branches in US, Australia. Our online Time bank has employed the top security for various online transactions. Though online banking fraud is widely prevalent, our security measures have reduced these fraudulent activities. </span> <a href="http://www.free-css.com/" class="read1">read more</a> <img src="tcm-images/cp_bdr1.gif" alt=" " width="589" height="1" class="cp_bdr1" /> <span style="float:left; width:294px;"> <span class="sub_head3">our products</span> <img src="tcm-images/cp_pic1.jpg" alt=" " width="235" height="97" class="cp_pic1" /> <span class="sub_text1"> Introducing our special selection of Vintage fabric with stripes, checks and flecks, they have a colour.Introducing our special selection of Vintage fabric with stripes, checks and flecks, they have a colour.<br />
        <br />
        ntroducing our special selection of Vintage fabric with stripes, checks and flecks, they have a colour. </span> <a href="http://www.free-css.com/" class="read1">read more</a> </span> <span class="sub_head3">our services</span> <span class="sub_text2"> You may conduct your financial operations in one of our branches. We have branches in US, Australia. Our online Time bank has employed the top security for various online transactions. Though online banking fraud is widely prevalent, our security measures have reduced these fraudulent activities. </span> <span class="list1"> <span>You may conduct your financial operations in </span> <span>one of our branches.</span> <span style="width:225px;">We have branches in US, Australia. </span> <span>Our online Time bank has employed the top security for various.</span> <span>Though online banking fraud is widelyall the prevent prevalent.</span> </span> </div>
      <div class="right_blk"> <span class="sub_head4">news &amp; events</span> <span class="date">12.05.2007</span> <span class="rp_text1">You may conduct your financial operations in one of our branches.<br />
        <span style="color:#BD2E12;">You may conduct your financial in one of our branches.</span></span> <img src="tcm-images/rp_bdr.gif" alt=" " width="218" height="1" class="rp_bdr" /> <span class="date" style="margin:8px 0px 0px 0px;">17.11.2007</span> <span class="rp_text1">You may conduct your financial and operations in one of our branches.<br />
        <span style="color:#BD2E12;">Please replace this textual part with original content. </span></span> <img src="tcm-images/rp_bdr.gif" alt=" " width="218" height="1" class="rp_bdr" /> <span class="date" style="margin-top:8px;">12.05.2007</span> <span class="rp_text1">You may conduct your financial operations in one of our branches. <span style="color:#BD2E12;">You may conduct your financial in one</span></span> <img src="tcm-images/rp_bdr.gif" alt=" " width="218" height="1" class="rp_bdr" /> <span class="date" style="margin-top:8px;">17.11.2007</span> <span class="rp_text1">You may conduct your financial and operations in one of our branches.</span> <a href="http://www.free-css.com/" class="r_read">read more</a> <img src="tcm-images/rp_bdr.gif" alt=" " width="218" height="1" class="rp_bdr" /> <span class="sub_head5">our clients links</span> <span class="list2">- Self Service Bank</span> <span class="list2">- You may conduct </span> <span class="list2">- Financial operations</span> <span class="list2">- We have branches in US</span> <span class="list2">- Our online Time bank</span> <span class="list2">- Top security for various</span> <span class="list2">- Though online banking fraud </span> <span class="list2">- Widely prevalent</span>
        <div class="login_bot">
          <div class="login_top">
            <div class="login_tile"> <span class="login_head">Member Login</span>
              <input name="" type="text" class="tbox1" value="  user name" />
              <input name="" type="password" class="tbox1" value="  *********" />
              <input type="submit" value="Login" class="login" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <span style="width:953px; float:left;"> <img src="tcm-images/cp_right2.gif" alt=" " width="23" height="23" style="float:right;" /> <img src="tcm-images/cp_left2.gif" alt=" " width="23" height="23" /> </span> </div>
  <!--CENTER BLOCK ENDS-->
  <!--FOOTER BLOCK STARTS-->
  <div class="footer"> <img src="tcm-images/fp_left1.gif" alt=" " width="23" height="20" /> <img src="tcm-images/fp_right1.gif" alt=" " width="23" height="20" style="float:right;" /> <span style="float:left; width:380px;">
    <input type="submit" value="XHTML VALID" class="fp_button1" style="margin:15px 0px 0px 74px;" />
    <input type="submit" value="CSS VALID" class="fp_button1" style="margin:15px 100px 0px 5px;" />
    </span> <span style="float:left; width:500px;"> <a href="http://www.free-css.com/" class="ftr_a">News&amp;Events</a> <a href="http://www.free-css.com/" class="ftr_a">About Our Company</a> <a href="http://www.free-css.com/" class="ftr_a">Productions</a> <a href="http://www.free-css.com/" class="ftr_a">Solutions</a> <a href="http://www.free-css.com/" class="ftr_a">Our Partners</a> <a href="http://www.free-css.com/" class="ftr_a">Contact Us </a> </span> <span class="fp_copy">2008 &copy; Copyright, All rights reserved. <a href="http://www.buytemplates.net/CSS-XHTML-web-templates.aspx">Css/Xhmtl template</a> designed by buytemplates.net</span> </div>
  <!--FOOTER BLOCK ENDS-->
</div>
<map name="Map" id="Map">
  <area shape="rect" coords="10,0,34,8" href="http://www.free-css.com/" alt=" " />
  <area shape="rect" coords="60,0,100,8" href="http://www.free-css.com/" alt=" "/>
  <area shape="rect" coords="124,1,162,10" href="http://www.free-css.com/" alt=" " />
</map>
</body>
</html>

Related examples in the same category

1.	sprayedstrokes
2.	Square
3.	squarely
4.	st-valentines-day
5.	stacko
6.	stamp
7.	standardissue
8.	standardized
9.	starburst
10.	stardust
11.	stargazer
12.	stark
13.	steppingstone
14.	stichy
15.	stickybud
16.	stickynotes
17.	Stock
18.	streetclock
19.	strict
20.	strockes
21.	students-site
22.	stygian
23.	stylevantage1-0
24.	stylish
25.	stylized
26.	subdued
27.	subordinate
28.	substance
29.	substantial
30.	superior
31.	supplementary
32.	surpris
33.	surreal
34.	sweatbee
35.	swift
36.	switchr
37.	sworm
38.	Symisun_01
39.	symphonic
40.	symphonyofhorror
41.	synchronize
42.	Synergy
43.	systematized
44.	tabbed
45.	tangular
46.	tardy
47.	tealzine
48.	team_three
49.	templatika
50.	Tenebrific
51.	terje1_winter
52.	terrafirma
53.	terrafirma2
54.	The-Carbon
55.	the-dark-one
56.	the-island
57.	the-mmozine
58.	the-music-studio
59.	the-new-audi
60.	the-synopsis
61.	the-themepod
62.	the-web-news
63.	theacmegroup
64.	thechosenone
65.	thelatest
66.	themanor
67.	tinytemplate
68.	themissing-piece
69.	thermal
70.	thesite
71.	thetechies
72.	thewall
73.	the_gig
74.	thisistext
75.	throughout
76.	thunder
77.	ticktocklight
78.	time
79.	Timeless Template
80.	timeless
81.	timemanager
82.	toolkit
83.	tooplain
84.	topbusiness
85.	topgadgets
86.	topworks
87.	tornpaperdocom
88.	totaltouch
89.	towers
90.	traditionalist
91.	transient
92.	transition
93.	transport
94.	trialservices
95.	trikea-static
96.	trinityinstitute
97.	tropical-evening
98.	tropical
99.	truenature
100.	turn-out-mag
101.	Turnesol
102.	turnitup
103.	turrion-development
104.	tv-archade
105.	twirling
106.	twisted
107.	Typography
108.	ultimateweb
109.	unbound-1.0
110.	uncomplicated
111.	undefined
112.	Underground
113.	undertaking
114.	UnderWraps
115.	undiscovered
116.	unembellished
117.	unilluminated
118.	uniq
119.	unite
120.	universal
121.	unknown
122.	unlink
123.	unnamed
124.	unqualified
125.	urbanartist
126.	usabilityreport
127.	variety
128.	vectorlover1-0
129.	vegetable
130.	veggie
131.	ventix
132.	vertical
133.	verticals
134.	vertigo
135.	VeryGreen
136.	VIBE
137.	vibrant
138.	Village
139.	vintage-style
140.	violetrays
141.	visioninc
142.	visions
143.	vitruvius
144.	vivid
145.	Viziora
146.	voodoo-dolls
147.	voodoodollyv2.0
148.	voyage
149.	WaiveLive
150.	walls
151.	wanderer
152.	warmblue
153.	warped
154.	watchthis
155.	watercolored-portfolio
156.	waterfactory
157.	waterfall
158.	waterfalls
159.	WaterPool
160.	we think
161.	web-application
162.	web-design-studio
163.	web-design
164.	web-hosting
165.	web-shop
166.	web2
167.	webdesign
168.	webdesigninfo
169.	webmob
170.	websitedesignx
171.	webvision
172.	Web_Application
173.	wellness
174.	whatsyoursolution
175.	wickedred
176.	widecommerce
177.	widget
178.	widgetlike
179.	wildgoose
180.	wing-the-air
181.	winglobal
182.	wiremesh
183.	world-of-warcraft
184.	xenlog
185.	xgallery
186.	xhtmldesign
187.	xhtmldev_rainbow
188.	xhtmldev_RealEstate
189.	xodafields0.2
190.	ynt
191.	yosemite
192.	your-blazing-app
193.	yourhost
194.	yourministry
195.	zillanine