Landing Page with Responsive Menu and Modal

A learning project focusing on using JavaScript to create a sliding menu and a modal that fades in/out. Uses a simple profile/portfolio page as a base.

Link to project

https://andrew-braun.github.io/sliding-menu-modal/

Functionality

• Side-menu layout, responsive at various screen sizes
• Hamburger menu that slides in from the side
• Modal that pops up/fades in/out on button click

Concepts

• Building a site from scratch
• Responsive design
• Showing/hiding content using JS

Technologies

• HTML5
• CSS3
• Vanilla JS
• Font-Awesome
• RandomUser.me

Planned Features

• Working nav buttons on menu
• Sliding menu slides out on nav button click
• Polish appearance/effects