Collectors of the Dark Layout

<html>
<link rel='stylesheet' type='text/css' href='http://static.tumblr.com/rqhjqxm/48Pnviwai/cotd_css.css
'>

<div id=bg></div>
<div id=menu><a href=#home>home</a>
<a href=#games>games</a>
<a href=#events>events</a>
<a href=#members>members</a>
<a href=#packs>packs</a>
</div>


<div id=box>
<a name=home></a>
<h3>home</h3>
<div class=text>
This is how you do <b>BOLD</b>, <i>ITALIC</i> and <u>UNDERLINED</u> text.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam justo tellus, elementum sed tellus quis, varius malesuada nisi. Aliquam quis neque a sapien imperdiet ultricies. Nam viverra, tortor vitae et porttitor, mi dui aliquet mi, vel efficitur nulla odio in libero. Sed a dui quis libero finibus imperdiet. Nullam lobortis fermentum rutrum. Suspendisse ac ultricies tellus, non tincidunt odio. Integer sagittis sagittis eleifend. Morbi libero enim, molestie ac massa ut, consectetur malesuada sapien. Donec porttitor lacinia dignissim. Sed tempus laoreet mi ac rutrum. Donec pretium molestie hendrerit. Proin placerat, ligula sit amet laoreet eleifend, lorem tortor auctor metus, fringilla pulvinar urna metus ac risus. In eu lobortis metus. Etiam non condimentum tellus. Nullam fermentum ullamcorper convallis. Donec a mauris vitae lectus interdum lobortis id eget diam.
</div>

<a name=games></a>
<h3>games</h3>
<div class=text>
<h4>Here's a Sub-Heading if you need it</h4>
Put your text here!

<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et nisi eu orci condimentum auctor at id lorem. Integer scelerisque ultricies nunc non commodo. Mauris dignissim fringilla mauris, eu viverra est mollis sit amet. Etiam finibus mattis diam eget porttitor. Sed eleifend aliquam elit, id ultricies felis consectetur eu. Nunc vehicula, urna nec fermentum bibendum, tellus est pharetra velit, sit amet bibendum nunc lectus vel metus. Cras ut urna id ligula gravida posuere at a risus. Nunc at ultricies nisl. Mauris id pulvinar risus. Cras tortor erat, consequat quis lacus id, posuere viverra metus. Morbi magna tellus, maximus id placerat in, porttitor id quam. Morbi luctus quam ornare vestibulum pellentesque. Nullam mattis iaculis augue vel gravida. Morbi blandit dui ante, eu eleifend tellus eleifend ut. Sed vitae molestie orci. Duis sit amet leo non metus interdum sagittis.
<br><br>
Morbi et cursus orci. Ut sollicitudin ipsum vel turpis porttitor aliquet. Duis turpis est, fringilla vel diam eget, elementum volutpat sapien. Donec porta ex imperdiet pellentesque vulputate. Fusce luctus, diam quis luctus maximus, lorem purus feugiat neque, nec porta ligula lectus eu nisi. Pellentesque tellus justo, varius scelerisque blandit et, gravida vitae turpis. Vestibulum ac vestibulum odio. Etiam aliquam justo nec egestas volutpat. Curabitur accumsan egestas nisl, et ultricies arcu. Ut tristique hendrerit viverra. Aliquam consequat leo sit amet elit laoreet, eget varius lorem eleifend. Praesent sed efficitur urna. Vestibulum posuere malesuada ligula, eget eleifend mi.

</div>

<a name=events></a>
<h3>events</h3>
<div class=text>
More text</div>

<a name=members></a>
<h3>members</h3>
<div class=text>
Even more text</div>

<a name=packs></a>
<h3>packs</h3>
<div class=text>
Last box</div>
</div>


<div class=b1><h3>mini-box 1</h3>
<div class=smallt>text for mini-box 1</div>
</div>

<div class=b2><h3>mini-box 2</h3>
<div class=smallt>
text for mini-box 2
</div>

</div>

<div class=b3><h3>mini-box 3</h3>
<div class=smallt>text for mini-box 3</div>
</div>
</html>