New: Model template

layouts/partials/map.html

@@ -1,7 +1,7 @@
 <section class="info-section py-5 my-lg-5" id="vergunningscheck">
   <div class="container overflow-hidden">
     <div class="row">
-      <div class="mb-4 col-8">
+      <div class="mb-4 col-md-8">
         <h6 class="text-primary">Doe een vooronderzoek</h6>
         <h2 class="display-5 fw-bold">Toets uw kavel</h2>
         <p>U kunt geheel vrijblijvend een vooronderzoek doen naar uw mogelijkheden. Voer uw (plaatsing-)adres in en krijg direct resultaat en een uitgebreid verslag ontvangt u binnen 5 minuten per email.</p>
@@ -9,7 +9,7 @@
       </div>
     </div>
     
-    <div class="row flex-nowrap g-5 h-100" style="min-height: 600px;" data-aos="fade-in" data-aos-delay="100"> 
+    <div class="row flex-nowrap g-5 h-100" style="min-height: 400px;" data-aos="zoom-in" data-aos-offset="500" data-aos-delay="100"> 
       
       <div id="col-map" class="col-12 mb-3" style="transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); flex-shrink: 0;">
         <div class="panel overflow-hidden shadow" style="height: 600px; position: relative;border:2px solid #fff;">
@@ -20,7 +20,7 @@
               <button id="btnSearch" class="btn btn-cta">Analyseer Kavel</button>
             </div>
           </div>
-          <div id="map" style="width: 100%; height: 100%; background: #eee;"></div>
+          <div id="map" style="width: 100%; height: 100%; background: #eee;;"></div>
         </div>
       </div>