carlmelon
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="Free CSS Template" />
<meta name="keywords" content="Free Template, Free CSS Template, CSS Template, Free Layout" />
<title>UNIX.cx</title>
<style type='text/css'>
/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
</style>
<link rel="stylesheet" href="carlmelon-css/main.css">
<link href="http://fonts.googleapis.com/css?family=Josefin+Slab|Six+Caps|Lobster|VT323|Artifika" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/unixcx.js"></script>
</head>
<body>
<div id="keyword">
<div id="header"><div>
<h1><span class="carlmelon">carlmelon</span> by James Fletcher</h1>
<ul>
<li><a href="http://www.unix.cx/">unix.cx</a></li>
<li><a href="carlmelon.zip">Download</a></li>
<li><a href="http://www.coeplic.co.uk/">Hosting</a></li>
<li><a href="http://www.plan1.co/">Business Systems</a></li>
</ul>
</div>
</div>
<div id="data"><div>
<h2>Look no images..</h2>
<p>This is a layout I made a while back. I personally don't much care for the fancy CSS,
but apparently the rest of the world does, so I've realeased it for others to use. Use it
for whatever you want as long as you follow the rules. If you have any issues, feel free
to email me about it, and I'll probably feel free to ignore you.
</p>
<p>The great thing about this layout is that it's text-only, there's not one image used. This
makes it <strong>extremely</strong> efficient, and provides great accessibility, I could probably
go on about 'web standards' and 'the semantic web', but there's enough idiots out there trying to
make out that standards compliant html/css is the be all and end all of the world. It's web
markup. Nobody cares.
</p>
<p>Here's some links:</p>
<ul>
<li><a href="http://www.freebsd.org/">FreeBSD - Use it!</a></li>
<li><a href="http://www.suckless.org/">Some software you should use</a></li>
<li><a href="http://www.vim.org/">Vim - a better text-editor.</a></li>
<li><a href="http://www.mutt.org/">Mutt - mail client</a></li>
</ul>
<p class="author">James E. Fletcher - jf@unix.cx</p>
</div>
</div>
<div id="keyword2"></div>
</div>
<div id="footer"><div>
<p>© James Fletcher 2010 | <a href="http://www.unix.cx/">www.unix.cx</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category