To the index.html file, add the following.
The code might look complex but it isn’t. The code is actually broken down into 4 parts, the header, two sections and a footer.
To the style.css file, add the following.
@import url("https://fonts.googleapis.com/css2?family=Poppins&family=Redressed&family=Rubik&display=swap");
Again, one is free to style it to their liking, the @import url() is used to import a font family into the webpage and the @media screen and (min-width: 0px) is a media query used to make the webpage responsive.
To the script.js file, add the following.
The code above selects the div tags with an id of “menu”, items and the body tag and shows and hides the navigation menu on click but adding and removing a class that has display value “none”, check the above CSS style for more info.