In this video I go over how to create this Sidebar Menu using only HTML CSS and Vanilla JavaScript. I show you the full front end coding tutorial, where I create the structure of the elements in HTML and then write all of the styling and effects with CSS. I use Vanilla JavaScript to add functionality to make the navigation bar expand and to add an active state to the selected link.

Codepen: https://codepen.io/angeladelise/pen/VwaNeab

In this video I show you:

• 0:00 - Intro
• 0:35 - Starting Code
• 1:01 - Figma Design
• 2:11 - HTML Code
• 4:10 - CSS Code
• 10:49 - Vanilla JavaScript Code

#html #css #javascript