From the course: Creating a Responsive Web Design

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Adding content into the header

Adding content into the header - CSS Tutorial

From the course: Creating a Responsive Web Design

Adding content into the header

- So now we're ready to add some content to the header area. Now what we're going to need to add is going to be an anchor tag for the logo. We need a div container to hold the hero area. Inside of the hero area, we're going to have an h1 tag and an anchor tag. So these individual elements are going to hold our content and then we're going to style this later on with CSS to match the layout we see here. Now we're going to add some content into the header element. So let's get our cursor inside of the header element here. Let's hit a few returns to split this open. Let's come in here. And the first thing we're going to do is add an anchor tag. We're going to give it a class of logo. And we're going to use this as the logo at the top of the page. And I like to put this inside of an anchor tag so that you can click the logo to go back to the home page. So we'll start by typing in a tag. We'll set class. We'll set this equal to logo, then a space. And it's also a good idea to add a title…

Contents