File: /var/www/vhosts/creativefellows.nl/partof.creativefellows.nl/klachten.html
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snel internet is dichterbij dan je denkt | Glasvezeldichtbij</title>
<link rel="stylesheet" href="/css/app.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<header id="header">
<div class="top-bar">
<div class="top-bar-left">
<a href="/" class="logo"><img src="/images/glaspoort.svg" als="Glaspoort"></a>
</div>
<div class="top-bar-right">
<a href="tel:0855360460" class="button primary icon icon__phone">085 536 0460</a>
</div>
</div>
</header>
<div class="container">
<div class="page-section page-section__regular">
<div class="grid-container">
<div class="grid-x grid-padding-x align-middle align-center">
<div class="cell small-12 medium-10">
<h1><strong>Klachtenformulier</strong></h1>
<form class="form" action="/form/post" method="poist" data-abide novalidate>
<label>
<input type="text" placeholder="Naam" name="name" required>
<span class="form-error">
Inhoud lijkt niet kloppen
</span>
</label>
<label>
<input type="text" placeholder="Telefoonummer" name="phone" required pattern="number">
<span class="form-error">
Inhoud lijkt niet kloppen
</span>
</label>
<label>
<input type="text" placeholder="E-mail" required name="email" pattern="email">
<span class="form-error">
Inhoud lijkt niet kloppen
</span>
</label>
<label>
<textarea placeholder="Geef een omschjrijving van uw klacht" name="description" required style="height:15rem;"></textarea>
<span class="form-error">
Inhoud lijkt niet kloppen
</span>
</label>
<div class="checkbox-row">
<input id="avg" name="avg" type="checkbox" required value="0" data-label="Algemene voorwaarden">
<label for="avg">Ja, ik ga akkoord met het verwerken van mijn persoonsgegevens ten behoeve van deskundig advies over de mogelijkheden van mijn glasvezelnetwerk zoals beschreven in de <a href="/privacy.html" target="_blvank">Privacy statement</a></label>
</div>
<button type="submit" class="button primary rounded">Verstuur</button>
<div data-abide-error class="callout alert text-center" aria-live="assertive" style="display: none;">
<p>Het formulier kan nog niet verstuurd worden. De rood gemarkeerde velden bevatten waarden die wij niet snappen.</p>
</div>
</form>
<br><br>
</div>
</div>
</div>
</div>
</div>
<footer class="page-section page-section__footer">
<div class="grid-container sitelinks">
<div class="grid-x grid-padding-x align-center">
<div class="cell small-12 medium-3">
<img src="/images/glaspoort.svg" als="Glaspoort">
</div>
<div class="cell small-12 medium-3">
<ul class="no-bullet">
<li><strong>Snel naar</strong></li>
<!--<li><a href="">Veelgestelde vragen</a></li>-->
<li><a href="/klachten.html">Klachtenformulier</a></li>
</ul>
</div>
<div class="cell small-12 medium-3">
<ul class="no-bullet">
<li><strong>Neem contact met ons op</strong></li>
<li><a href="mailto:hallo@glasvezeldichtbij.nl">hallo@glasvezeldichtbij.nl</a></li>
<li><a href="tel:0855360460">085 536 04 60</a></li>
</ul>
</div>
</div>
</div>
<div class="grid-container full copyright">
<div class="grid-x grid-padding-x">
<div class="cell small-12 text-center">
<p>© 2025 Glasvezeldichtbij | <a href="/privacy.html">Privacystatement</a> | <a href="cookies.html">Cookiestatement</a></p>
</div>
</div>
</div>
</footer>
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/what-input/dist/what-input.js"></script>
<script src="node_modules/foundation-sites/dist/js/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>