Untitled


<!DOCTYPE html>
<html>

<head>
<style>
#header1 {
    background-color:blue;
    color: #FF0000;
    text-align:center;
    padding:5px;
    size: 130%;
}

#header2 {
    color: #660033;
    text-align:center;
    padding:5px;
    size: 120%;

}

#header3 {
   color: #0066FF;
    text-align:center;
    padding:5px;
    size: 110%;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;
}
#section {
    width:350px;
    float:left;
    padding:10px;
}
#footer {
    background-color:blue;
    color:white;
    clear:both;
    text-align:center;
   padding:5px;
}

#regulartext {
  font-family: "Helvetian,Comic Sans";
}
<style>
a:link   {color:#0066FF; background-color:transparent; text-decoration:none}
a:visited {color:#FF0000; background-color:transparent; text-decoration:none}
a:active  {color:#660033; background-color:transparent; text-decoration:underline}
</style>
</style>
</head>

<body>

<div id="header1">

<h1>DAV Institute</h1>
</div>

<div id="nav">
 <a href="url">link 1</a> <br>
 <a href="url">link 2</a> <br>
 <a href="url">link 3 </a> <br>
</div>

<div id="section">
</div>
<div id="header2">
<h2>Header 2</h2>
</div>

<div id="regulartext">
<p>
Mauris dapibus vulputate orci, vel pellentesque augue efficitur ac. Aenean consectetur rhoncus lorem in sagittis. Donec sit amet lacus ex. In vestibulum enim ipsum, eget mollis augue bibendum ut.
</p>
</div>
<div id="header3">
<h3>Header 3</h3>
</div>

<p>
Suspendisse eget sem porta, rutrum neque sit amet, vehicula libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>

</div>
<div id="footer">
Copyright David Johns
</div>

</body>
</html>