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>
<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>