<div class="container">
<ul class="navigation">
<li>
<a href="#" class="to top">
<i class="fa fa-home"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="#" class="to bottom">
<i class="fa fa-qrcode"></i>
<span>About</span>
</a>
</li>
<li>
<a href="#" class="to right">
<i class="fa fa-flash"></i>
<span>Work</span>
</a>
</li>
<li>
<a href="#" class="to left">
<i class="fa fa-pencil"></i>
<span>Journal</span>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-heart"></i>
<span>Contact</span>
</a>
</li>
</ul>
</div>