royal_policy
<!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>Royal Policy</title>
<style type='text/css'>
/* CSS Document */
body{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
div, img, p, h1, h2, h3, ul, li{
padding:0;
margin:0;
}
.blank {
font-size:0px; line-height:0px; clear:both;
}
ul{
list-style-type:none;
}
/*---------------upperpan-----------*/
#updiv{
width:100%; background:url(royal_policy-images/updiv_bg.gif) repeat-x #FFFFFD; color:#584200; float:left; margin:0 auto 0 auto;
}
/*---------------------header part-------*/
#header{
width:778px;
margin:0 auto 0 auto;
/* height:275px;*/
}
#header img{
width:243px;
margin:31px 0 0 49px;
float:left;
}
#header h1{
font:13px/16px Arial, Helvetica, sans-serif; background-color:#FEF4D6;
margin:40px 0 0 17px; width:114px; display:block; float:left; color:#988345; font-weight:normal;
}
#header ul{
width:306px;
display:block;
margin:15px 0 0 49px;
float:left;
font-size:0px;
}
#header ul li{
display:block;
margin:0 1px 0 0px;
float:left;
}
#header ul li a{
display:block;
height:74px;
text-indent:-2000px;
}
#header ul li a.home{
background:url(royal_policy-images/home_icon.gif) no-repeat; width:60px;
}
#header ul li a.search{
background:url(royal_policy-images/search.gif) no-repeat; width:60px;
}
#header ul li a.ser{
background:url(royal_policy-images/services.gif) no-repeat; width:60px;
}
#header ul li a.blog{
background:url(royal_policy-images/blog.gif) no-repeat; width:60px;
}
#header ul li a.contact{
background:url(royal_policy-images/contact_icon.gif) no-repeat; width:60px;
}
#header ul.navi{
width:306px;
display:block;
margin:0px 0 0 0px;
float:left;
font-size:0px;
padding:0 0 0 472px;
}
#header ul.navi li{
display:block;
margin:0 0px 0 0px;
float:left;
}
#header ul.navi li a.navi1{
background:url(royal_policy-images/navi_bg.gif) no-repeat; width:61px; background-color:#FEF4D6;
font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF;
text-decoration:none; padding-top:9px; height:20px; text-indent:0px; text-align:center;
}
#header ul.navi li a.nobor{
background:url(royal_policy-images/navi_bg1.gif) no-repeat; width:61px; font-family:Arial, Helvetica, sans-serif;
font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; height:29px; text-indent:0px;
text-align:center; line-height:29px; background-color:#FEF4D6;
}
#header ul.navi li a.navi1:hover{
background:url(royal_policy-images/navi_bgh.gif) no-repeat; width:61px;
}
#header ul.navi li a.nobor:hover{
background:url(royal_policy-images/navi_bgh.gif) no-repeat; width:61px;
}
#header h2{
width:128px; padding:32px 0 0 49px; font-family:Georgia, "Times New Roman", Times, serif;
font-size:48px; color:#1892AC; font-weight:normal; display:block; float:left; background-color:#FFFFFF;
}
#header h2 span{
font-size:30px;
}
#header p{
width:531px;
display:block;
margin:20px 0 13px 24px;
float:left;
font-size:14px;
line-height:18px;
}
#header h3{
font-size:24px;
line-height:22px;
width:auto;
font-weight:normal;
margin:0 0 0 0px;
padding:0px 60px 0 1px;
display:block;
float:right;
}
/*-------------------------middle-------------*/
#mid{
width:100%;
margin:20px auto 0 auto;
float:left; color:#584200;
background-color:#FFF9E5;
}
#midDiv{
width:778px; height:auto; margin:0 auto 0 auto; padding-bottom:32px; padding-left:100px; padding-top:47px;
}
#midDiv div.Davis{
width:243px; float:left;
}
#midDiv div.Davis h2{
width:165px; background-color:#FFF9E8; display:block; color:#1B92AB; font:24px Arial, Helvetica, sans-serif;
font-weight:bold; padding:0 0 0 0; float:left;
}
#midDiv div.Davis h2 span{
color:#948047; background-color:#FFF9E8; font-size:20px; float:left;
}
#midDiv div.Davis p{
width:201px; float:left; padding:5px 0 24px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px; background-color:#FFF9E8; color:#584200; line-height:18px;
}
#midDiv div.Davis p span{
font-size:30px;
line-height:30px;
}
#midDiv div.Davis a{
background:url(royal_policy-images/more_bg.gif) no-repeat 0px 0px #FFF9E8;
width:109px; height:38px; display:block;
padding:8px 30px 0 43px;
color:#444131;
float:left; font:16px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
}
#midDiv div.Davis a:hover{
background:url(royal_policy-images/more_bgh.gif) no-repeat 0 0 #FFF9E6; color:#444131;
}
/*------------------------------------------------down table-----------------------*/
#downv{
background:url(royal_policy-images/down_table_bg.gif) repeat-x;
width:100%;
height:271px;
margin:0 auto 0 auto;
float:left;
padding:0 0 0 0;
}
#bestv{
width:778px;
height:271px;
margin:0 auto 0 auto;
background:url(royal_policy-images/best_bg.gif) no-repeat right top;
}
#best{
width:283px;
float:left;
background:url(royal_policy-images/line.gif) repeat-y right;
height:270px;
}
#best h2{
width:136px; display:block; color:#FFF9E3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal; padding:23px 0 0px 49px; font-size:36px; line-height:36px;
background:url(royal_policy-images/mid_h2_bg.gif) repeat-x #584200;
}
#best h2 span{
color:#FFF9E7; background-color:#584200;
font-size:30px;
}
#best ul{
width:190px; display:block; margin:20px 0 0 49px;
}
#best ul li{
height:24px; display:block; background:url(royal_policy-images/arrow.gif) no-repeat 0px 5px;
}
#best ul li a{
font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFF9E9; margin:0 0 0 16px; text-decoration:none;
display:block; background-color:#584200;
}
#best ul li a:hover{
text-decoration:underline;
}
#best a.more{
background:url(royal_policy-images/more2_bg.gif) no-repeat #fff; width:43px; height:16px; display:block; margin:16px 0 0 49px;
font-family:Arial, Helvetica, sans-serif; color:#352800; font-weight:bold; padding:0 0px 0 147px;
font-size:12px; text-decoration:none;
}
#best a.more:hover{
background:url(royal_policy-images/more2_bgh.gif) no-repeat;
}
#best1{
width:283px; float:left; height:270px;
}
#best1 h2{
width:136px; display:block; color:#FFF9f6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal; padding:23px 0 0px 49px; font-size:36px; line-height:36px;
background:url(royal_policy-images/mid_h2_bg.gif) repeat-x #584200;
}
#best1 h2 span{
color:#FFF9f8; font-size:30px; background-color:#584200;
}
#best1 ul{
width:190px; display:block; margin:20px 0 0 49px;
}
#best1 ul li{
height:24px; display:block; background:url(royal_policy-images/arrow.gif) no-repeat 0px 5px;
}
#best1 ul li a{
font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFF9E0; margin:0 0 0 16px;
text-decoration:none; display:block; background-color:#584200;
}
#best1 ul li a:hover{
text-decoration:underline;
}
#best1 a.more{
background:url(royal_policy-images/more2_bg.gif) no-repeat #fff;
width:43px; height:16px; display:block; margin:16px 0 0 49px; font-family:Arial, Helvetica, sans-serif;
color:#352800; font-weight:bold; padding:0 0px 0 147px; font-size:12px; text-decoration:none;
}
#best1 a.more:hover{
background:url(royal_policy-images/more2_bgh.gif) no-repeat;
}
/*---------------footer---------*/
#foo1{
width:100%; height:206px; float:left; background-color:#353535; color:#fff;
}
#footer_div{
width:303px;
margin:0 auto 0 auto;
height:150px;
}
#footer_div ul{
width:303px;
height:20px;
display:block;
list-style-type:none;
margin:32px 0 0px 20px;
}
#footer_div ul li{
display:block;
float:left;
font:12px/11px Arial, Helvetica, sans-serif;
color:#FFFFFF; background-color:#353535;
}
#footer_div ul li a{
font:12px/16px Arial, Helvetica, sans-serif; color:#FDFDFD; text-decoration:none; background-color:#353535;
margin:0 8px 0 8px;
}
#footer_div ul li a:hover{
text-decoration:underline;
}
#footer_div p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#FFF9E0; margin:0px 0 0 50px;
background-color:#353535;
}
#footer_div p a {
color:#FDFDFD; background-color:#353535; text-decoration:underline;
}
#footer_div p a:hover {
color:#FDFDFD;
background-color:#4E4E4E;
}
#footer_div ul.css{
width:160px;
display:block;
margin:10px 0 0px 75px;
font-size:0px;
padding:0px;
}
#footer_div ul.css li{
display:block;
float:left;
margin:0 0 0 0;
}
#footer_div ul.css li a{
display:block;
text-indent:-2000px;
height:24px;
margin:0 2px 0 0;
font-size:0px;
}
#footer_div ul.css li a.htm{
background:url(royal_policy-images/html.gif) no-repeat 0 0; width:75px;
}
#footer_div ul.css li a.cs{
background:url(royal_policy-images/css.gif) no-repeat; width:75px;
}
</style>
</head>
<body>
<div id="updiv">
<div id="header">
<img src="royal_policy-images/logo.gif" title="royal policy" alt="royal policy" />
<h1>mauris eros, ornare
necauctor quis,</h1>
<ul>
<li><a href="#" class="home" title="home">home</a></li>
<li><a href="#" class="search" title="search">search</a></li>
<li><a href="#" class="ser" title="services">services</a></li>
<li><a href="#" class="blog" title="blog">blog</a></li>
<li><a href="#" class="contact" title="contact">contact</a></li></ul>
<ul class="navi">
<li><a href="#" class="navi1">home</a></li>
<li><a href="#" class="navi1">search</a></li>
<li><a href="#" class="navi1">services</a></li>
<li><a href="#" class="navi1">blog</a></li>
<li><a href="#" class="nobor">contact</a></li>
</ul>
<h2>(we)
<span>about us</span></h2>
<p>Royal Policy 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 "Design by Template World" and the link http://www.templateworld.com from the footer of the template.</p>
<h3>Creative Commons Attribution 2.5 License.</h3>
<br class="blank" />
</div>
</div>
<div id="mid">
<div id="midDiv">
<div class="Davis"><!--august start -->
<h2>L Davis <span>03rd august 2006</span></h2>
<p><span>S</span>ed viverra ante ut tortor. Curabitur ac est ut arcu viverra placerat.Maecenas cursus risus et orci. Insittyd amet purus ac maurisVesti gegestartmuicsds the text pharetra.Viva</p>
<a href=""><strong>Comments: 06</strong> more</a>
</div>
<!--2nd-->
<div class="Davis"><!--august start -->
<h2>M Pattrick <span>03rd august 2006</span></h2>
<p><span>S</span>ed viverra ante ut tortor. Curabitur ac est ut arcu viverra placerat.Maecenas cursus risus et orci. Insittyd amet purus ac maurisVesti gegestartmuicsds the text pharetra.Viva</p>
<a href=""><strong>Comments: 06</strong> more</a>
</div>
<!--end 2nd-->
<!--3rd start-->
<div class="Davis"><!--august start -->
<h2>R David <span>03rd august 2006</span></h2>
<p><span>S</span>ed viverra ante ut tortor. Curabitur ac est ut arcu viverra placerat.Maecenas cursus risus et orci. Insittyd amet purus ac maurisVesti gegestartmuicsds the text pharetra.Viva</p>
<a href=""><strong>Comments: 06</strong> more</a>
</div>
<!--3rd end-->
<!--august end -->
<!--august end -->
<!--august end -->
<br class="blank" />
</div>
</div>
<div id="downv">
<div id="bestv">
<div id="best">
<h2>best
<span>publishers</span></h2>
<ul>
<li><a href="#">Nunc In</a></li>
<li><a href="#">HacferytuyrtuyioVeSrTi</a></li>
<li><a href="#">tyyeshabit Eplateagtyye</a></li>
<li><a href="#">Nunc Inrtte</a></li>
</ul>
<a href="#" class="more">more</a>
</div>
<div id="best1">
<h2>best
<span>solutions</span></h2>
<ul>
<li><a href="#">Nunc In</a></li>
<li><a href="#">HacferytuyrtuyioVeSrTi</a></li>
<li><a href="#">tyyeshabit Eplateagtyye</a></li>
<li><a href="#">Nunc Inrtte</a></li>
</ul>
<a href="#" class="more">more</a>
</div>
</div>
</div>
<div id="foo1">
<div id="footer_div">
<ul>
<li><a href="#">Home</a>|</li>
<li><a href="#">Search</a>|</li>
<li><a href="#">Service</a>|</li>
<li><a href="#">Blog</a>|</li>
<li><a href="#">Contact</a></li>
</ul>
<p>© royal policy. All right reserved.<br />
Design by:<a href="http://www.templateworld.com/">Template World</a></p>
<ul class="css">
<li><a href="http://validator.w3.org/check?uri=referer" target="_blank" class="htm" title="html">Xhtml</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" class="cs" title="css">html</a></li>
</ul>
</div>
</div>
</body>
</html>
Related examples in the same category