Sito ICT 5ITS

<html>
<body>

<div id="header">
<h1>Sito 4ITS</h1>
</div>

<div id="nav">
<a href="">Sclafani</a><br>
<a href="">Bestetti</a><br>
<a href="">Bonvini</a><br>
<a href="">De Nardis</a><br>
<a href="">Picinini</a><br>
<a href="">Ciccarelli</a><br>
<a href="">Delmonte</a><br>
<a href="">Dattaro</a><br>
<a href="">Rampini</a><br>
</div>

<div id="section">
<h1 style="text-align:center"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="" alt="Smiley" width="128" height="128"></h1>
</div>

<div id="footer">
Copyright ? 4ITS
</div>
<style>
#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
#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:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}
</style>

<script>
function bigImg(x) {
    x.style.height = "256px";
    x.style.width = "256px";
}

function normalImg(x) {
    x.style.height = "128px";
    x.style.width = "128px";
}
</script>

</body>
</html>