<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!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 profile="http://gmpg.org/xfn/11">
<title>Body Project</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrap">
<h1>Body Project</h1>
<p>Hover or click on the following parts of the first left image to see the linked text. Waist, Mouth, Stomarch, right and left eye,right and left breast, right and left leg, right and left hand</p>
<img src="http://www.wilbertz.co.za/body/images/body.png" alt="" usemap="#logos" />
<map name="logos">
<area shape="circle" coords="68,56,33" href="http://www.stumbleupon.com/" title="StumbleUpon" alt="StumbleUpon" />
<area shape="rect" coords="87,281,169,310" href="#waist" title="Waist" alt="waist" />
<area shape="rect" coords="97,241,154,275" href="#stomarch" title="Stomarch" alt="Stomarch" />
<area shape="rect" coords="105,98,121,109" href="#Right Eye" title="Right Eye" alt="Right Eye" />
<area shape="rect" coords="132,100,150,107" href="#Left Eye" title="Left Eye" alt="Left Eye" />
<area shape="rect" coords="90,196,120,217" href="#Right Breast" title="Right Breast" alt="Right Breast" />
<area shape="rect" coords="133,191,163,215" href="#Left Breast" title="Left Breast" alt="Left Breast" />
<area shape="rect" coords="97,331,123,539" href="#Right Leg" title="Right Leg" alt="Right Leg" />
<area shape="rect" coords="130,334,156,541" href="#Left Leg" title="Left Leg" alt="Left Leg" />
<area shape="rect" coords="117,122,135,130" href="#Mouth" title="Mouth" alt="Mouth" />
<area shape="rect" coords="48,301,69,338" href="#Right Hand" title="Right Hand" alt="Right Hand" />
<area shape="rect" coords="183,298,205,338" href="#Left Hand" title="Left Hand" alt="Left Hand" />
<area shape="default" nohref="nohref" title="" alt="Default"/>
</map>
</div>
</body>
</html>
* {
border:none;
margin:0;
padding:0;
}
body {
background:#fff;
color: #999999;
font:12.35px Georgia, Arial, "Lucida Grande", Verdana, sans-serif;
}
a:link, a:visited {
color:#0054a6;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
margin:15px 0;
}
h1 {
font-size:20px;
margin-bottom:20px;
}
#wrap {
margin:10px auto;
width:900px;
}
#wrap img {
display:block;
margin:0 auto;
}