<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html >
<head>
<title>Mijn eerste webpagina</title>
<style type="text/css">
body {
background-color:#525555;}
#container{
width:700px;
margin-left:50px;
margin-top:20px;
}
#header{
background-image: url(afbeeldingen/banner.jpg);
background-repeat: no-repeat;
width:700px;
height:80px;}
#menu{
width:180px;
float:left;
background-color:#738080;
}
#menu ul {
list-style:none;
margin:5px;
padding:10px 0px 0px 0px;
font-family:Georgia;
}
#menu ul a{
color:#ffffff;
text-decoration:none;
display:block;
height:25px;
border:1px solid #515A5A;
padding-top:3px;
padding-left:15px;
}
#menu li a:hover{
background-color:#7DB3B3;
}
#content{
width:510px;
background-color:#738080;
float:left;
padding-left:10px;
padding-top:10px;
}
#welkom{
width:490px;
background-color:#ffffff;
margin-right:10px;
padding-left:10px;
padding-top:10px;
margin-bottom:10px;}
#welkom h1{
width :470px ;
height:25px;
background-color:#4A6B6B;
color: #ffffff;
font-family:Verdana;
font-size:18px;
margin-right:10px ;
padding-left:10px;
padding-top:3px;
}
#welkom p{
color :#2A2B2B;
font-size:11px;
font-family :Verdana ;}
#nieuws{
float:left;
width:157px;
height:250px;
background-color:#c4ccce;
font-size:10px;
border:1px solid black;
font-family:verdana;
color:#000000;}
#nieuws h2{
font-size :12px ;
color :#ffffff ;
background-color:#C44C4C;
margin-top:0px;
height:20px;
font-family:Georgia;
padding-left:15px;
padding-top:3px;
}
#tuin{
float:left;
width:158px;
height:250px;
background-color:#c4ccce;
font-size:10px;
border:1px solid black;
margin-left:10px;
font-family:verdana;
color:#000000;}
#tuin h2{
font-size :12px ;
color :#ffffff ;
background-color:#6C9B6C;
margin-top:0px;
height:20px;
font-family:Georgia;
padding-left:15px;
padding-top:3px;
}
#event{
float:left;
width:158px;
height:250px;
background-color:#c4ccce;
font-size:10px;
border:1px solid black;
margin-left:10px;
font-family:verdana;
color:#000000;}
#event h2{
font-size :12px ;
color :#ffffff ;
background-color:#2D7575;
height:20px;
font-family:Georgia;
padding-left:15px;
padding-top:3px;
margin-top:0px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu">
<ul>
<li><a href="http://www.tuingids.be">Planten</a></li>
<li><a href="http://www.tuingids.nl">Bloemen</a></li>
<li><a href="http://www.tuingids.net">Struiken</a></li>
<li><a href="http://www.groen.net">Bomen</a></li>
<li><a href="http://www.opentuinen.be">Gereedschappen</a></li>
</ul>
</div>
<div id="content">
<div id="welkom">
<h1>Welkom</h1>
<p> Na het aanleggen van uw droomtuin, of als uw tuin al vele jaren oud is heeft u er elke week nog onderhoud aan. Vooral het tuinonderhoud aspect roept veel vragen op zoals: Hoe en wanneer snoei ik mijn planten en bomen? Hoe kan ik mijn vijver het beste onderhouden? Wat doe ik aan die vervelende luizen in mijn beukenhaag? etc etc.
Vele vragen waar ook een antwoord op is.<br><br>
Samen met u wil ik een reis maken door uw tuin, het gehele jaar door. Op deze site vindt u veel informatie over het wel en wee van uw tuin. <br><br>
Tuingids is een website die hobbytuinders en specialisten die hun ervaring en kennis met elke tuin liefhebber willen delen. De artikels met gedetailleerde uitleg zijn voorzien van vele foto's.
</p>
</div>
<div id="nieuws"><h2>Nieuws</h2>
<ul>
<li>Nieuwe maatregelen betreffende vogelgriep</li>
<li>Wat sluipt daar in het struikgewas?</li>
<li>De ene mol is de andere niet</li>
<li>verdrag van Kyoto in Nairobi</li>
</ul>
</div>
<div id="tuin"><h2>Tuin in de kijker</h2></div>
<div id="event"><h2>Evenementen</h2></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>