New: Model template
This commit is contained in:
87
layouts/partials/footer-contact.html
Normal file
87
layouts/partials/footer-contact.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<section>
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p class="h6 text-primary">Neem contact op</p>
|
||||
<h2 class="display-3">Benieuwd naar de mogelijkheden?</h2>
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="col-12 d-flex align-items-start">
|
||||
<div class="contact-icon-circle me-3">
|
||||
<i class="bi bi-telephone-fill"></i> </div>
|
||||
<div>
|
||||
<h5 class="fw-bold mb-1">Telefoon</h5>
|
||||
<p class="mb-0 text-muted"><a href="+31341275147" class="text-muted numbers">0341 - 275 147</a> </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 d-flex align-items-start">
|
||||
<div class="contact-icon-circle me-3">
|
||||
<i class="bi bi-envelope-fill"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="fw-bold mb-1">E-mail</h5>
|
||||
<p class="mb-0 text-muted"><a href="info@vanemousmantelzorgwoningen.nl" class="text-muted">info@vanemousmantelzorgwoningen.nl</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 d-flex align-items-start">
|
||||
<div class="contact-icon-circle me-3">
|
||||
<i class="bi bi-geo-alt-fill"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="fw-bold mb-1">Adres</h5>
|
||||
<p class="mb-0 text-muted"><a href="https://www.google.com/maps/place/Keizerswoert+19,+3881+LE+Putten/@52.2688553,5.5817873,17z/data=!3m1!4b1!4m6!3m5!1s0x47c6367cdb1ed75f:0x3ee3272c1a65f9ac!8m2!3d52.268852!4d5.5843622!16s%2Fg%2F11c16gl4zp?entry=ttu&g_ep=EgoyMDI2MDIyNS4wIKXMDSoASAFQAw%3D%3D" class="text-muted"> Keizerswoert <span class="numbers">19</span>, <span class="numbers">3881</span> LE Putten</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<form action="jouw-verwerkings-url" method="POST">
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6">
|
||||
<label for="voornaam" class="form-label">Voornaam</label>
|
||||
<input type="text" class="form-control rounded-pill bg-light border-0" id="voornaam" name="voornaam" required>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="achternaam" class="form-label">Achternaam</label>
|
||||
<input type="text" class="form-control rounded-pill bg-light border-0" id="achternaam" name="achternaam" required>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="email" class="form-label">E-mailadres</label>
|
||||
<input type="email" class="form-control rounded-pill bg-light border-0" id="email" name="email" required>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label for="telephone" class="form-label">Telefoon</label>
|
||||
<input type="tel" class="form-control rounded-pill bg-light border-0" id="telephone" name="telephone" required>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<label for="" class="form-label">Uw bericht</label>
|
||||
<textarea class="form-control bg-light border-0" rows="6"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="form-check mb-2">
|
||||
<input class="form-check-input" type="checkbox" id="nieuwsbrief" name="nieuwsbrief" checked>
|
||||
<label class="form-check-label" for="nieuwsbrief">
|
||||
Ja, ik meld mij aan voor de nieuwsbrief en blijf graag op de hoogte.
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<p class=" py-2 small">U gaat bij verzenden akkoord met de verwerking van gegevens zoals beschreven in het privacybeleid.</p>
|
||||
<button type="submit" class="btn btn-cta">Verstuur aanvraag</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user