NavBar (Responsive)
Introduction

A navigation bar is a navigation header that is placed at the top of the page

Navbar with heading

A navbar will have a heading at the leftmost end and action items at right end. It can also have a searchbar at its center which will be hidden if the screen size decreases. Along with it, it may also contain a hamburger icon at its start which will be hidden at first and will be displayed after screen size decreases to a certain point.