dezinstudio : Design 3 « Templates « HTML / CSS

dezinstudio

   

<!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>DezinStudio - About</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */
body{ margin:0px; padding:0px; background:#A0A0A3;}
p{ margin:0px; padding:0px;}
img{ border:0px;}

#mainblock{  width:1000px; margin: auto;}
#innerblock{ width:1000px; float:left; background:#002D41 url(dezinstudio-images/main_1px.jpg) repeat-x;}


a:hover{ text-decoration: underline;}
.topblock{ display:inline; clear:left; float:left;  width:900px; margin:95px 0px 0px 49px;}
.tp_bg1{ display:inline; clear:left; float:left; background: url(dezinstudio-images/tp_bg1.jpg) no-repeat; width:900px; height:146px;}
.tp_logo{ clear:left; float:left; margin:26px 0px 0px 38px;}
.tp_hme{ float:left; width:70px; font: bold 11px/15px arial; color:#6E6E6E; margin:45px 0px 0px 75px; text-decoration:none;}
.tp_hme1{ float:left; width:75px; font: bold 11px/15px arial; color:#6E6E6E; margin:45px 0px 0px 50px; text-decoration:none;}
.tp_we{ clear:left; float:left; margin:90px 0px 0px 4px;}
.we_txt{ clear:left; float:left; width:323px; font: 11px/15px arial; color:#000; margin:26px 0px 0px 25px; text-decoration:none;}

.tp_abt{ float:left; width:50px; font: bold 11px/15px arial; color:#6E6E6E; margin:43px 0px 0px 20px; text-decoration:none;}
.tp_abt1{ float:left; width:60px; font: bold 11px/15px arial; color:#6E6E6E; margin:43px 0px 0px 20px; text-decoration:none;}
.tp_cont{ float:left; width:85px; font: bold 11px/15px arial; color:#6E6E6E; margin:43px 0px 0px 40px; text-decoration:none;}
.tp_cont1{ float:left; width:100px; font: bold 11px/15px arial; color:#fff; margin:43px 0px 0px 20px; text-decoration:none;}
.abt_hme{ clear:left; float:left; width:70px; font: bold 11px/15px arial; color:#fff; margin:45px 0px 0px 15px; text-decoration:none;}
.abt_abt{ float:left; width:72px; font: bold 11px/15px arial; color:#382900; margin:43px 0px 0px 33px; text-decoration:none;}
.sch_box{ float:left; width:140px; height:20px; background:#595958; border:1px solid #676867; margin:38px 0px 0px 45px;}
.tp_prot{ clear:left; float:left; margin:110px 0px 0px 398px;}
.sch_img{ float:left; margin:42px 0px 0px 15px;}
.tp_click{ clear:left; float:left; width:150px; font: bold 11px/15px arial; color:#000; margin:14px 0px 0px 532px; text-decoration:none;}
.down_arw{ float:left; margin:66px 0px 0px 15px;}
.down_arw1{ float:left; margin:15px 0px 0px 15px;}



.cp_div{ display: inline; clear:left; float:left; width:900px; background:#fff; padding-bottom:20px; margin-left:49px;}
.lp_div{ display:inline; clear:left; float:left; width:336px; }
.lp_img{ clear:left; float:left; margin:0px 0px 0px 0px;}
.lates_1px{ clear:left; float:left; width:271px; background:#C3EBEF url(dezinstudio-images/lates_1px.jpg) repeat-x; margin-left:26px; padding-bottom:15px;}
.lp_lates{ clear:left; float:left; margin:15px 0px 0px 20px;}
.lates_txt{ float:left; width:200px; font: 11px/15px arial; color:#076493; margin:15px 0px 0px 20px; text-decoration:none; }
.lp_news{ clear:left; float:left; margin:15px 0px 0px 30px;}
.news_txt{ clear:left; float:left; width:250px; font: 11px/15px arial; color:#646464; margin:15px 0px 0px 30px; text-decoration:none; }
.news_box{ clear:left; float:left; width:240px; height:20px; border:1px solid #C6C6C6; margin:20px 0px 0px 30px;}
.news_sign{ clear:left; float:left; margin:20px 0px 0px 115px;}


.rp_div{ display:inline; float:left; width:564px; }
.rp_wel{ clear:left; float:left; margin:10px 0px 0px 0px;}
.wel_txt{ clear:left; float:left; width:510px; font: 11px/15px arial; color:#646464; margin:20px 0px 0px 0px; text-decoration:none;}
.part_bg{ clear:left; float:left; width:529px; height:153px;  background:url(dezinstudio-images/part_bg.jpg) no-repeat; margin:15px 0px 0px 0px;}
.rp_part{ clear:left; float:left; margin:20px 0px 0px 25px;}
.part_img1{ clear:left; float:left; margin:20px 0px 0px 25px;}
.part_img2{ float:left; margin:20px 0px 0px 25px;}
.part_txt{ clear:left; float:left; width:80px; font: 11px/15px arial; color:#708D94; margin:5px 0px 0px 40px; text-decoration:none;}
.part_txt2{ float:left; width:80px; font: 11px/15px arial; color:#708D94; margin:5px 0px 0px 45px; text-decoration:none;}
.rp_main{ clear:left; float:left; margin:20px 0px 0px 0px;}
.main_txt{ clear:left; float:left; width:300px; font: 11px/15px arial; color:#2879AB; margin:5px 0px 0px 0px; text-decoration:none;}
.rp_vieww{ clear:left; float:left; margin:15px 0px 0px 0px;}
.lates_img1{ clear:left; float:left; margin:15px 0px 0px 0px;}
.lates_img2{ float:left; margin:15px 0px 0px 20px;}

.desi_1px{ clear:left; float:left; width:271px; background:#F0F4F4 url(dezinstudio-images/desi_1px.jpg) repeat-x; margin-left:26px; padding-bottom:15px;}
.desi_txt{ clear:left; float:left; width:250px; font: 11px/15px arial; color:#646464; margin:15px 0px 0px 10px; text-decoration:none; }
.testi_img1{ clear:left; float:left; margin:20px 0px 0px 0px;}
.testi_txt{ float:left; width:400px; font: 11px/15px arial; color:#646464; margin:20px 0px 0px 20px; text-decoration:none; }


.ft_bg{ display: inline; clear:left; float:left; width:900px; margin-left:49px; height:100px;}
.ft_bar{ float:left; margin:32px 0px 0px 15px;}
.ft_home{ clear:left; float:left; width:60px; font: 11px/15px tahoma; color:#426D81; margin:29px 0px 0px 250px; text-decoration:none; }
.ft_dom{ float:left; width:65px; font: 11px/15px tahoma; color:#426D81; margin:29px 0px 0px 15px; text-decoration:none;}
.ft_copy{ clear:left; float:left; width:290px; font: 11px/15px tahoma; color:#216077  ; margin:8px 0px 0px 300px;}
.ft_dom1{ float:left; width:70px; font: 11px/15px tahoma; color:#426D81; margin:29px 0px 0px 15px; text-decoration:none;}
.ft_spl{ float:left; width:50px; font: 11px/15px tahoma; color:#426D81; margin:29px 0px 0px 15px; text-decoration:none;}




</style>


</head>
<body>
<!--main block starts here -->
<div id="mainblock">
  <!--inner block starts here -->
  <div id="innerblock">
    <!--top block starts here -->
    <div class="topblock">
      <div class="tp_bg1"> <a href="http://www.free-css.com/" class="tp_logo"><img src="dezinstudio-images/tp_logo.jpg" width="208" height="54" alt="" /></a> <a href="http://www.free-css.com/" class="tp_hme">MAIN PAGE</a> <a href="about.html" class="tp_hme1">ABOUT</a> <a href="http://www.free-css.com/" class="tp_hme1">CLIENTS</a> <a href="http://www.free-css.com/" class="tp_hme1">PORTFOLIO</a> <a href="http://www.free-css.com/" class="tp_hme1">CONTACTS</a> </div>
    </div>
    <!--top block ends here -->
    <!--content panel starts here -->
    <div class="cp_div">
      <div class="lp_div"> <img src="dezinstudio-images/lp_img.jpg" width="336" height="404" alt="" class="lp_img" /> <span class="desi_1px"> <img src="dezinstudio-images/lp_desi.jpg" width="195" height="21" alt="" class="lp_lates" /> <span class="desi_txt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer leo. Nam luctus nisi tristique risus.Proin urna mauris, hendrerit non, vulputate a, fermentum non, mi.</span><br />
        <img src="dezinstudio-images/desi_img.jpg" width="224" height="61" alt="" class="lp_lates" /> <span class="desi_txt">Fusce lacus. Sed ultrices quam a nunc. Aliquam erat volutpat. Morbi blandit libero. In gravida laoreet justo. Integer consectetur ligula.</span><br />
        </span> <a href="http://www.free-css.com/" class="lp_news"><img src="dezinstudio-images/lp_web.jpg" width="271" height="128" alt="" /></a><br />
      </div>
      <div class="rp_div"> <img src="dezinstudio-images/rp_comp.jpg" width="143" height="39" alt="" class="rp_wel" /><br />
        <span class="wel_txt"><a href="http://www.free-css.com/" style="color:#646464;"><b>Lorem ipsum dolor sit amet,</b></a>consectetuer adipiscing elit. Vivamus nisi. Vestibulum nunc orci, vehicula nec, mollis ut, fringilla eget, nunc. Sed pretium tincidunt nibh. Quisque porttitor lobortis ante. Curabitur velit sapien, ornare sit amet, ultricies quis, pharetra a, tellus. Morbi ac odio. Vestibulum a magna at dui faucibus fermentum. Cras ligula mi, rhoncus vitae, vestibulum eget, placerat non, diam. Suspendisse magna nibh, ullamcorper eu, venenatis vitae, tempus sed, arcu. Nulla convallis. Donec ultricies enim nec purus. Morbi imperdiet tincidunt velit. Cras turpis. Etiam lectus diam, lacinia eget, iaculis eget, sodales a, nulla. Phasellus quis turpis. Pellentesque in justo in sem luctus sodales. Nulla quis tellus sed nisi scelerisque aliquet.</span> <img src="dezinstudio-images/rp_feat_serv.jpg" width="151" height="18" alt="" class="rp_main" /><br />
        <span class="wel_txt"><a href="http://www.free-css.com/" style="color:#646464;"><b>Lorem ipsum dolor sit amet,</b></a>Nunc hendrerit. Integer vulputate facilisis ipsum. Phasellus odio augue, accumsan molestie, dignissim id, ullamcorper in, nulla. Nunc id lacus id arcu cursus porta. Sed lacinia laoreet est.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed condimentum tincidunt quam. In hac habitasse platea dictumst. Sed pulvinar facilisis dui. </span> <span style="clear:left; float:left;"> <a href="http://www.free-css.com/" class="main_txt">+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a><br />
        <a href="http://www.free-css.com/" class="main_txt">+ Integer elementum neque quis mauris.</a><br />
        <a href="http://www.free-css.com/" class="main_txt">+ Praesent sit amet mauris et odio cursus vulputate.</a><br />
        <a href="http://www.free-css.com/" class="main_txt">+ Donec rutrum aliquet lorem.</a><br />
        <a href="http://www.free-css.com/" class="main_txt">+ Aliquam adipiscing hendrerit justo.</a><br />
        </span> <img src="dezinstudio-images/feat_serv_img.jpg" width="131" height="109" alt="" style="float:left; margin:20px 0px 0px 40px;" /><br />
        <img src="dezinstudio-images/rp_testi.jpg" width="109" height="18" alt="" class="rp_main" /><br />
        <span class="wel_txt"><a href="http://www.free-css.com/" style="color:#646464;"><b>Lorem ipsum dolor sit amet,</b></a>Nunc hendrerit. Integer vulputate facilisis ipsum. Phasellus odio augue, accumsan molestie, dignissim id, ullamcorper in, nulla.<br />
        <br />
        Nunc id lacus id arcu cursus porta. Sed lacinia laoreet est.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed condimentum tincidunt quam. In hac habitasse platea dictumst. Sed pulvinar facilisis dui. </span> <img src="dezinstudio-images/testi_img1.jpg" width="95" height="71" alt="" class="testi_img1" /> <span class="testi_txt">Fusce laoreet commodo ipsum. Nunc hendrerit. Integer vulputate facilisis ipsum. Phasellus odio augue, accumsan molestie, dignissim id, ullamcorper in, nulla. Nunc id lacus id arcu cursus porta. Sed lacinia laoreet est.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</span><br />
        <img src="dezinstudio-images/testi_img2.jpg" width="95" height="71" alt="" class="testi_img1" /> <span class="testi_txt">Fusce laoreet commodo ipsum. Nunc hendrerit. Integer vulputate facilisis ipsum. Phasellus odio augue, accumsan molestie, dignissim id, ullamcorper in, nulla. Nunc id lacus id arcu cursus porta. Sed lacinia laoreet est.Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</span><br />
      </div>
    </div>
    <!--content panel ends here -->
    <!--footer panel starts here -->
    <div class="ft_bg"> <a href="http://www.free-css.com/" class="ft_home">MAIN PAGE</a> <img src="dezinstudio-images/ft_bar.jpg"  width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_dom">COMPANY</a> <img src="dezinstudio-images/ft_bar.jpg"  width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_spl">CLIENTS</a> <img src="dezinstudio-images/ft_bar.jpg"  width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_spl">PORTFOLIO</a> <img src="dezinstudio-images/ft_bar.jpg"  width="1" height="11" alt="" class="ft_bar" /> <a href="http://www.free-css.com/" class="ft_dom">CONTACTS</a> <span class="ft_copy">Copyright &copy; 2008 buytemplates.net. All Rights Reserved.</span> </div>
    <br />
    <br />
    <!--footer panel ends here -->
  </div>
  <!--inner block ends here -->
</div>
<!--main block ends here -->
</body>
</html>

Related examples in the same category

1.	blankspace
2.	Blasphemy
3.	blended
4.	blewwave
5.	blootoon
6.	blush
7.	boardroom
8.	BOOM
9.	boorish
10.	boosting
11.	bordered
12.	boswell
13.	bounderies
14.	boxedtype
15.	boxes_template
16.	boxybox
17.	branches
18.	breaking_ontop
19.	brewedcoffee
20.	brightfolio
21.	brightsideoflife1.0
22.	Broadcaster
23.	broadsheet
24.	brycesunrise
25.	bucolic
26.	burgeon
27.	buzz
28.	BW
29.	bwdec2007
30.	calliope
31.	callofduty2
32.	candiiclouds
33.	cantya-studio
34.	canuckington-post
35.	canvass
36.	capricious
37.	capsicum
38.	carbonated
39.	carbonizer
40.	carlmelon
41.	caronline
42.	carrera
43.	castellated
44.	catch_info
45.	cattleya
46.	center-stage
47.	COIL
48.	col1
49.	col2
50.	col3
51.	collaboration
52.	collectiveblue
53.	collegemusic
54.	colorus
55.	colosseum
56.	columna
57.	combination
58.	ComingSoon
59.	commission
60.	communication-1.0
61.	communication-co
62.	communication
63.	community-live
64.	compiled
65.	complete-collection
66.	complimentary
67.	component
68.	compressed
69.	compromise
70.	compus
71.	conceptnova
72.	concrete
73.	concurrence
74.	condition
75.	conglomerate
76.	conjunction
77.	connection
78.	connections
79.	consulting-co
80.	contemplate
81.	convergence
82.	cookiefusion
83.	Copy of modify
84.	corporattica
85.	Cosmopolitan
86.	counterstrike
87.	cover
88.	coverage
89.	coxswain
90.	creamburn
91.	crisp2
92.	criterion
93.	crystalblack
94.	css-heaven-1
95.	cssgallery
96.	cssheaven-2
97.	cssmajesty
98.	cubismo
99.	cultivated
100.	cultureshock
101.	cupofcoffee
102.	customary
103.	customize
104.	cyano
105.	cyanspark
106.	cyberarray
107.	daleri-mega
108.	daleri-structure
109.	dalmatians
110.	danmyaz1
111.	dapple
112.	david-kruger
113.	deardiary
114.	decorative
115.	deepimpact
116.	deerpark
117.	dekada
118.	delta
119.	delzep_enterprise
120.	description
121.	deserted
122.	desertsand
123.	design-gallery
124.	design-studio
125.	design10
126.	Design9
127.	designersstudio
128.	designersworld
129.	designgalo
130.	designhq
131.	designstudio
132.	Design_Agency
133.	deskspace
134.	detachable
135.	deviation
136.	devision
137.	dewdrops
138.	didactic
139.	Did_My_Time
140.	differential
141.	digitalweb
142.	dimension
143.	diminishing
144.	dirtylicious
145.	disambiguation
146.	discovery
147.	distillate
148.	distinctive
149.	diversity
150.	DJ