<!DOCTYPE html>
<html>
     <head>
          <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
          <title>Responsive Navbar</title>
          <link type="text/css" rel="stylesheet" href="style.css">
          <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
     </head>
     <body>
          <nav>
               <div class="toggle">
                    <i class="fa fa-bars menu" aria-hidden="true"></i>
               </div>
               <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Resume</a></li>
                    <li><a href="#">Jobs</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Contact</a></li>
               </ul>
          </nav>
          <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
          <script src="main.js"></script>
     </body>
</html>