Skip to content

suongfiori/Responsive-ToggleNav-LandingPage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Landing Page with Toggleable Navbar

This is a "Dashboard" landing page with a menu navbar that can be toggled to show and hide.

▶️ Live Deployment Link

Technologies Used

JavaScriptReact HTML5 CSS3 Figma

Features

✔️ Responsive design for desktop, small tablets and mobile devices.

✔️ Toggle button that opens and closes the menu navbar on mobile view.

✔️ Smooth transitions and animations when the menu navbar is opened or closed.

Usage

➡️ To see this landing page, simply open the index.html file in your web browser.

➡️ Click the toggle arrow / menu button to open and close the menu navbar on mobile view screen.

Credits

➡️ This landing page Figma design was created by Gary Simon as part of his course "From Figma to code".

➡️ I built the app in Vanilla JS, then rebuilt it in React afterwards.