<!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>