mirror of
https://github.com/kirsle/kirsle.net
synced 2024-11-14 12:59:28 +00:00
150 lines
7.4 KiB
HTML
150 lines
7.4 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Cuvou.com</title>
|
||
|
|
<link rel="StyleSheet" type="text/css" media="screen" href="/designs/cosmos/screen.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="cv-content-wrapper">
|
||
|
|
<div class="cv-content-eyecandy">
|
||
|
|
<div class="cv-content-topedge">
|
||
|
|
<div class="cv-content-brdrne"></div>
|
||
|
|
</div>
|
||
|
|
<div class="cv-content-left">
|
||
|
|
<div class="cv-content-right">
|
||
|
|
<div class="cv-content-botedge">
|
||
|
|
<div class="cv-content-brdrsw">
|
||
|
|
<div class="cv-content-brdrse">
|
||
|
|
<div class="cv-content-body">
|
||
|
|
<h1 class="top">Cuvou.com Cosmos</h1>
|
||
|
|
|
||
|
|
This was the final web design for Cuvou.com, after
|
||
|
|
<a href="/designs/storm">Storm</a> and before
|
||
|
|
<a href="/designs/solar">Kirsle.net Solar</a> (the first iteration, anyway).
|
||
|
|
<p>
|
||
|
|
|
||
|
|
<h2>Heading Level 2</h2>
|
||
|
|
|
||
|
|
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
|
||
|
|
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
|
||
|
|
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
|
||
|
|
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
|
||
|
|
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
|
||
|
|
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
|
||
|
|
|
||
|
|
Nullam et nulla. <a href="#">Fusce consectetuer</a>, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
|
||
|
|
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
|
||
|
|
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
|
||
|
|
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
|
||
|
|
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
|
||
|
|
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
|
||
|
|
Morbi semper tellus eget ipsum porta pellentesque.
|
||
|
|
|
||
|
|
<pre>Preformatted
|
||
|
|
T e x t . i</pre>
|
||
|
|
|
||
|
|
<h3>Heading Level 3</h3>
|
||
|
|
|
||
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
|
||
|
|
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
|
||
|
|
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
|
||
|
|
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
|
||
|
|
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
|
||
|
|
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
|
||
|
|
|
||
|
|
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
|
||
|
|
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
|
||
|
|
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
|
||
|
|
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
|
||
|
|
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
|
||
|
|
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
|
||
|
|
Morbi semper tellus eget ipsum porta pellentesque.
|
||
|
|
|
||
|
|
<h4>Heading Level 4</h4>
|
||
|
|
|
||
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
|
||
|
|
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
|
||
|
|
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
|
||
|
|
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
|
||
|
|
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
|
||
|
|
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
|
||
|
|
|
||
|
|
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
|
||
|
|
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
|
||
|
|
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
|
||
|
|
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
|
||
|
|
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
|
||
|
|
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
|
||
|
|
Morbi semper tellus eget ipsum porta pellentesque.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cv-starburst">
|
||
|
|
<div class="cv-logo">
|
||
|
|
<a href="#"><img src="/designs/cosmos/logo.jpg" width="403" height="145"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cv-leftnav-wrapper">
|
||
|
|
<div class="cv-leftnav-panel">
|
||
|
|
<div class="cv-leftnav-body">
|
||
|
|
<div class="cv-nav-section">Cuvou.com</div>
|
||
|
|
» <a href="#">Homepage</a><br>
|
||
|
|
» <a href="#">About Me</a>
|
||
|
|
|
||
|
|
<div class="cv-nav-section">Nav Section</div>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a>
|
||
|
|
|
||
|
|
<div class="cv-nav-section">Nav Section</div>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a>
|
||
|
|
|
||
|
|
<div class="cv-nav-section">Nav Section</div>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a>
|
||
|
|
|
||
|
|
<div class="cv-nav-section">Nav Section</div>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a>
|
||
|
|
|
||
|
|
<div class="cv-nav-section">Nav Section</div>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a>
|
||
|
|
|
||
|
|
<div class="cv-nav-section">Nav Section</div>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a><br>
|
||
|
|
» <a href="#">Links</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="cv-leftnav-foot"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|