File: /var/www/vhosts/creativefellows.nl/partof.creativefellows.nl/index.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__internet">
<div class="grid-container">
<div class="grid-x grid-padding-x align-middle">
<div class="cell small-12 medium-6">
<h1>Snel internet.
<strong>Dichterbij dan je denkt.</strong>
</h1>
<p class="lead">Glaspoort is een joint venture van <strong>KPN</strong> en <strong>ABP</strong>, met als doel om heel Nederland aan te sluiten op glasvezel. Wij investeren in een open netwerk waarop alle providers hun diensten kunnen leveren, zodat jij zelf kunt kiezen bij wie je je aansluit.</p>
<a href="#contact" class="button primary rounded">Bestel nu</a>
</div>
<div class="cell small-12 medium-6 cell__rounded-background">
<figure class="rounded spaced-left"><img src="/images/snel-internet-glasvezel.jpg" alt="" ></figure>
</div>
</div>
</div>
</div>
<div class="page-devider page_devider__red"></div>
<div class="page-section page-section__handig">
<div class="grid-container">
<div class="grid-x grid-padding-x align-middle">
<div class="cell small-12 medium-6 cell__rounded-background small-order-2 medium-order-1">
<figure class="rounded spaced-right"><img src="/images/verbinding-staat-aan2.jpg" alt="" ></figure>
</div>
<div class="cell small-12 medium-6 small-order-1 medium-order-2">
<h2>Handig.
<strong>We hebben de verbinding al voor je aangezet.</strong>
</h2>
<p class="lead">Glaspoort brengt toekomstbestendig glasvezel naar jouw woning of bedrijfspand. Onze missie is om snel en stabiel internet beschikbaar te maken voor iedereen in Nederland, ook in kleinere dorpen en op bedrijventerreinen.</p>
<a href="#werkzaamheden" class="button primary">Hoe werkt het?</a>
</div>
</div>
</div>
</div>
<div class="page-devider page-devider__blue"></div>
<div class="page-section page-section__verbonden" id="werkzaamheden">
<div class="grid-container">
<div class="grid-x grid-padding-x align-middle">
<div class="cell small-12 text-center no-padding">
<h2>Altijd verbonden.<strong>Je bent er helemaal klaar voor.</strong>
</h2>
</div>
</div>
</div>
<div class="grid-container">
<div class="grid-x background-white grid-padding-x align-middle">
<div class="cell small-12 medium-4 text-center">
<figure class="rounded"><img src="/images/werkzaamheden-klaar.jpg" alt="" ></figure>
<h3><strong>De werkzaamheden buiten zijn klaar.</strong></h3>
<p class="">De afgelopen tijd is er gegraven en hebben we jouw wijk voorzien van een toekomstbestendige internetlijn.</p>
</div>
<div class="cell small-12 medium-4 text-center">
<figure class="rounded"><img src="/images/aangesloten-glasvezelnetwerk.jpg" alt="" ></figure>
<h3><strong>Je huis is aangesloten op <br>ons netwerk.</strong></h3>
<p class="">Na jouw toestemming hebben we een glasvezelmodem geplaatst en jouw huis aangesloten op ons snelle netwerk.</p>
</div>
<div class="cell small-12 medium-4 text-center">
<figure class="rounded"><img src="/images/laat-het-gemak-beginnen.jpg" alt="" ></figure>
<h3><strong>Laat het gemak<br>beginnen.</strong></h3>
<p class="">Om te kunnen genieten van ons snelle netwerk heb je een glasvezelabonnement nodig bij één van de aanbieders.</p>
</div>
<div class="cell small-12 medium-12 text-center">
<a href="#contact" class="button primary no-margin">Bestel nu</a>
</div>
</div>
</div>
</div>
<div class="page-devider page_devider__red page_devider__flipped page_devider__right"></div>
<div class="page-section page-section__altijd-verbonden">
<div class="grid-container">
<div class="grid-x grid-padding-x align-middle align-center">
<div class="cell small-12 text-center">
<h2>Altijd verbonden.
<strong>Daar zorgen wij voor.</strong>
</h2>
<p class="lead">Bij Glaspoort heb je de vrijheid om te kiezen uit meerdere internetaanbieders. Wij zorgen voor de aanleg en het onderhoud van het netwerk, de provider levert de internetdiensten.</p>
</div>
<div class="cell small-10 medium-6">
<div class="grid-x grid-padding-x align-middle small-up-2 medium-up-5">
<div class="cell text-center"><img src="/images/kpn.png" alt=""></div>
<div class="cell text-center"><img src="/images/odido.png" alt=""></div>
<div class="cell text-center"><img src="/images/online.png" alt=""></div>
<div class="cell text-center"><img src="/images/plinq.png" alt=""></div>
<div class="cell text-center"><img src="/images/freedom.png" alt=""></div>
</div>
</div>
<div class="cell small-12 text-center">
<a href="#contact" class="button primary">Kies je eigen provider</a>
</div>
</div>
</div>
</div>
<div class="page-devider page-devider__blue page_devider__flipped page_devider__left"></div>
<div class="page-section page-section__contact" id="contact">
<div class="grid-container">
<div class="grid-x grid-padding-x align-middle">
<div class="cell small-12 medium-6 cell__rounded-background">
<figure class="rounded spaced-right"><img src="/images/deskundig-advies.jpg" alt="" ></figure>
</div>
<div class="cell small-12 medium-6">
<br><br>
<h2>Kom je er niet uit?
<strong>Wij ondersteunen je met deskundig advies</strong>
</h2>
<form class="form" action="/form/post" method="poist" data-abide novalidate>
<label>
<input type="text" placeholder="Naam" required>
<span class="form-error">
Inhoud lijkt niet kloppen
</span>
</label>
<label>
<input type="text" placeholder="Telefoonummer" required pattern="number">
<span class="form-error">
Inhoud lijkt niet kloppen
</span>
</label>
<label>
<input type="text" placeholder="E-mail" required pattern="email">
<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>