# Headers

Tailwind CSS header sections to create strong navigation at the top of your website with branding, links, and action buttons. These header layouts come in different styles and responsive structures for modern websites.

## Header 1

PreviewCode

[Full Screen](/content/preview/header01/index.html)

## Header 2

PreviewCode

[Full Screen](/content/preview/header02/index.html)

## Header 3

PreviewCode

[Full Screen](/content/preview/header03/index.html)

## Header 4

PreviewCode

[Full Screen](/content/preview/header04/index.html)

## Header 5

PreviewCode

[Full Screen](/content/preview/header05/index.html)

## Header 6

PreviewCode

[Full Screen](/content/preview/header06/index.html)

## Header 7

PreviewCode

[Full Screen](/content/preview/header07/index.html)

## Header 8

PreviewCode

[Full Screen](/content/preview/header08/index.html)

## Header 9

PreviewCode

[Full Screen](/content/preview/header09/index.html)

## Header 10

PreviewCode

[Full Screen](/content/preview/header10/index.html)