Got to page 172:
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“utf-8” />
<title>Aktivate - reggae band in northeast Calgary</title>
<link href=“style2.css” rel=“stylesheet” type=“text/css”/>
</head>
<body>
<div id=“header”>
<div id=“sitebranding”>
<h1>Aktivate.ca</h1>
</div>
<div id=“tagline”>
<p>Caribbean music - the way we like it!</p>
</div>
</div> <!-- end of header div –>
<div id=“navigation”>
<ul>
<li><a href=“index.html”>Home</a></li>
<li><a href=“about.html”>About Us</a></li>
<li><a href=“contact.html”>Contact Us</a></li>
</ul>
</div> <!-- end of navigation div –>
<div id=“bodycontent”>
<h2>Welcome to where Aktivate’s music hangs out</h2>
<p><img src=“divers-circle.jpg” class=“feature” width=“200” height=“162”
alt=“A circle of divers practice their skills”/>
</p>
<p>We’ve got some Reggae, Calypso and Aka going on.</p>
</div> <!-- end of bodycontent div –>
</body>
</html>
The CSS:
/*
CSS
*/
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #e2edff;
line-height: 125%;
padding: 0;
margin: 0;
}
p {
font-size: small;
color: navy;
}
h1, h2, h3 {
font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;
}
h1 {
font-size: x-large;
background-color: navy;
color: white;
padding-top: 2em;
padding-bottom: .2em;
padding-left: .4em;
margin: 0;
}
li {
font-size: small;
list-style-type: none;
}
h2 {
color: navy;
font-size: 130%;
font-weight: normal;
padding-top: 15px;
}
em {
text-transform: uppercase;
}
#tagline p {
font-style: italic;
font-family: Georgia, Times, serif;
background-color: #bed8f3;
border-top: 3px solid #7da5d8;
border-bottom: 3px solid #7da5d8;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .8em;
margin: 0;
}
a {
font-weight: bold;
}
a:link {
color: black;
}
a:visited {
color: navy;
}
a:hover {
text-decoration: none;
color: white;
background-color: navy;
}
a:active {
color: aqua;
background-color: navy;
}
.fun {
color: #339999;
font-family: Georgia, Times serif;
letter-spacing: 0.05em;
}
blockquote {
font-style: italic;
}
#navigation {
width: 180px;
background-color: #7da5d8;
}
h2, ul {
margin-top: 15px;
}
#header {
border-top: 3px solid #7da5d8;
}
.feature {
float: right;
margin: 10px;
}
#navigation, #bodycontent, #header {
position: absolute;
}
#navigation, #bodycontent {
top: 6.54em;
}
#bodycontent {
left: 200px;
}
#header{
width: 100%;
}