<!DOCTYPE html>

<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trouwen in Loosdrecht – life-photo</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
<style>

/* UNDER CONSTRUCTION OVERLAY */
#construction-overlay {
position: fixed;
inset: 0;
z-index: 9999;
background: #1c1a17;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 2rem;
}

#construction-overlay::before {
content: ‘’;
position: absolute;
inset: 0;
background: url(‘https://images.unsplash.com/photo-1501281668745-f7f57925c3b4?w=1600&auto=format’) center/cover no-repeat;
opacity: 0.18;
pointer-events: none;
}

.uc-inner {
position: relative;
z-index: 1;
max-width: 600px;
}

.uc-logo {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1rem;
letter-spacing: 0.35em;
text-transform: uppercase;
color: #b89a6a;
margin-bottom: 0.6rem;
}

.uc-brand {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 300;
color: #faf8f4;
line-height: 1.15;
margin-bottom: 0.4rem;
}

.uc-brand em {
font-style: italic;
color: #b89a6a;
}

.uc-tagline {
font-family: ‘Cormorant Garamond’, serif;
font-style: italic;
font-size: 1.2rem;
color: #9a9088;
margin-bottom: 3rem;
}

.uc-divider {
width: 50px;
height: 1px;
background: #b89a6a;
margin: 0 auto 2.5rem;
}

.uc-text {
font-family: ‘Jost’, sans-serif;
font-size: 0.85rem;
letter-spacing: 0.08em;
color: #7a7268;
margin-bottom: 2.5rem;
line-height: 1.8;
}

.uc-text strong {
color: #faf8f4;
font-weight: 400;
}

.uc-buttons {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 3rem;
}

.uc-btn-primary {
display: inline-block;
padding: 0.85rem 2rem;
background: #b89a6a;
color: #1c1a17;
font-family: ‘Jost’, sans-serif;
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.2s;
}

.uc-btn-primary:hover { background: #d4b882; }

.uc-btn-ghost {
display: inline-block;
padding: 0.85rem 2rem;
border: 1px solid rgba(184,154,106,0.5);
color: #b89a6a;
font-family: ‘Jost’, sans-serif;
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
transition: border-color 0.2s, color 0.2s;
}

.uc-btn-ghost:hover { border-color: #b89a6a; color: #d4b882; }

.uc-contact {
font-family: ‘Jost’, sans-serif;
font-size: 0.8rem;
color: #5a534c;
letter-spacing: 0.05em;
}

.uc-contact a {
color: #b89a6a;
text-decoration: none;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to   { opacity: 1; transform: translateY(0); }
}

.uc-logo     { animation: fadeIn 0.8s ease 0.1s both; }
.uc-brand    { animation: fadeIn 0.8s ease 0.3s both; }
.uc-tagline  { animation: fadeIn 0.8s ease 0.45s both; }
.uc-divider  { animation: fadeIn 0.8s ease 0.6s both; }
.uc-text     { animation: fadeIn 0.8s ease 0.7s both; }
.uc-buttons  { animation: fadeIn 0.8s ease 0.85s both; }
.uc-contact  { animation: fadeIn 0.8s ease 1s both; }

</style>
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
–sand: #f5f0e8;
–warm-white: #faf8f4;
–deep: #1c1a17;
–muted: #7a7268;
–gold: #b89a6a;
–water: #8fadb8;
}

html { scroll-behavior: smooth; }

body {
font-family: ‘Jost’, sans-serif;
background: var(–warm-white);
color: var(–deep);
overflow-x: hidden;
}

/* NAV */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.4rem 3rem;
background: rgba(250,248,244,0.88);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(184,154,106,0.15);
}

.nav-logo {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.25rem;
font-weight: 400;
letter-spacing: 0.06em;
color: var(–deep);
text-decoration: none;
}

.nav-logo span { color: var(–gold); font-style: italic; }

nav ul {
list-style: none;
display: flex;
gap: 2.5rem;
}

nav ul a {
font-size: 0.78rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(–muted);
text-decoration: none;
transition: color 0.2s;
}

nav ul a:hover { color: var(–gold); }

/* HERO */
.hero {
min-height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
padding-top: 72px;
}

.hero-left {
display: flex;
flex-direction: column;
justify-content: center;
padding: 5rem 4rem 5rem 5rem;
position: relative;
}

