This is an old revision of the document!

---

<style> /* Algemene layout */ .startpagina {

font-family: sans-serif;
margin: 0 auto;
max-width: 1000px;

}

/* Header met achtergrondafbeelding */ .startpagina-header {

position: relative;
border-radius: 12px;
overflow: hidden;
margin-bottom: 2em;
height: 220px;

} .startpagina-header::before {

content: "";
position: absolute;
inset: 0;
background-image: url('/dokuwiki/lib/exe/fetch.php?media=internet_header.jpg');
background-size: cover;
background-position: center;
filter: brightness(0.6);

}

/* Tekst over afbeelding */ .startpagina-header-text {

position: relative;
z-index: 1;
color: white;
text-align: center;
padding: 3em 1.5em;
text-shadow: 1px 1px 4px rgba(0,0,0,0.7);

} .startpagina-header-text h1 {

font-size: 2em;
margin: 0;

} .startpagina-header-text p {

margin: 0.5em 0 0;
font-size: 1.1em;

}

/* Tegelcontainer */ .tile-container {

display: flex;
flex-wrap: wrap;
gap: 1em;
margin: 1em 0;

}

/* Tegels */ .tile {

flex: 1 1 300px;
background: #f0f4f8;
border-radius: 6px;
padding: 1.2em;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: all 0.3s ease;
text-align: center;
word-wrap: break-word;
white-space: normal;
min-height: 70px;
display: flex;
align-items: center;
justify-content: center;

} .tile:hover {

background: #dceeff;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);

} .tile a {

text-decoration: none;
color: #2c3e50;
font-weight: bold;
font-size: 1.05em;
display: block;

} </style>

<div class=“startpagina”>

<div class="startpagina-header">
  <div class="startpagina-header-text">
    <h1>Startpagina: handige online tools</h1>
    <p>Toegang tot video’s, rekenhulpen en landelijke databronnen voor gebiedsontwikkeling</p>
  </div>
</div>

<h2>📺 Video's en tools</h2>
<div class="tile-container">
  <div class="tile"><a href="https://www.youtube.com/watch?v=9uPY2MgyZ1M" target="_blank">Introductie Sumsonite</a></div>
  <div class="tile"><a href="https://youtu.be/d-EuxSXCSSM?si=Ero1Fz7wdvJaqiTz" target="_blank">Bijlage bij investeringsvoorstel</a></div>
  <div class="tile"><a href="https://www.youtube.com/watch?v=H6Zo3TERD-g" target="_blank">Oefening 1: laadvermogen</a></div>
  <div class="tile"><a href="https://www.youtube.com/watch?v=FKxFl4B7luM" target="_blank">Oefening 2: spelen met laadvermogen</a></div>
  <div class="tile"><a href="http://referentieboek.sumcity.nl" target="_blank">Eenheidsprijzenboekje openbare ruimte</a></div>
</div>

<h2>📁 Andere handige links</h2>
<div class="tile-container">
  <div class="tile"><a href="https://kadastralekaart.com/" target="_blank">Kadaster Online</a></div>
  <div class="tile"><a href="https://omgevingswet.overheid.nl/regels-op-de-kaart/zoeken/locatie?regelsandere=regels" target="_blank">Omgevingsplannen</a></div>
  <div class="tile"><a href="https://www.wozwaardeloket.nl/" target="_blank">WOZ-waardeloket</a></div>
  <div class="tile"><a href="https://www.bouwkostenkompas.nl/nl" target="_blank">Bouwkostenkompas</a></div>
  <div class="tile"><a href="https://www.topotijdreis.nl/" target="_blank">Topotijdreis</a></div>
  <div class="tile"><a href="https://huurprijscheck.huurcommissie.nl/zelfstandige-woonruimte" target="_blank">Huurprijscheck</a></div>
  <div class="tile"><a href="https://iplo.nl/thema/ekening-plankosten" target="_blank">Plankostenscan</a></div>
  <div class="tile"><a href="https://plancapaciteit.nl/kaart" target="_blank">Plancapaciteit</a></div>
  <div class="tile"><a href="https://kaartenbak.citymaker.nl/login.php" target="_blank">Kaartenbak stedelijke dichtheid</a></div>
  <div class="tile"><a href="https://www.fundainbusiness.nl/" target="_blank">Funda in business</a></div>
</div>

</div>