94 lines
2.3 KiB
HTML
94 lines
2.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title> * Your Site Here * </title>
|
||
|
|
<link href="cyanobacteria.css" rel="stylesheet" type="text/css" media="all">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta charset="utf-8">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<span>site name here</span>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="small">
|
||
|
|
<nav>
|
||
|
|
<div>navigation</div>
|
||
|
|
<a href="">link</a>
|
||
|
|
<a>link</a>
|
||
|
|
<a>link</a>
|
||
|
|
<a>link</a>
|
||
|
|
<a>link</a>
|
||
|
|
<a>link</a>
|
||
|
|
<a>link</a>
|
||
|
|
<a>longer link</a>
|
||
|
|
<a>an even longer link</a>
|
||
|
|
<a>last link</a>
|
||
|
|
</nav>
|
||
|
|
<!-- optional spot for styled button outside the navigation box -->
|
||
|
|
<img src="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<section class="half">
|
||
|
|
<h1>welcome to my homepage!</h1>
|
||
|
|
<h2>Heading 2</h2>
|
||
|
|
<h3>Heading 3</h3>
|
||
|
|
<h4>Heading 4</h4>
|
||
|
|
<p>
|
||
|
|
<strong>This is strong,</strong>
|
||
|
|
this is normal, and
|
||
|
|
<em>this is emphasized!</em>
|
||
|
|
<a href="#">This is a link.</a>
|
||
|
|
<sup>This is superscript;</sup>
|
||
|
|
<sub>this is subscript.</sub>
|
||
|
|
<code>This is code.</code>
|
||
|
|
<s>This is strikethrough.</s>
|
||
|
|
</p>
|
||
|
|
<ul>
|
||
|
|
<li>Unordered list item 1</li>
|
||
|
|
<li>Unordered list item 2
|
||
|
|
<ul>
|
||
|
|
<li>Nested list</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>Unordered list item 3</li>
|
||
|
|
</ul>
|
||
|
|
<ol>
|
||
|
|
<li>Unordered list item 1</li>
|
||
|
|
<li>Unordered list item 2
|
||
|
|
<ul>
|
||
|
|
<li>Nested list</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>Unordered list item 3</li>
|
||
|
|
</ol>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="small">
|
||
|
|
<h2>another section</h2>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis orci at sodales convallis. Proin luctus vehicula dolor, id ultrices diam eleifend eu. Donec tincidunt tellus tellus, in maximus lorem fermentum ac. Phasellus sagittis nisi in ante pretium, eget molestie est pellentesque. Ut tincidunt ultricies porta.</p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="full">
|
||
|
|
<h2>full width section</h2>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="half">
|
||
|
|
<h2>half width section</h2>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="half">
|
||
|
|
<h2>half width section</h2>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<span>cyanobacteria.css by <a href="https://ribo.zone">ribo.zone</a></span>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|