Differences

This shows you the differences between two versions of the page.

--- handleiding_nieuw:kengetallenboek [2025/03/31 20:46] – support
+++ handleiding_nieuw:kengetallenboek [2025/04/01 12:19] (current) – support
@@ Line 1: / Line 1: @@
 <html>
 <style>
-.banner {
-  background-image: url('/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:voorblad.jpg');
-  background-size: cover;
-  background-position: center;
-  padding: 4em 2em;
-  color: white;
-  text-shadow: 1px 1px 2px black;
-  text-align: center;
-  font-size: 2em;
-  font-weight: bold;
-}
 .tegelcontainer {
   display: flex;
@@ Line 57: / Line 46: @@
 </style>
-<div class="banner">
+<div style="display: flex; gap: 2em; align-items: flex-start; flex-wrap: wrap;">
-  Kengetallenboek<br>
+  <div style="flex: 1; min-width: 300px;">
-  Digitale kostenkengetallen
+    <div class="kopgroep" style="text-align: left;">Wegprofielen</div>
-</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 style="max-width: 900px; margin: 2em auto;">
+    <div class="kopgroep">Leefgebieden en ontmoetingsplekken</div>
-  <div class="kopgroep">Wegprofielen</div>
+    <div class="flexgroep">
-  <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_wijkbuurt">WIJK/BUURT</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_woonstraten">WOONSTRATEN</a></div>
+      <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_winkelstraten">WINKELSTRATEN</a></div>
-  </div>
+    </div>
-  <div class="kopgroep">Leefgebieden en ontmoetingsplekken</div>
+    <div class="kopgroep">Overige kostenbepalende elementen</div>
-  <div class="flexgroep">
+    <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_watergangen">WATERGANGEN</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_elementen">ELEMENTEN</a></div>
-    <div class="tegel"><a href="/wiki/doku.php?id=handleiding_nieuw:sub_winkelstraten">WINKELSTRATEN</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 class="kopgroep">Overige kostenbepalende elementen</div>
+  <div style="flex: 1; min-width: 450px; text-align: right;">
-  <div class="flexgroep">
+    <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 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>
-  <div class="kopgroep">Aanvullende onderdelen</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_infooverons">OVER ONS</a></div>
   </div>
 </div>
 </html>