<a href="profile.html">
    <i class="fa fa-user fa-lg"></i>
    <span class="nav-text">Profile</span>
  </a>
  
  <a href="email.html">
      <i class="fa fa-envelope-o fa-lg"></i>
      <span class="nav-text">E-mail</span>
  </a>
  
  <div class="mid-block">

<a  href="webtool.html">
    <i class="fa fa-flask fa-lg"></i>
    <span class="nav-text">Web Tools</span>
  </a>

<a  href="art.html">
    <i class="fa fa-picture-o fa-lg"></i>
    <span class="nav-text">Art & Design</span>
  </a>
  <a  href="game.html">
    <i class="fa fa-gamepad fa-lg"></i>
    <span class="nav-text">Games</span>
  </a>
   
  </div>
   <a href="doc.html">
    <i class="fa fa-book fa-lg"></i>
    <span class="nav-text">Documentation</span>
  </a>

</div> 
</nav>