total_management
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Total Management</title>
<style type='text/css'>
/* CSS Document */
body{background-color:#3B3B3B; color:#A4A4A4; padding:0px; margin:0px; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
div, ul, li, h1, h2, h3, h4, p, img{margin:0px; padding:0px;}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#header_container{height:299px; position:relative; margin:0 auto; padding:0px; background-image:url(total_management-images/header_slice.gif); background-repeat:repeat-x; background-position:top;}
#header{width:755px; height:299px; position:relative; margin:0 auto; padding:0px 9px 0px 14px;}
#header img{height:86px; width:450px; position:absolute; top:0; left:161px; padding:0px;}
#header ul{width:94px; height:145px; padding:23px 29px 20px 40px; position:absolute; top:103px; left:0px; background:url(total_management-images/ul.gif) 0 0 no-repeat;}
#header ul li{background:url(total_management-images/bullet1.gif) 0 7px no-repeat #ccc; border-bottom:#929292 dotted 1px; font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;}
#header ul li.contact{border:none;}
#header ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background:#ccc; color:#212121;
}
#header ul li a:hover{background:#ccc; color:#B53332; text-decoration:none;}
#header h1{padding:137px 0px 0px 33px; background:url(total_management-images/banner.jpg) 0 0 no-repeat #fff; width:547px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3B3B3B; position:absolute; top:103px; left:175px;}
/*----BODY1 PANEL----*/
#body1{width:778px; height:77px; position:relative; margin:0 auto; background:url(total_management-images/from_shadow.jpg) 0 100% no-repeat;}
#body1 form{width:690px; height:77px; margin:0; padding:0 0 0 88px;}
#body1 form label{width:177px; height:44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color: #fff; background-color:#3B3B3B; display:block; float:left; background-image: url(total_management-images/level.jpg); background-repeat:no-repeat; background-position:left top; padding-left:60px; line-height:44px; margin-top:17px;}
#body1 form input{width:135px; height:18px; float:left; display:block; margin:28px 25px 0 0; padding:0 0 0 10px;}
#body1 form input.botton{width:56px; height:28px; float:left; background:url(total_management-images/button.gif) 0 0 no-repeat #3A3A3A; border:none; color:#fff; font:14px/28px Verdana, Arial, Helvetica, sans-serif; margin:26px 0 0; padding:0px;}
/*----/BODY1 PANEL----*/
/*----BODY MIDDLE PANEL----*/
#bodymiddlePan{width:602px; position:relative; margin:0 auto; padding:0 88px; clear:both;}
#bodymiddlePan h2{width:400px; height:68px; display:block; background:#3B3B3B; color:#FBD61A; font:28px/68px Georgia, "Times New Roman", Times, serif; font-weight:normal;}
#bodymiddlePan p.lasttext{padding:0 0 25px 0;}
#bodymiddlePan p span{background:#3B3B3B; color:#fff;}
/*----BODY MIDDLE PANEL----*/
/*----BODY BOTTOM PANEL----*/
#bodyBottomPan{width:690px; background:url(total_management-images/body_shadow.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:54px 0 0 88px; clear:both;}
/*----Info Panel----*/
#infoPan{width:187px; height:192px; background:url(total_management-images/infopanelbg.jpg) 0 100% no-repeat #3B3B3B; float:left; margin:0 28px 0 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#infoPan h2{width:163px; height:40px; background:url(total_management-images/infopaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#infoPan p{padding:10px 0 0 24px; line-height:17px;}
#infoPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#infoPan p.view a{width:66px; height:18px; display:block; background:url(total_management-images/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#infoPan p.view a:hover{background:url(total_management-images/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;}
/*----/Info Panel----*/
/*----Services Panel----*/
#servicesPan{width:187px; height:192px; background:url(total_management-images/servicespanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#212121; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#servicesPan h2{width:163px; height:40px; background:url(total_management-images/servicespaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#servicesPan p{padding:10px 0 0 24px; line-height:17px;}
#servicesPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#servicesPan p.view a{width:66px; height:18px; display:block; background:url(total_management-images/servicesview-normal.gif) 0 0 no-repeat #B8B8B8; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#servicesPan p.view a:hover{background:url(total_management-images/servicesview-hover.gif) 0 0 no-repeat #B8B8B8; color:#fff; text-decoration:none;}
/*----/Services Panel----*/
/*----Schedule Panel----*/
#schedulePan{width:187px; height:192px; background:url(total_management-images/schedulepanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#schedulePan h2{width:163px; height:40px; background:url(total_management-images/schedulepaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#schedulePan p{padding:10px 0 0 24px; line-height:17px;}
#schedulePan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#schedulePan p.view a{width:66px; height:18px; display:block; background:url(total_management-images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#schedulePan p.view a:hover{background:url(total_management-images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;}
/*----/Schedule Panel----*/
/*----BOTOM PANEL----*/
#bottomPan{height:282px; background:url(total_management-images/bottombg.gif) 0 0 repeat-x; position:relative; margin:0 auto; padding:65px 0 0; clear:both;}
#bottomMainPan{width:778px; position:relative; margin:0 auto; padding:50px 0 0;}
#bottomBorderPan{width:778px; float:left; background:url(total_management-images/bottomborder-bg1.gif) 0 0 repeat-y;}
#bottomBorderPan h2{width:210px; height:40px; position:absolute; top:28px; left:0px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h3{width:210px; height:40px; position:absolute; top:28px; left:259px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h4{width:210px; height:40px; position:absolute; top:28px; left:517px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan ul{float:left; width:258px; padding:25px 0 0;}
#bottomBorderPan ul li{width:225px; height:22px; margin:0 10px 0 0;}
#bottomBorderPan ul li a{width:200px; height:22px; display:block; background:url(total_management-images/arrow-normal.gif) 0 8px no-repeat #ccc; color:#3D3C2C; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;}
#bottomBorderPan ul li a:hover{background:url(total_management-images/arrow-hover.gif) 0 8px no-repeat #BDBDBD; color:#3D3C2C; text-decoration:none;}
/*----/BOTOM PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{height:144px; background:url(total_management-images/footerbg.gif) 0 0 repeat-x #3B3B3B; position:relative; margin:0 auto; color:#fff; font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:30px 0 0;}
#footerPan{width:778px; position:relative; margin:0 auto;}
#footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; left:456px;}
#footerPan ul{width:546px; position:absolute; top:0px; left:0px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background: url(total_management-images/footermenubg.gif) 0 0 repeat-x #3B3B3B; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:80px; left:10px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
#footerPan p.copyright{width:300px; background: url(total_management-images/copyrightbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; position:absolute; top:23px; left:10px;}
#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:49px; left:5px;}
#footerPanhtml a{width:65px; height:24px; display:block; background:url(total_management-images/html-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 5px;}
#footerPanhtml a:hover{background:url(total_management-images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:50px; left:80px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(total_management-images/css-normal.gif) 0 0 no-repeat #3B3B3C; color:#3B3B3B; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(total_management-images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#3B3B3C; text-decoration:none;}
</style>
</head>
<body>
<div id="header_container">
<div id="header">
<a href="index.html"><img src="total_management-images/logo.gif" alt="Total Management" title="Total Management" border="0" /></a>
<ul>
<li ><a href="index.html" >Home</a> </li>
<li ><a href="#">About us</a></li>
<li ><a href="#">Whats new</a></li>
<li ><a href="#">Forum</a></li>
<li ><a href="#">Solution</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul>
<h1>ibulum, ipsum id cursus</h1>
</div>
</div>
<div id="body1"><form action="" method="post" >
<label>members login:</label>
<input name="Your name" type="text" id="yourname" value="Your name" />
<input name="emailid" type="text" id="emailid" value="Email Id" />
<input name="" type="submit" class="botton" value="GO" />
</form>
</div>
<div id="bodymiddlePan">
<h2>about total management?</h2>
<p>Total Management is a free, tableless, W3C-compliant web design layout by Template World. This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove <span>"Design by Template World"</span> and the link http://www.templateworld.com from the footer of the template.</p>
<p class="lasttext">If you are interested in seeing more of our free web template designs feel free to visit our website, Template World. We intend to add at least 25 new free templates in the coming month.</p>
</div>
<div id="bodyBottomPan">
<div id="infoPan">
<h2>more info</h2>
<p>tortor porttito sollicitudin</p>
<p class="view"><a href="#">view</a></p>
</div>
<div id="servicesPan">
<h2>services</h2>
<p>tortor porttito sollicitudin</p>
<p class="view"><a href="#">view</a></p>
</div>
<div id="schedulePan">
<h2>schedule</h2>
<p>tortor porttito sollicitudin</p>
<p class="view"><a href="#">view</a></p>
</div>
</div>
<div id="bottomPan">
<div id="bottomMainPan">
<div id="bottomBorderPan">
<h2>more tips</h2>
<h3>more links</h3>
<h4>announcements </h4>
<ul>
<li><a href="#">Lorem Ipsum has been the</a></li>
<li><a href="#">industry's standard dum</a></li>
<li><a href="#">text ever since the 1500s, </a></li>
<li><a href="#">when an unknown printer</a></li>
<li><a href="#">galley of type and</a></li>
<li><a href="#">scrambled make a typ</a></li>
<li><a href="#">especimen </a></li>
<li><a href="#">has survived</a></li>
</ul>
<ul>
<li><a href="#">Lorem Ipsum has been the</a></li>
<li><a href="#">industry's standard dum</a></li>
<li><a href="#">text ever since the 1500s, </a></li>
<li><a href="#">when an unknown printer</a></li>
<li><a href="#">galley of type and</a></li>
<li><a href="#">scrambled make a typ</a></li>
<li><a href="#">especimen </a></li>
<li><a href="#">has survived</a></li>
</ul>
<ul>
<li><a href="#">Lorem Ipsum has been the</a></li>
<li><a href="#">industry's standard dum</a></li>
<li><a href="#">text ever since the 1500s, </a></li>
<li><a href="#">when an unknown printer</a></li>
<li><a href="#">galley of type and</a></li>
<li><a href="#">scrambled make a typ</a></li>
<li><a href="#">especimen </a></li>
<li><a href="#">has survived</a></li>
</ul>
</div>
</div>
</div>
<div id="footermainPan">
<div id="footerPan">
<div id="footerlogoPan"><a href="index.html"><img src="total_management-images/footerlogo.gif" title="Total Management" alt="Total Management" width="290" height="36" border="0" /></a></div>
<ul>
<li><a href="#">Home</a>| </li>
<li><a href="#">About</a> | </li>
<li><a href="#">Whats new</a>| </li>
<li><a href="#">Forum</a> | </li>
<li><a href="#">Solution</a> |</li>
<li><a href="#">Contact</a> </li>
</ul>
<p class="copyright">total management. all right reserved.</p>
<ul class="templateworld">
<li>design by:</li>
<li><a href="http://www.templateworld.com" target="_blank">Template World</a></li>
</ul>
<div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML</a></div>
<div id="footerPancss"><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">css</a></div>
</div>
</div>
</body>
</html>
Related examples in the same category