Responsive Navbar

High Contrast - Startup

Posted at: 10-11-2024

Brief: Design a responsive navigation bar for “NavMaster,” a website showcasing navigation bar designs. The navbar should display a logo on the left and menu items on the right, which collapse into a hamburger menu on smaller screens. Use a dark blue background (#2C3E50) with light red accent links (#E74C3C) to create a modern and stylish look. The project will focus on using Flexbox for layout and JavaScript for toggling the mobile menu. Requirements: Logo: Positioned on the left side of the navbar. Menu Items: Links labeled “Home,” “About,” “Services,” and “Contact.” Responsive Design: On smaller screens, menu items should collapse into a hamburger icon. Typography: Link text in Arial Bold, size 16px. Simple toggle function to show/hide menu on mobile. Hover Effects: Links change color on hover for interactivity.

Milestones
  • Project delivery
    To deliver the project as agreed
Deadline
17-11-2024
Client budget
5 USD