.hero-left::after {
content: ‘’;
position: absolute;
bottom: 3rem;
left: 5rem;
width: 40px;
height: 1px;
background: var(–gold);
}

.hero-eyebrow {
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 1.8rem;
}

.hero-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(2.8rem, 4.5vw, 4.2rem);
font-weight: 300;
line-height: 1.15;
color: var(–deep);
margin-bottom: 2rem;
}

.hero-title em {
font-style: italic;
color: var(–gold);
}

.hero-tagline {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.15rem;
font-style: italic;
color: var(–muted);
margin-bottom: 2.8rem;
line-height: 1.6;
}

.hero-text {
font-size: 0.9rem;
line-height: 1.85;
color: var(–muted);
max-width: 380px;
margin-bottom: 3rem;
}

.btn-primary {
display: inline-block;
padding: 0.9rem 2.4rem;
background: var(–deep);
color: var(–warm-white);
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
transition: background 0.25s, color 0.25s;
}

.btn-primary:hover {
background: var(–gold);
}

.btn-ghost {
display: inline-block;
padding: 0.9rem 2.4rem;
border: 1px solid var(–deep);
color: var(–deep);
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: none;
margin-left: 1rem;
transition: border-color 0.25s, color 0.25s;
}

.btn-ghost:hover {
border-color: var(–gold);
color: var(–gold);
}

/* HERO GRID (rechts) */
.hero-right {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 3px;
background: var(–sand);
}

.hero-img {
overflow: hidden;
background: #d4c9b8;
position: relative;
}

.hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
filter: brightness(0.96) saturate(0.9);
}

.hero-img:hover img { transform: scale(1.05); }

/* Foto placeholders met Unsplash trouwfoto’s */

/* WATER DIVIDER */
.water-divider {
height: 3px;
background: linear-gradient(90deg, transparent, var(–water), var(–gold), var(–water), transparent);
opacity: 0.5;
}

/* INTRO SECTIE */
.intro {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 70vh;
}

.intro-image {
overflow: hidden;
background: #c8bfb0;
}

.intro-image img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.93) saturate(0.85);
}

.intro-content {
padding: 5rem 5rem 5rem 4.5rem;
display: flex;
flex-direction: column;
justify-content: center;
background: var(–sand);
}

.section-number {
font-size: 0.68rem;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 1.5rem;
}

.section-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(2rem, 3vw, 3rem);
font-weight: 300;
line-height: 1.2;
margin-bottom: 1.8rem;
}

.section-title em { font-style: italic; color: var(–gold); }

.section-text {
font-size: 0.88rem;
line-height: 1.9;
color: var(–muted);
margin-bottom: 1.2rem;
}

/* KENMERKEN */
.features {
padding: 6rem 5rem;
background: var(–warm-white);
}

.features-header {
text-align: center;
margin-bottom: 4rem;
}

.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.5rem;
}

.feature-card {
padding: 2.5rem 2rem;
border: 1px solid rgba(184,154,106,0.2);
position: relative;
transition: border-color 0.3s;
}

.feature-card:hover { border-color: var(–gold); }

.feature-card::before {
content: ‘’;
position: absolute;
top: 0; left: 2rem;
width: 30px;
height: 2px;
background: var(–gold);
}

.feature-icon {
font-size: 1.4rem;
margin-bottom: 1.2rem;
color: var(–gold);
}

.feature-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.35rem;
font-weight: 400;
margin-bottom: 0.8rem;
}

.feature-text {
font-size: 0.85rem;
line-height: 1.8;
color: var(–muted);
}

/* FOTOGALERIJ */
.gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 280px 280px;
gap: 3px;
background: var(–deep);
}

.gallery-item {
overflow: hidden;
background: #2a2520;
position: relative;
}

.gallery-item:first-child {
grid-column: span 2;
grid-row: span 2;
}

.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.88) saturate(0.85);
transition: filter 0.5s, transform 0.6s;
}

.gallery-item:hover img {
filter: brightness(1) saturate(1);
transform: scale(1.03);
}

/* QUOTE */
.quote-section {
padding: 7rem 5rem;
text-align: center;
background: var(–deep);
color: var(–warm-white);
position: relative;
overflow: hidden;
}

