handleiding_nieuw:kengetallenboek [Sumsonite]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
<html>
<style>
.tegelcontainer {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 2em;
}
.tegel {
  width: 84px;
  height: 48px;
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.84em;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
  transition: background 0.3s ease;
}
.tegel a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5em;
}
.tegel:hover {
  background: #ccc;
}
.kopgroep {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 0.5em;
}
.flexgroep {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 2em;
}
</style>

<div style="display: flex; gap: 2em; align-items: flex-start; flex-wrap: wrap;">
  <div style="flex: 1; min-width: 300px;">
    <div class="kopgroep" style="text-align: left;">Wegprofielen</div>
    <div class="flexgroep">
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_klimaat">KLIMAAT-<br>OPLOSSINGEN</a></div>
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_wijkbuurt">WIJK/BUURT</a></div>
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_woonstraten">WOONSTRATEN</a></div>
    </div>

    <div class="kopgroep">Leefgebieden en ontmoetingsplekken</div>
    <div class="flexgroep">
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_pleinen">PLEINEN</a></div>
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_parken">PARKEN</a></div>
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_winkelstraten">WINKELSTRATEN</a></div>
    </div>

    <div class="kopgroep">Overige kostenbepalende elementen</div>
    <div class="flexgroep">
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_watergangen">WATERGANGEN</a></div>
      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_elementen">ELEMENTEN</a></div>
      <div class="tegel" style="margin-left: 2em;"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_infooverons">OVER ONS</a></div>
    </div>
  </div>

  <div style="flex: 1; min-width: 450px; text-align: right;">
    <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:voorblad.jpg" alt="Kengetallen voorblad" style="width: 100%; max-width: 640px; height: auto;">
  </div>
</div>
</html>