Prompt:
Create a responsive navigation bar using HTML, CSS, and JS. Use ___ color scheme, ___ logo placement, and ___ menu style. The navigation bar should collapse into a hamburger menu on mobile.
Example:
Create a responsive navigation bar using HTML, CSS, and JS. Use a navy and white color scheme, left-aligned logo, and horizontal menu style. The navigation bar should collapse into a hamburger menu on mobile.
Sticky Navigation Bar Prompt
Prompt:
Create a sticky navigation bar using HTML, CSS, and JS. Use ___ background style, ___ shadow effect, and ___ transition for stickiness. The bar should remain visible at the top while scrolling.
Example:
Create a sticky navigation bar using HTML, CSS, and JS. Use a transparent background style, subtle shadow effect, and smooth fade-in transition for stickiness. The bar should remain visible at the top while scrolling.
Navigation Bar with Dropdowns Prompt
Prompt:
Create a navigation bar with dropdown menus using HTML, CSS, and JS. Use ___ dropdown animation, ___ icon style, and ___ menu alignment. The dropdowns should be accessible and keyboard-navigable.
Example:
Create a navigation bar with dropdown menus using HTML, CSS, and JS. Use a slide-down dropdown animation, chevron icon style, and right-aligned menu. The dropdowns should be accessible and keyboard-navigable.