VanEmous/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Homepage: Added 'mogelijkheden'

Browse Source
This commit is contained in:
Machiel Heinen
2026-02-24 19:58:39 +01:00
parent 22aa67d406
commit d35be97903
8 changed files with 75 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
layouts/partials/mogelijkheden.html Normal file
View File

@@ -0,0 +1,60 @@
<section class="possibilities py-5 my-lg-5">
<div class="container">
<div class="row mb-5">
<div class="col-lg-7">
<span class="h6 text-primary mb-2 d-block">Mogelijkheden</span>
<h2 class="display-5 fw-bold mb-4">Comfortabel en dichtbij wonen met oog voor zorg</h2>
</div>
<div class="col-lg-5 ps-lg-5 d-flex align-items-center">
<p class="border-start ps-4">
Onze mogelijkheden helpen u om comfortabel en zelfstandig dichtbij uw dierbaren te wonen, met persoonlijke begeleiding bij elke stap.
</p>
</div>
</div>
<div class="row g-4">
<div class="col-lg-6">
<div class="card h-100 border-0 overflow-hidden rounded-4 shadow-sm bg-primary text-white">
<div class="row g-0 h-100">
<div class="col-md-6 p-4 p-lg-5 d-flex flex-column justify-content-center">
<h3 class="h2 mb-4 text-white">Modellen</h3>
<p class="mb-5 opacity-90">Bekijk onze verschillende modellen mantelzorgwoningen, volledig aan te passen aan uw wensen en situatie.</p>
<a href="/modellen" class="text-white text-decoration-none fw-bold mt-auto">
Bekijk de modellen <i class="bi bi-chevron-right ms-1"></i>
</a>
</div>
<div class="col-md-6 h-100">
<img src="/img/mogelijkheden.jpg" alt="Model woning" class="h-100 w-100 object-fit-cover">
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card h-100 border-0 rounded-4 shadow-sm bg-light overflow-hidden">
<div class="p-4">
<h3 class="h4 mb-3">Pre mantelzorgwoning</h3>
<p class="mb-4">Een pre mantelzorgwoning biedt comfort en zekerheid, met oog op toekomstige zorgbehoeften.</p>
<a href="/pre-mantelzorgwoning" class="text-dark text-decoration-none fw-bold small">
Meer informatie <i class="bi bi-chevron-right ms-1 text-primary"></i>
</a>
</div>
<img src="/img/mogelijkheden-pre-mantelzorg.jpg" alt="Pre mantelzorg" class="mt-auto w-100 object-fit-cover" style="height: 200px;">
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card h-100 border-0 rounded-4 shadow-sm bg-light overflow-hidden">
<div class="p-4">
<h3 class="h4 mb-3">Vergunningscheck</h3>
<p class="mb-4">Ontvang duidelijkheid over de vergunning voor uw mantelzorgwoning met onze vrijblijvende vergunningscheck.</p>
<a href="/vergunningscheck" class="text-dark text-decoration-none fw-bold small">
Meer informatie <i class="bi bi-chevron-right ms-1 text-primary"></i>
</a>
</div>
<img src="/img/mogelijkheden-vergunning.jpg" alt="Vergunningscheck" class="mt-auto w-100 object-fit-cover" style="height: 200px;">
</div>
</div>
</div>
</div>
</section>