The header component contains several elements:

  • University of Illinois branding including the top border, institution name, and Block I logo
  • Site title and parent site title
  • Search bar
  • Featured links
  • Main navigation


The desktop version displays all header elements on page load.

desktop header


The tablet version displays a collapsed menu that houses the search bar, featured links, and main navigation.

tablet header


The mobile version displays the Block I, site title, and collapsed menu.

mobile header