.quote-section::before {
content: ‘”’;
position: absolute;
top: -1rem;
left: 50%;
transform: translateX(-50%);
font-family: ‘Cormorant Garamond’, serif;
font-size: 18rem;
color: rgba(184,154,106,0.06);
line-height: 1;
pointer-events: none;
}

.quote-text {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(1.8rem, 3vw, 2.8rem);
font-weight: 300;
font-style: italic;
line-height: 1.5;
max-width: 780px;
margin: 0 auto 2rem;
color: var(–warm-white);
}

.quote-author {
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–gold);
}

/* CONTACT */
.contact {
display: grid;
grid-template-columns: 1fr 1fr;
}

.contact-image {
overflow: hidden;
min-height: 500px;
background: #c0b5a5;
position: relative;
}

.contact-image img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.9) saturate(0.8);
}

.contact-image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(28,26,23,0.3), transparent);
}

.contact-content {
padding: 5rem;
background: var(–sand);
display: flex;
flex-direction: column;
justify-content: center;
}

.contact-form {
display: flex;
flex-direction: column;
gap: 1.2rem;
margin-top: 2.5rem;
}

.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}

.form-field {
display: flex;
flex-direction: column;
gap: 0.4rem;
}

.form-field label {
font-size: 0.7rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(–muted);
}

.form-field input,
.form-field textarea,
.form-field select {
background: transparent;
border: none;
border-bottom: 1px solid rgba(28,26,23,0.25);
padding: 0.6rem 0;
font-family: ‘Jost’, sans-serif;
font-size: 0.9rem;
color: var(–deep);
outline: none;
transition: border-color 0.2s;
width: 100%;
}

.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus {
border-bottom-color: var(–gold);
}

.form-field textarea { resize: none; height: 80px; }

/* FOOTER */
footer {
padding: 3rem 5rem;
background: var(–deep);
display: flex;
justify-content: space-between;
align-items: center;
color: var(–muted);
font-size: 0.78rem;
letter-spacing: 0.05em;
}

.footer-logo {
font-family: ‘Cormorant Garamond’, serif;
font-size: 1.1rem;
color: var(–warm-white);
font-style: italic;
}

.footer-links {
display: flex;
gap: 2rem;
}

.footer-links a {
color: var(–muted);
text-decoration: none;
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: color 0.2s;
}

.footer-links a:hover { color: var(–gold); }

/* FADE IN */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to   { opacity: 1; transform: translateY(0); }
}

.hero-eyebrow { animation: fadeUp 0.8s ease 0.1s both; }
.hero-title   { animation: fadeUp 0.8s ease 0.25s both; }
.hero-tagline { animation: fadeUp 0.8s ease 0.4s both; }
.hero-text    { animation: fadeUp 0.8s ease 0.5s both; }
.hero-cta     { animation: fadeUp 0.8s ease 0.65s both; }

</style>
</head>
<body>

<!-- UNDER CONSTRUCTION OVERLAY -->

