Vandevliet.AerialShots.Website/public/contact.html
2025-12-18 20:18:15 +01:00

96 lines
No EOL
4 KiB
HTML

<!DOCTYPE html>
<html lang="nl" data-bs-theme="dark">
<head>
<!--# include file='/includes/partials/head-content.html' -->
<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>
<body class="d-flex flex-column min-vh-100">
<header>
<!--# include file='/includes/components/nav.html' -->
</header>
<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>
</section>
<section class="container-xxl pb-0">
<!--# include file='/includes/components/contact-row.html' -->
</section>
</main>
<footer class="bg-secondary-subtle">
<!--# include file='/includes/partials/footer-bottom.html' -->
</footer>
</body>
</html>