HTML/CSS Header Navigation Redesign
Budget / Salary₹12,500–37,500
TypeFreelance project
LocationRemote
Posted2 hours ago
I’m refreshing the header of my existing site and need a brand-new, horizontal navigation menu built with clean HTML5 and CSS3. The rest of the site stays as is, so your focus is solely on the header.
What I’m after
• A modern, horizontal menu that replaces the current navigation.
• Smooth hover and active states that feel consistent with my logo, colours and fonts.
• Fully responsive behaviour—desktop, tablet and mobile breakpoints should collapse or adjust elegantly without relying on heavy JavaScript (CSS Flexbox or Grid is fine).
• Code that drops straight into my present codebase: well-commented HTML/CSS files plus any supportive assets (SVGs, icons, etc.).
Acceptance criteria
• Menu renders pixel-perfect in the latest Chrome, Firefox, Safari and Edge.
• No layout shifts when switching between viewports down to 320 px.
• All links remain keyboard-navigable and pass basic accessibility checks (aria-labels where appropriate).
Send over the finished header files, a brief read-me on integration steps, and a quick screen capture or live link demonstrating the menu in action. If you have questions about existing styles or need the current CSS, just let me know and I’ll provide it right away.
What I’m after
• A modern, horizontal menu that replaces the current navigation.
• Smooth hover and active states that feel consistent with my logo, colours and fonts.
• Fully responsive behaviour—desktop, tablet and mobile breakpoints should collapse or adjust elegantly without relying on heavy JavaScript (CSS Flexbox or Grid is fine).
• Code that drops straight into my present codebase: well-commented HTML/CSS files plus any supportive assets (SVGs, icons, etc.).
Acceptance criteria
• Menu renders pixel-perfect in the latest Chrome, Firefox, Safari and Edge.
• No layout shifts when switching between viewports down to 320 px.
• All links remain keyboard-navigable and pass basic accessibility checks (aria-labels where appropriate).
Send over the finished header files, a brief read-me on integration steps, and a quick screen capture or live link demonstrating the menu in action. If you have questions about existing styles or need the current CSS, just let me know and I’ll provide it right away.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.