This is a fully responsive navigation bar with icons that adapts to different screen sizes. On desktop, the navigation items are displayed horizontally. On mobile devices, the navigation collapses into a hamburger menu.

Each navigation item includes a relevant icon from Font Awesome. The active item is highlighted with a blue accent.

Try resizing your browser window to see how the navbar adapts to different screen sizes. On mobile screens, click the hamburger icon to toggle the menu.