Let's start implementing our header. Best practice is to first do the HTML and then finish with the CSS. Let's have a look at our design first.

As you can see, our header has a transparent background, with a logo and main menu on the left-hand side, and a secondary menu on the right-hand side.

First, create a <header> tag in our HTML document:

<!-- Add your site or application content here --> <header></header>