howard-imagemap.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#wrapper {
    background-color:#CF6;
}
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: large;
    color: #06F;
}
body {
    background-color: #9CF;
    margin-left: 100px;
    margin-top: 20px;
    margin-right: 100px;
    margin-bottom: 100px;
}
a:link {
    color: #F60;
}
a:visited {
    color: #FF3;
}
a:hover {
    color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Century Gothic", Arial, serif;
}
h1 {
    color: #F00;
}
</style>
<title>Howard - Image Map</title>
</head>

<body>
<div id="wrapper">
<header>
<h1 align="center">What is your hometown's NFL team?</h1>
</header>
<main>
<div align="center"><img src="Florida.jpg" alt="Florida Map" width="800" height="499" usemap="#Map" border="0" />
  <map name="Map" id="Map">
    <area shape="poly" coords="224,13,239,66" href="#" />
    <area shape="poly" coords="223,13,239,64,310,59,366,92,455,63,521,127,644,113,615,15" href="http://www.jaguars.com/" target="_blank" alt="Jacksonville Jaguars" />
    <area shape="poly" coords="525,128,541,175,532,241,688,234,646,115" href="http://www.buccaneers.com/" target="_blank" alt="Tampa Bay Buccaneers" />
    <area shape="poly" coords="538,244,611,390,643,397,657,449,712,433,713,388,727,320,689,233" href="http://www.miamidolphins.com/" target="_blank" alt="Miami Dolphins" />
  </map>
<p>Click on the general area you live in here in the Sunshine State to find out what <em>your</em> home NFL team is!</p>
</div>
</main>
<footer>
  <div align="center">
    <a href="https://www.google.com/">Google Search</a><br />
    <a href="mailto:redacted">Email Me!</a>
  </div>
</footer>
</div>
</body>
</html>