zinged v2

<html>

<link rel='stylesheet' type='text/css' href='http://static.tumblr.com/rqhjqxm/vVNnyczmz/zingedv2.css
'>

<div id=bg></div>
<div class=menu-wrap>
    <nav class=menu>
        <ul class=clearfix>
            <li><a href=#home>Home</a></li>
			<li><a href=#rules>Rules</a></li>
            <li>
                <a href=#ev>Hover</a>

                <ul class=sub-menu>
                    <li><a href=#one>page one</a></li>
                    <li><a href=#two>page two</a></li>
                    <li><a href=#three>page three</a></li>
                    <li><a href=#four>page four</a></li>
                </ul>
            </li>

			 <li>
                <a href=#mo>Hover</a>

                <ul class=sub-menu>
                    <li><a href=#five>page five</a></li>
                    <li><a href=#six>page six</a></li>
                    <li><a href=#seven>page seven</a></li>
                    <li><a href=#eight>page eight</a></li>
                </ul>
            </li>
        </ul>
    </nav>
</div>
<div id=box1>
<h3>News</h3>
<div class=text1>
<h4>Posted by Username - October 2 2015</h4>
<img src=http://images.marapets.com/avatars/trickortreat07.gif> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non dolor efficitur, convallis augue at, viverra arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis eu porttitor libero, vel dictum justo.
<br><br>
<h4>Posted by Username - September 28 2015</h4>
<img src=http://images.marapets.com/avatars/loser.gif> Mauris sollicitudin mi sit amet massa malesuada sollicitudin in eget quam. Pellentesque habitant morbi tristique senectus. Integer eros massa, dictum et venenatis ac, mollis at massa. Aliquam dignissim fringilla.

</div>
</div>

<div id=box2>
<a name=home></a>
<h3>Welcome</h3>
<div class=text2>
Welcome to Zinged! This is how you do <b>BOLD</b>, <u>UNDERLINED</u> and <i>ITALIC</i> text.
<br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lorem lectus, venenatis et libero ut, ultrices mollis massa.
<br><br>
Aliquam nec lacus vitae ante dapibus rhoncus id a purus. Sed vitae bibendum augue. Cras sollicitudin quis elit id sollicitudin. Phasellus mollis leo vel laoreet moila. Donec mollis posuere odio, non cursus est posuere sit amet. Etiam lobortis tincidunt purus, ac dictum eros suscipit eget. Nunc consequat in dolor et dictum.
</div>

<a name=rules></a>
<h3>rules</h3>
<div class=text2>
<h4>01: PUT YOUR FIRST RULE HERE</h4>
<ul><li>Here's some sub-text if you wanted to explain or expand on it.
Vivamus ultricies, metus vitae viverra tristique, mi nulla imperdiet nibh, ac porttitor nunc nisl aliquet ligula.
</li>
<li>If you need more dot points just put the text in between some <b>< li > < / li ></b> tags (without the space)</li></ul>

<h4>02: PUT YOUR SECOND RULE HERE</h4>
<ul><li>Vestibulum eget mi efficitur, <i>dictum mi sit amet</i>, accimsan tellus. Suspendisse ac lectus sed dolor dictum aliquet.</li></ul>

<h4>03: PUT YOUR FOURTH RULE HERE</h4>
<ul><li>Quisque mauris odio, sodales in neque sit amet, vulputate aliquam sapien. <b>Suspendisse ut gravida leo</b>, sit amet sollicitudin lacus</li>
<li>Curabitur quam ipsum, faucibus non vestibulum tempus, porttitor id dui. </li></ul>

<h4>04: PUT YOUR FIFTH RULE HERE</h4>
<ul><li>Donec ultrices, turpis eu <u>mattis vulputate</u>, diam ipsum pharetra orci, ut finibus ipsum ex rutrum arcu.
</ul></li>
</div>

<a name=one></a>
<h3>page one</h3>
<div class=text2>
Praesent leo massa, bibendum ut tellus non, <b>ultrices</b> auctor nibh. Vestibulum in scelerisque leo. Integer eu dolor eu eros efficitur euismod. Phasellus id lorem augue. Nunc id turpis at lacus consequat dictum vel sit amet enim. Vestibulum nulla libero, bibendum in finibus nec, finibus eget diam
<br><br>Pellentesque habitant morbi <b>tristique senectus et netus</b> et malesuada fames ac turpis egestas. Phasellus luctus ante ut magna malesuada laoreet. Nullam vel scelerisque dui, et hendrerit lacus. Quisque tellus sem, laoreet vitae nisl in, eleifend semper tellus.
</div>

