Vandevliet.AerialShots.Website/public/contact.html

96 lines
4 KiB
HTML
Raw Normal View History

2025-07-07 13:09:23 +02:00
<!DOCTYPE html>
<html lang="nl" data-bs-theme="dark">
<head>
2025-12-18 19:58:43 +01:00
<!--# include file='/includes/partials/head-content.html' -->
2025-07-07 13:09:23 +02:00
<title>Vandevliet Aerial Shots</title>
<meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
<meta property="og:title" content="Vandevliet Aerial Shots">
<meta property="og:description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
<meta property="og:type" content="website">
<meta property="og:locale" content="nl_NL">
<meta property="og:url" content="https://vandevliet-aerialshots.com">
<meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
</head>
2025-12-18 12:45:11 +01:00
<body class="d-flex flex-column min-vh-100">
2025-07-07 13:09:23 +02:00
<header>
2025-12-18 19:58:43 +01:00
<!--# include file='/includes/components/nav.html' -->
2025-07-07 13:09:23 +02:00
</header>
2025-12-17 20:15:49 +01:00
<main>
<section class="container-xxl">
<h1 id="contact" class="text-center">Contact</h1>
<div class="row justify-content-center">
<div class="col-lg-8 mt-0">
<form id="quote-form">
<div class="row mb-3">
<div class="col">
<label for="nameInput" class="form-label">Voornaam *</label>
<input type="text" class="form-control" id="nameInput" required>
</div>
<div class="col">
<label for="surnameInput" class="form-label">Achternaam *</label>
<input type="text" class="form-control" id="surnameInput" required>
</div>
</div>
<div class="mb-3">
<label for="companyInput" class="form-label">Bedrijfsnaam</label>
<input type="text" class="form-control" id="companyInput">
</div>
<div class="mb-3">
<label for="messageInput" class="form-label">Korte toelichting *</label>
<!-- <label for="messageInput" class="form-label">Licht kort jouw aanvraag toe *</label> -->
<!-- <label for="messageInput" class="form-label">Vertel iets meer over jouw aanvraag *</label> -->
<!-- <label for="messageInput" class="form-label">Beschrijf kort jouw project *</label> -->
<textarea class="form-control" id="messageInput" rows="4" required></textarea>
</div>
<div class="mb-3">
<label for="emailInput" class="form-label">Email *</label>
<input type="email" class="form-control" id="emailInput" required>
</div>
<div class="mb-3">
<label for="phoneInput" class="form-label">Telefoon</label>
<input type="tel" class="form-control" id="phoneInput">
</div>
<div class="mt-2 text-center">
<button type="submit" class="btn btn-primary mt-2">Verstuur</button>
<p><small>Ik ontvang een email met de gegevens van jouw aanvraag. Ook gebruik ik deze gegevens ter aanvulling van mijn self-hosted CRM.</small></p>
</div>
</form>
</div>
</div>
</section>
<section id="prijzen" class="container-xxl">
<h2 class="text-center">Prijzen en tarieven</h2>
<p class="text-center">Wat kost een dronevideo? Alle prijzen zijn exclusief btw, reis-, en verblijfskosten.</p>
<div class="row justify-content-center">
<div class="col-sm-6 col-lg-4">
<!--# include file="/includes/pricing/cat-open.html" -->
</div>
<div class="col-sm-6 col-lg-4">
<!--# include file="/includes/pricing/cat-specific.html" -->
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8">
<!--# include file="/includes/pricing/post-edit.html" -->
</div>
</div>
2025-07-07 13:09:23 +02:00
</section>
<section class="container-xxl pb-0">
<!--# include file='/includes/components/contact-row.html' -->
</section>
2025-07-07 13:09:23 +02:00
</main>
2025-12-18 13:13:32 +01:00
<footer class="bg-secondary-subtle">
2025-12-18 19:58:43 +01:00
<!--# include file='/includes/partials/footer-bottom.html' -->
</footer>
2025-07-07 13:09:23 +02:00
</body>
</html>