<!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;
background-color:#738080;
}
#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;
}
#nieuws ul {
list-style:none;
margin:0px 0px 0px 4px;
padding:0;}
#nieuws li{
margin-bottom:5px;}
#nieuws a{
color :#C44C4C ;
text-decoration :none ;}
#nieuws a:hover{
color :#C44C4C;
border-bottom: 1px dotted #c44c4c;}
#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;
}
#tuin img{
margin:0px 14px 0px 14px ;}
#tuin a img{
text-decoration:none;
border:none;}
#tuin p{
margin-left :4px ;
margin-right: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;
}
#event img{
float :left ;
margin-right:4px;}
#footer {
clear:both;
padding-top:4px;}
#footer p{
font-size:9px;
text-align :center ;
border-top : 1px dashed black ;
}
</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 <a href="#">vogelgriep</a></li>
<li>» Wat sluipt daar in het <a href="#">struikgewas?</a></li>
<li>» De ene <a href="#">mol </a>is de andere niet</li>
<li>» Verdrag van <a href="#">Kyoto</a> in Nairobi</li>
</ul>
</div>
<div id="tuin"><h2>Tuin in de kijker</h2>
<a href="afbeeldingen/tuin.jpg" ><img src="afbeeldingen/tuinklein.jpg"></a>
<p>Iedere maand plaatsen we één welbepaalde tuin in de kijker. Voor een vergrote weergave,
klik dan even op bovenstaande foto. </p>
</div>
<div id="event"><h2>Evenementen</h2>
<img src="afbeeldingen/aardbei.jpg"><p>Proeven van eerste aardbeien.<br>Zaterdag 23 April<br>Zaal'DieSchone'<br>Apeldoorn</p>
<img src="afbeeldingen/tomaat.jpg"><p>Bloody Mary op zijn best<br>Beurshallen<br>Appelterre</p>
</div>
</div>
<div id="footer">
<p>Webdesign en websupport door www.web-garden.be</p></div>
</div>
</body>
</html>