Header
The header component is critical as it visually establishes for the user what digital space they find themselves in. It is always placed at the top of every page on a site and may contain any combination of the corporate logo, site/application title, search box, and menu elements/components.
Component data
Global resources:
cicon-package.zip | bootstrap-grid.css (4.4.1) | jquery-3.6.0.min.js
Component resources:
SCSS files l coc.nav.js | util.js | modal.js | coc.animations.js
Functional grouping: Structure and layout
Demo
Configure: select the dropdowns below to display the variety of options that a header supports.
Do
Ensure the logo links back to the site's homepage.