makemyday
<!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>Makemyday</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */
body {
text-align:center;
background:url(makemyday-images/bg.gif);
}
a {
text-decoration:none;
color:#FFFFFF
}
a:hover {
text-decoration: underline;
color:#990000
}
#wrap {
width:742px;
text-align:left;
margin:0 auto;padding:50px
}
.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}
/* header */
#header {background: url(makemyday-images/hd.png); height:161px; position:relative }
#header .quest {background:url(makemyday-images/b.gif); height:116px; width:177px; position:absolute; top:40px; right:30px; font-size:18px; text-align:center; padding-top:25px}
#logo { position:absolute; top:50px; left:30px}
#logo div{ position: relative; top:-10px; left:30px}
#logo h1 { font-size:50px; font-weight:700; color:#F79C1A}
#logo div {font-weight:700}
/* content */
#content { background: url(makemyday-images/ct.png); height:397px; position:relative}
.main { width:160px}
.main h2 {font-size:16px}
.side {margin:70px 0 0 0 ; width: 250px;}
.si {margin-left: 60px;}
#ct { width:380px; padding:50px 0 0 50px; font-size:11px}
#ct div.fr h2 {font-size:24px; font-weight:700; text-align:right}
ul#nav li {float:left; padding:0 10px}
ul#nav {position:absolute; right:10px; top:10px; font-weight:700}
ul#nav li a:hover {color:#990000}
div.bt { margin:50px 0 0 70px}
/* footer */
#footer { height:50px; margin:20px}
#footer a {color:#333333}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<div id="logo">
<h1>makemyday</h1>
<div>go ahead do it</div>
</div>
<div class="quest"> <a href="http://www.free-css.com/">QUESTIONS?<br/>
CLICK HERE!</a></div>
</div>
<div id="content">
<ul id="nav">
<li class="first"><a href="http://www.free-css.com/">HOME</a></li>
<li><a href="http://www.free-css.com/">CONTACT</a></li>
<li><a href="http://www.free-css.com/">ABOUT</a></li>
</ul>
<div class="side fr">
<div class="si"> <img src="makemyday-images/1.png" alt="" /> </div>
</div>
<div id="ct">
<div class="fr">
<h2>LATESTWORK</h2>
<img src="makemyday-images/r.png" alt="" /> </div>
<div class="main">
<h2>Free CSS Templates</h2>
<p>makemyday is a CSS template that is free and fully standards compliant. Free CSS Templates designed this template. </p>
<p> This template is allowed for all uses, including commercial use, as it is released under the Creative Commons Attributions 2.5 license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!</p>
</div>
</div>
<div class="bt"> <img src="makemyday-images/1.gif" alt="" /> <img src="makemyday-images/2.gif" alt="" /> <img src="makemyday-images/3.gif" alt="" /> </div>
</div>
<div id="footer">
<div id="ftinner">
<p id="copyright"> 2008. All Rights Reserved. <br/>
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/">Dubai Apartments</a></p>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category