Step 8: Navigation Bar 2 HTML

<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head xml:lang="en-US" lang="en-US">

  <title>Career Center Home Page</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <link href="styles/career-main.css" type="text/css" rel="stylesheet"/>

</head>

<body>

<div id="body">

   <div id="title"> <a href="http://www.uiuc.edu/"> <img class="logo" alt="UIUC Home Page" src="images/vsmltraditional.gif" width="35" height="46" /></a>
  
    <p class="title">
    <span class="title">T</span>he
      <span class="title">C</span>areer
    <span class="title">C</span>enter
  </p>

    <p class="uiuc"><a href="http://www.uiuc.edu/">The University of Illinois at Urbana-Champaign</a></p>

  </div>

  <div id="nav1">

    <h2 class="nav">Career Counseling Resources</h2>

     <ul title="Career Counseling Resources">

      <li class="nobullet"><a href="http://www.uiuc.edu/">school, work, life balance</a></li>

      <li><a href="http://www.uiuc.edu/">tools to get the job</a></li>

      <li><a href="http://www.uiuc.edu/">career exploration</a></li>

      <li><a href="http://www.uiuc.edu/">self exploration</a></li>

    </ul>

  </div>


/* Step 8 new code after this line */
  <div id="nav2">

    <h2 class="nav">Resources by Audience</h2>

    <ul title="Resources by Audience">

      <li class="nobullet"><a href="http://www.uiuc.edu/">undergrads</a></li>

      <li><a href="http://www.uiuc.edu/">graduates</a></li>

      <li><a href="http://www.uiuc.edu/">parents</a></li>

      <li><a href="http://www.uiuc.edu/">alumni</a></li>

      <li><a href="http://www.uiuc.edu/">faculty/staff</a></li>

      <li><a href="http://www.uiuc.edu/">employers</a></li>

    </ul>

  </div>


</div>

</body>

</html>