<div id="construction-overlay">
  <div class="uc-inner">
    <p class="uc-logo">life-photo · Loosdrecht</p>
    <h1 class="uc-brand">Trouwen in<br><em>Loosdrecht</em></h1>
    <p class="uc-tagline">Liefde langs het water.</p>
    <div class="uc-divider"></div>
    <p class="uc-text">
      Deze website is momenteel <strong>in opbouw</strong>.<br>
      Binnenkort vind je hier alles over trouwfotografie<br>
      in het prachtige Plassengebied van Loosdrecht.
    </p>
    <div class="uc-buttons">
      <a href="https://www.life-photo.nl" target="_blank" class="uc-btn-primary">Bezoek life-photo.nl</a>
      <a href="/cdn-cgi/l/email-protection#abc6c2dfc8c3cec7c7ddcac5cfceddcec7cfcec5ebc3c4dfc6cac2c785c8c4c6" class="uc-btn-ghost">Neem contact op</a>
    </div>
    <p class="uc-contact">
      Mitchell van de Velden &nbsp;·&nbsp;
      <a href="/cdn-cgi/l/email-protection#7914100d1a111c15150f18171d1c0f1c151d1c173911160d14181015571a1614"><span class="__cf_email__" data-cfemail="afc2c6dbccc7cac3c3d9cec1cbcad9cac3cbcac1efc7c0dbc2cec6c381ccc0c2">[email&#160;protected]</span></a>
    </p>
  </div>
</div>

<!-- NAV -->

<nav>
  <a class="nav-logo" href="#"><span>Trouwen</span> in Loosdrecht</a>
  <ul>
    <li><a href="#over">Over mij</a></li>
    <li><a href="#galerij">Galerij</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="https://www.life-photo.nl" target="_blank">life-photo.nl</a></li>
  </ul>
</nav>

<!-- HERO -->

<section class="hero">
  <div class="hero-left">
    <p class="hero-eyebrow">Trouwfotograaf · Loosdrecht & Plassengebied</p>
    <h1 class="hero-title">
      Liefde langs<br>
      <em>het water.</em>
    </h1>
    <p class="hero-tagline">Trouwen in Loosdrecht — waar het licht<br>danst op het water.</p>
    <p class="hero-text">
      Al meer dan 20 jaar leg ik bruiloften vast zoals ze zijn: warm, eerlijk en vol leven. 
      Geen geforceerde poses, maar jullie echte verhaal — omgeven door de unieke schoonheid 
      van de Loosdrechtse Plassen.
    </p>
    <div class="hero-cta">
      <a href="#contact" class="btn-primary">Neem contact op</a>
      <a href="#galerij" class="btn-ghost">Bekijk werk</a>
    </div>
  </div>

  <!-- 3×3 fotogrid rechts — Unsplash trouwfoto's -->

  <div class="hero-right">
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1519741497674-611481863552?w=400&h=300&fit=crop&auto=format" alt="Bruidspaar bij het water">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1511285560929-80b456fea0bc?w=400&h=300&fit=crop&auto=format" alt="Trouwreportage">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1606216794074-735e91aa2c92?w=400&h=300&fit=crop&auto=format" alt="Bruiloft detail">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1591604466107-ec97de577aff?w=400&h=300&fit=crop&auto=format" alt="Huwelijksceremonie">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1529636798458-92182e662485?w=400&h=300&fit=crop&auto=format" alt="Bruid portret">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1537633552985-df8429e8048b?w=400&h=300&fit=crop&auto=format" alt="Trouwceremonie">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1464699908537-0954e50791ee?w=400&h=300&fit=crop&auto=format" alt="Trouwfoto natuur">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1583939003579-730e3918a45a?w=400&h=300&fit=crop&auto=format" alt="Bruidspaar portret">
    </div>
    <div class="hero-img">
      <img src="https://images.unsplash.com/photo-1523438885200-e635ba2c371e?w=400&h=300&fit=crop&auto=format" alt="Bruiloft bloemen">
    </div>
  </div>
</section>

<div class="water-divider"></div>

<!-- OVER MIJ -->

<section class="intro" id="over">
  <div class="intro-image">
    <img src="https://images.unsplash.com/photo-1544078751-58fee2d8a03b?w=800&h=900&fit=crop&auto=format" alt="Loosdrechtse Plassen">
  </div>
  <div class="intro-content">
    <p class="section-number">01 — Over mij</p>
    <h2 class="section-title">Het vastleggen van<br><em>echte momenten.</em></h2>
    <p class="section-text">
      Mijn naam is Mitchell en ik fotografeer bruiloften vanuit een diepe liefde voor 
      het beeld. Ik begon in 2003 bij de bruiloft van mijn beste vriend en sindsdien 
      ben ik nooit gestopt.
    </p>
    <p class="section-text">
      Ik werk zonder vaste stijl — ik pas me aan jullie aan. Jullie dag, jullie 
      persoonlijkheid, jullie verhaal. Alles zo natuurlijk mogelijk vastgelegd, 
      van A tot Z.
    </p>
    <p class="section-text">
      Loosdrecht en het Plassengebied zijn mijn thuisbasis. Het zachte licht over het 
      water, de rust van de natuur — dit is de perfecte omgeving voor trouwfoto's 
      die je een leven lang koestert.
    </p>
    <a href="#contact" class="btn-primary" style="margin-top:1.5rem; align-self:flex-start;">Maak een afspraak</a>
  </div>
</section>

<!-- KENMERKEN -->

<section class="features">
  <div class="features-header">
    <p class="section-number">02 — Werkwijze</p>
    <h2 class="section-title" style="margin-bottom:0;">Waarom <em>life-photo</em></h2>
  </div>
  <div class="features-grid">
    <div class="feature-card">
      <div class="feature-icon">◯</div>
      <h3 class="feature-title">Natuurlijke fotografie</h3>
      <p class="feature-text">Geen geposeerde plaatjes, maar authentieke momenten. Ik observeer, wacht en druk op het juiste moment af.</p>
    </div>
    <div class="feature-card">
      <div class="feature-icon">◯</div>
      <h3 class="feature-title">Lokale expertise</h3>
      <p class="feature-text">Als Loosdrechter ken ik elk hoekje van de Plassen. Ik weet waar het licht het mooist is en welke locaties jullie dag bijzonder maken.</p>
    </div>
    <div class="feature-card">
      <div class="feature-icon">◯</div>
      <h3 class="feature-title">Hele dag aanwezig</h3>
      <p class="feature-text">Van de eerste voorbereiding tot het feest: ik leg jullie dag volledig vast, zodat jullie niets hoeven te missen.</p>
    </div>
  </div>
</section>

<!-- GALERIJ -->

<section class="gallery" id="galerij">
  <div class="gallery-item">
    <img src="https://images.unsplash.com/photo-1501281668745-f7f57925c3b4?w=800&h=700&fit=crop&auto=format" alt="Trouwfoto water">
  </div>
  <div class="gallery-item">
    <img src="https://images.unsplash.com/photo-1522673607200-164d1b6ce486?w=400&h=280&fit=crop&auto=format" alt="Bruidsboeket">
  </div>
  <div class="gallery-item">
    <img src="https://images.unsplash.com/photo-1510172951991-856a654063f9?w=400&h=280&fit=crop&auto=format" alt="Huwelijksmoment">
  </div>
  <div class="gallery-item">
    <img src="https://images.unsplash.com/photo-1469371670807-013ccf25f16a?w=400&h=280&fit=crop&auto=format" alt="Bruidspaar portret">
  </div>
  <div class="gallery-item">
    <img src="https://images.unsplash.com/photo-1525772764200-be829a350797?w=400&h=280&fit=crop&auto=format" alt="Trouwen buiten">
  </div>
</section>

<!-- QUOTE -->

<section class="quote-section">
  <blockquote class="quote-text">
    "Ik probeer niets te forceren en alles zo natuurlijk te laten verlopen — 
    want de mooiste momenten ontstaan vanzelf."
  </blockquote>
  <p class="quote-author">Mitchell — life-photo.nl · Loosdrecht</p>
</section>

<!-- CONTACT -->

<section class="contact" id="contact">
  <div class="contact-image">
    <img src="https://images.unsplash.com/photo-1444480358665-749b9e8f9b3d?w=800&h=700&fit=crop&auto=format" alt="Trouwen langs het water Loosdrecht">
    <div class="contact-image-overlay"></div>
  </div>
  <div class="contact-content">
    <p class="section-number">03 — Contact</p>
    <h2 class="section-title">Jullie dag<br><em>begint hier.</em></h2>
    <p class="section-text">Vertel me over jullie bruiloft en ik neem snel contact op.</p>

```
<form class="contact-form" onsubmit="return false;">
  <div class="form-row">
    <div class="form-field">
      <label>Naam</label>
      <input type="text" placeholder="Jullie namen">
    </div>
    <div class="form-field">
      <label>E-mail</label>
      <input type="email" placeholder="jullie@email.nl">
    </div>
  </div>
  <div class="form-row">
    <div class="form-field">
      <label>Trouwdatum</label>
      <input type="date">
    </div>
    <div class="form-field">
      <label>Locatie</label>
      <input type="text" placeholder="Loosdrecht, ...">
    </div>
  </div>
  <div class="form-field">
    <label>Bericht</label>
    <textarea placeholder="Vertel iets over jullie dag..."></textarea>
  </div>
  <a href="/cdn-cgi/l/email-protection#076e696168476b6e61622a776f68736829696b" class="btn-primary" style="align-self:flex-start; margin-top:0.5rem;">Verstuur bericht</a>
</form>
```

  </div>
</section>

<!-- FOOTER -->

<footer>
  <div class="footer-logo">Trouwen in Loosdrecht</div>
  <div class="