<a name=two></a>
<h3>page two</h3>
<div class=text2>
Nullam condimentum diam cursus, rutrum turpis id, tempor neque. <u>Donec sit amet ex egestas</u>, imperdiet enim quis, pretium erat. Suspendisse non viverra lorem. Pellentesque et auctor nisl, in vestibulum libero.
</div>

<a name=three></a>
<h3>page three</h3>
<div class=text2>
Vivamus vehicula magna eget ligula molestie, ut semper purus venenatis. Curabitur sed erat quis nisl porta fermentum. Nunc pulvinar convallis ex, quis placerat tortor accumsan non.
<br><br><i>Quisque mauris odio</i>, sodales in neque sit amet, vulputate aliquam sapien. Suspendisse ut gravida leo, sit amet sollicitudin lacus. Donec ultrices, turpis eu mattis vulputate, diam ipsum pharetra orci, ut finibus ipsum ex rutrum arcu.
</div>

<a name=four></a>
<h3>page four</h3>
<div class=text2>
Aenean congue, mauris id egestas eleifend, magna nibh sagittis sem, in vehicula <b>velit dolor</b> maximus massa.
<br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec luctus sodales fringilla. Fusce nec malesuada eros. Proin sed nisi volutpat orci congue bibendum. Nam et risus tempus, tristique purus non, tempus erat. Pellentesque cursus feugiat odio, ut lacinia mauris luctus nec. Donec sed egestas nulla.
</div>

<a name=five></a>
<h3>page five</h3>
<div class=text2>
Nunc porta, quam sed tincidunt placerat, <i>risus ligula</i> pellentesque ex, et mattis libero elit eget dolor. Cras tortor lectus, imperdiet sit amet placerat sed, vulputate ac ligula. Vestibulum nec interdum justo, eu cursus erat. Sed varius eget neque ut dictum. Suspendisse fringilla sed magna sit amet blandit.
</div>

<a name=six></a>
<h3>page six</h3>
<div class=text2>
Proin eget nunc non felis pellentesque feugiat a vel sapien. Aliquam fermentum leo et felis ullamcorper, id molestie libero posuere. Ut dapibus arcu sit amet libero luctus elementum a eu nulla. Phasellus interdum ac erat ut molestie. Donec eu lorem luctus, accumsan magna eget, pulvinar ex. Vestibulum imperdiet velit lectus, ut pretium nunc elementum sed.
<ul><li>Nullam posuere nisl ut sapien tempus aliquam. Nullam ante mi, <u>efficitur quis nulla eget</u>, malesuada sagittis mi. Suspendisse vehicula nisi id mi porttitor, accumsan fermentum mauris aliquam.
</li></ul>

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus lacinia urna ut mauris tincidunt, ut congue ante finibus. Fusce eu nisi neque. Donec viverra lobortis blandit. Pellentesque arcu odio, semper a libero id, pretium aliquet augue. Etiam consequat dui sem, sed finibus ante malesuada sed. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque ut magna eget tellus rutrum rutrum quis ut nisl. Fusce maximus ante at leo molestie pulvinar. Vestibulum vitae tristique elit, eget volutpat eros.</div>

<a name=seven></a>
<h3>page seven</h3>
<div class=text2>
Nullam risus massa, consectetur eget euismod nec, maximus non elit. <b>Curabitur convallis ligula</b> vel erat finibus suscipit. Praesent imperdiet elementum lorem vitae congue. Nulla sodales eu urna a commodo.
</div>

<a name=eight></a>
<h3>page eight</h3>
<div class=text2>
Interdum et malesuada fames ac <i>ante</i> ipsum primis in faucibus. Proin nec velit fermentum, rhoncus lorem >in, sodales ligula. Etiam nisl est, cursus ac mollis quis, ultrices ut mi. Phasellus quis risus hendrerit quam volutpat eleifend. Integer scelerisque pellentesque ex at sagittis.
<br><br>Aenean fringilla quis massa sit amet fermentum. Nam sed turpis id ligula congue ornare quis ac felis. Vestibulum porta fringilla justo ac lacinia.
</div>
</div>
</html>