Untitled

<html>
   <head>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
      <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
      <style>
         sho {
         display: none;
         }
         .w3-topnav + sho {
         display: block;
         }
      </style>
   </head>
   <div class='w3-topnav w3-blue w3-top'>
      <a href="#projects">
         <sho>Projects></sho>
         <i class="fa fa-th hover"></i>
      </a>
      <a href="#videos">
         <sho>Videos</sho>
         <i class="fa fa-youtube-square hover"></i>
      </a>
   </div>
</html>