Add code to <body> section

For the sake of instruction, each student was supplied a pre-established wireframe (provide on project brief). Students should use the names for the Selectors (listed above) to avoid confusion.

  1. Open the index.html file and add this code within the <body> tag:
    2. 


<body>
<!--All code below the opening BODY will be visible-->

<div id="frame">

<header>

<div id="header_logo">
<!--Closing Tag for header_logo--></div>

<nav>
<!--This code makes the icon (hamburger menu) show up for the mobile version-->
<a href="#" id="menu-icon"></a>

<!--The navigation is an "unordered list" and each link is a list item <li> and link <a> that is styled with a class in the CSS-->
<ul>
<li><a href="color1.html" title="Color 1" target="_self" class="nav_color1">Color Navigation #1</a></li>
<li><a href="color2.html" title="Color 2" target="_self" class="nav_color2">Color Navigation #2</a></li>
<li><a href="color3.html" title="Color 3" target="_self" class="nav_color3">Color Navigation #3</a></li>
</ul>
	
</nav>

<!--Closing Tag for header--></header>

<div id="intro">
<!--Closing Tag for intro--></div>

<div id="stage">

<div id="col_1">
<!--Closing Tag for col_1--></div>

<div id="col_2">
<!--Closing Tag for col_2--></div>

<div id="col_3">
<!--Closing Tag for col_3--></div>

<!--Closing Tag for stage--></div>

<div id="footer">
<!--Closing Tag for footer--></div>

<!--Closing Tag for Frame--></div>
</body>
    Notice how some of the </div> tags are embedded within each other—than means they are INSIDE the other div tag and must be listed within the opening an closing tags.