HTML and CSS Reference
For the templates that you are building, you will use a number of <section> elements to define the different parts
of the main content. However, before you start adding these elements, you first need to create a new <div> element
that will be used to group the main content sections together.
The code for this exercise can be found in folder 6.
1. Open the index.html and about.html files in your text editor.
2. Create a new <div> element
below the <header> in your templates.
<!-- Header -->
<!-- Main Content -->
3. Save the files.
4. Open the files in your web browser.
5. Inspect the page using your developer tools and make sure that this new <div> appears below the <head-
er> element (as shown in Figure 2-8).