leaf
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>~Leaf~</title>
<style type='text/css'>
/*
##############################################################################################
# Generated by CaScadeS, a stylesheet editor for Mozilla Composer #
# Author: Naser Imran Hossain #
# Website:http://naser.r8.org #
# Disclaimer: Use this template for any purpose necessary, but please keep the footer intact #
##############################################################################################
*/
#content { border-style: none solid solid;
border-bottom-width: 10px;
font-family: Times New Roman,Times,serif;
padding-left: 10px;
padding-right: 10px;
border-right-width: 10px ! important;
border-left-width: 10px ! important;
padding-bottom: 5px;
text-align: justify ! important;
background-color: rgb(255, 255, 255);
}
#content a:link, a:visited, a:active { border-style: none none dashed;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
border-bottom-width: 1px;
text-decoration: none ! important;
font-size: 12px ! important;
color: rgb(102, 0, 204) ! important;
background-color: transparent ! important;
}
#content a:hover { border-style: none ! important;
font-style: italic ! important;
color: rgb(255, 153, 255) ! important;
font-weight: bold ! important;
font-size: 12px ! important;
font-family: Arial,Helvetica,sans-serif ! important;
background-color: transparent ! important;
}
.nav { border: 2px double rgb(0, 0, 0) ! important;
margin-left: 0px;
font-family: Arial,Helvetica,sans-serif ! important;
font-size: 11px ! important;
font-weight: bold ! important;
width: 55px ! important;
height: 15px ! important;
position: absolute ! important;
margin-top: 10.5px ! important;
padding-top: 0px ! important;
background-color: rgb(255, 102, 0) ! important;
color: rgb(255, 255, 255) ! important;
}
.nav a:hover { font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
font-style: italic;
background-color: rgb(255, 102, 0);
color: rgb(0, 0, 0);
}
#footer { border-style: none;
border-color: rgb(153, 51, 0);
font-size: 11px;
font-weight: normal;
font-family: Arial,Helvetica,sans-serif;
text-align: center;
position: static;
color: rgb(204, 204, 255);
}
#footer a:link, a:active, a:visited { font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: rgb(255, 255, 255);
font-weight: bold;
}
</style>
</head>
<body style="margin-left: 40px; width: 667px; color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);" alink="#000099" link="#000099" vlink="#990099">
<big><img style="border: 10px solid ; height: 249px; width: 552px;" src="leaf-images/header.jpg" alt="header" align="top" hspace="20" vspace="0"></big>
<div style="margin-left: 61px; width: 497px;" id="content"><a style="color: rgb(255, 255, 255);" href="index.html"><span style="color: rgb(255, 255, 255);"></span></a><br>
<br>
<p style="height: 20px; width: 58px; top: 346px; left: 305px;" class="nav"> <a href="index.html">
<span style="color: rgb(255, 255, 255);">Gallery</span></a></p>
<br>
<br>
<p style="z-index: 2; height: 19px; width: 53px; top: 346px; left: 242px;" class="nav"> <a style="color: rgb(255, 255, 255);" href="index.html"><span style="color: rgb(255, 255, 255);">Blog</span></a><span style="color: rgb(255, 255, 255);"></span></p>
<p style="height: 20px; width: 58px; top: 346px; left: 367px;" class="nav"><a href="index.html"> <span style="color: rgb(255, 255, 255);">Contact</span></a></p>
<hr style="width: 100%; height: 2px;">
<big><big><big><big><big><span style="font-weight: bold;">`H</span></big></big></big></big></big>ola
<span style="font-weight: bold;">. <big>.</big>
<big><big><big>.</big></big></big> <big><big><big><big>.</big></big></big></big>
<big><big><big><big><big>.</big></big></big></big></big></span>
<br>
~<big style="font-weight: bold;"><big><big>L</big></big></big>eaf
is my first submission to <a href="http://oswd.org">OSWD</a>.
Its a single column,css based template that took me quite an effort to
build as i'm a noob and a total rookie in css (if not HTML) .Hope this
will AHEM! entice some wlling webmasters to use it on their own sites
.Anyone can change the look/feel /what-ever of the design to
their heart's content .In return i just ask all of you to keep that
small foot note "designed by NiH" intact, after all its a personal
world, muhaaaa..........<br>
<br>
PS: The entire design would not have formulated if i didn't had nvu.
Its a free /open-source HTML/CSS editor thats free to
download
and is part of the prestigious mozilla family, you can go get it now.
Now time for jibberish stuff. I dunno what the hell they mean, all i
remember is this "lorem ipmsum" might be an animal or something.<br>
<br>
Another thing, the template might look a bit crappy on IE, then again
IE is itself a crappy product ;so either stop using IE and adopt <a href="http://getfirefox.com">firefox</a>/<a href="http://opera.com">opera</a> or suit yourself.<br>
<br>
---- regard<big><big><span style="font-weight: bold;">Z</span></big></big>
: "<big><span style="font-weight: bold;">N</span></big>aser
<big><span style="font-weight: bold;">I</span></big>mran
<big><span style="font-weight: bold;">H</span></big>ossain"<br>
<br>
<span style="text-decoration: underline;">Revision:</span> Fixed "orange button" bug in IE. Damn how i hate IE(but still use it everyday). <a href="http://www.cyberiapc.com/gates.mov">Here</a>'s something to cheer geeks up (right click and download)<br style="text-decoration: underline;">
<h1 style="text-decoration: underline; text-align: left;">Jibberish</h1>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eoset accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. <br>
<br>
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <br>
<br>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
delenit augue duis dolore te feugait nulla facilisi.
<br>
<br>
<br>
<br>
<p style="height: 22px; top: 346px; left: 117px;" class="nav"><a href="index.html">
<span style="color: rgb(255, 255, 255);">Home</span></a></p>
<p style="width: 54px; height: 20px; top: 346px; left: 180px;" class="nav">
<a href="index.html"><span style="color: rgb(255, 255, 255);">About</span></a></p>
</div>
<div style="margin-left: 56px; width: 515px;" id="footer">
<br>
Copyright © 2005 |
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a>
| Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
| Designed by <a href="http://naser.r8.org">NiH</a></div>
</body>
</html>
Related examples in the same category