Navigation Menu Sidebar Sample Code

Why give out your phone number to anyone when you can give out your virtual number to everyone! Try Call Me Private today!

Code:

<div class=\"coffin\">
<div class=\"pillow\">MyPost Menu</div>
<ul class=\"nav\" style=\"list-style-type: none;\">
<li><a data-coffin=\"click\" href=\"post/navigation-menu-sidebar-sample#getstarted\">Get Started</a></li>
<li><a data-coffin=\"click\" href=\"post/navigation-menu-sidebar-sample#helloworld\">Hello World</a></li>
<li><a data-coffin=\"click\" href=\"post/navigation-menu-sidebar-sample#kudos\">Kudos</a></li>
</ul>
</div>
<div class=\"page\">
<div class=\"container\">
<div class=\"ten columns content\">
<h1 class=\"remove-bottom\" style=\"margin-top: 40px\">MyPost Sidebar Menu</h1>
<hr />
<h3 id=\"getstarted\">Get Started</h3>
<p>It all starts with a post that includes some HTML and CSS code.<p>
<hr />
<h3 id=\"helloworld\">Hello World</h3>
<p>With MyPost, you can do just about anything you want to make your posts completely customized to match what you are looking for in a post.</p>
<hr />
<h3 id=\"kudos\">Kudos</h3>
<p>MyPost was created and designed by <a href=\"http://www.matthewgates.co/\" target=\"_blank\" title=\"Matthew Gates\">Matthew Gates</a>.</p>
</div></div></div>
CSS:
.headline { display: none; }
.coffin { width: 200px; }
.page { box-shadow: none; margin-left: 100px; margin-top: -100px; }
.content { padding: 0; }
a { color: #000; }
.pillow { margin-top: -25px; }