<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Familiesessie.nl - Groeien in verbinding</title>
<style>
/* Kleurthema bruin & groen volgens logo */
:root {
--bruin-donker: #654321;
--bruin-licht: #a67b5b;
--groen-donker: #2e7d32;
--groen-licht: #81c784;
--wit: #f9f9f9;
--grijs-licht: #f0f0f0;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: var(--wit);
color: var(--bruin-donker);
margin: 0;
line-height: 1.6;
}
header, footer {
background-color: var(--bruin-licht);
color: white;
padding: 1rem 2rem;
display: flex;
align-items: center;
justify-content: space-between;
}
header img.logo {
height: 50px;
}
nav a {
color: white;
text-decoration: none;
margin-left: 1.5rem;
font-weight: 600;
}
nav a:hover {
color: var(--groen-licht);
}
main {
max-width: 900px;
margin: 2rem auto;
padding: 0 1rem;
}
h1, h2, h3 {
color: var(--bruin-donker);
}
h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}
h2 {
margin-top: 2rem;
border-bottom: 3px solid var(--groen-donker);
padding-bottom: 0.3rem;
}
p {
margin: 1rem 0;
font-size: 1.1rem;
}
.btn {
display: inline-block;
background-color: var(--groen-donker);
color: white;
padding: 0.5rem 1rem;
border-radius: 25px;
text-decoration: none;
font-weight: bold;
margin: 1rem 0.5rem 1rem 0;
transition: background-color 0.3s ease;
cursor: pointer;
}
.btn:hover {
background-color: var(--groen-licht);
color: var(--bruin-donker);
}
section {
background-color: var(--grijs-licht);
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 2rem;
box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
}
th, td {
border: 1px solid var(--bruin-licht);
padding: 0.8rem;
text-align: left;
}
th {
background-color: var(--bruin-licht);
color: white;
}
footer {
text-align: center;
font-size: 0.9rem;
}
form label {
display: block;
margin-top: 1rem;
font-weight: 600;
}
form input, form textarea {
width: 100%;
padding: 0.5rem;
margin-top: 0.3rem;
border: 1px solid var(--bruin-licht);
border-radius: 5px;
font-size: 1rem;
}
form textarea {
resize: vertical;
min-height: 80px;
}
form button {
margin-top: 1rem;
background-color: var(--groen-donker);
color: white;
border: none;
padding: 0.7rem 1.2rem;
border-radius: 25px;
font-size: 1rem;
cursor: pointer;
transition: background-color 0.3s ease;
}
form button:hover {
background-color: var(--groen-licht);
color: var(--bruin-donker);
}
/* Responsive */
@media (max-width: 600px) {
header, footer {
flex-direction: column;
text-align: center;
}
nav a {
margin: 0.5rem 1rem;
}
}
</style>
</head>
<body>
<header>
<img src="Logo-website.jpg" alt="Logo Familiesessie" class="logo" />
<nav>
<a href="#home">Home</a>
<a href="#wij">Wie zijn wij</a>
<a href="#visie">Onze visie</a>
<a href="#aanbod">Wat we aanbieden</a>
<a href="#methode">Methode</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main>
<section id="home" tabindex="0">
<h1>Groeien in verbinding</h1>
<p>Samen als gezin werken aan meer onderlinge verbinding, begrip en stroming. In een veilige en persoonlijke sfeer begeleiden wij gezinnen met kinderen vanaf 16 jaar die verlangen naar meer openheid en echte verbinding.</p>
<a href="#wij" class="btn">Wie zijn wij</a>
<a href="#aanbod" class="btn">Onze pakketten</a>
</section>
<section id="wij" tabindex="0">
<h2>Wie zijn wij</h2>
<p>Bij familiesessie.nl staat één kernwaarde centraal: het verlangen om als mens te groeien en betekenisvolle, oprechte verbindingen aan te gaan. Wij geloven dat in elk gezin die groei mogelijk is – ook wanneer het soms lastig voelt.</p>
<p>Met deze missie starten we elke sessie: ruimte creëren waarin iedereen zichzelf mag zijn, kwetsbaar durft te zijn en waar gezinsleden elkaar écht leren zien en begrijpen.</p>
<p>Timo, die zelf uit een samengesteld gezin komt met de nodige uitdagingen, heeft vanuit zijn persoonlijke ervaringen een diep inzicht ontwikkeld in hoe ingewikkeld en tegelijk waardevol gezinsdynamieken zijn. Samen met zijn partner begeleidt hij gezinnen op het pad van verbinding, groei en stroming.</p>
<a href="#visie" class="btn">Onze visie</a>
<a href="#methode" class="btn">Werkwijze</a>
<a href="#contact" class="btn">Plan een kennismaking</a>
</section>
<section id="visie" tabindex="0">
<h2>Onze visie</h2>
<p>Elk gezin is uniek. Spanningen of patronen kunnen soms de stroom van verbinding verstoren. Wij begeleiden gezinnen van strijd naar stroming, zodat elk gezinslid wordt gezien en gehoord. Onze aanpak is nieuwsgierig, persoonlijk, met ruimte voor kwetsbaarheid en openheid. We helpen met praktische oefeningen en diepgaande gesprekken meer vertrouwen en verbinding te creëren.</p>
<a href="#methode" class="btn">Meer over methode</a>
<a href="#aanbod" class="btn">Bekijk ons aanbod</a>
</section>
<section id="aanbod" tabindex="0">
<h2>Wat we aanbieden</h2>
<table>
<thead>
<tr>
<th>Pakket</th>
<th>Prijs</th>
<th>Inhoud</th>
<th>Doel</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kort verbinden</td>
<td>€495</td>
<td>Gezinsintake, 1 familiesessie (3 uur), praktische oefeningen</td>
<td>Start van begrip en verbinding</td>
</tr>
<tr>
<td>Groeien in verbinding</td>
<td>€800</td>
<td>Individuele intake, 1-2 familiesessies, lichaamsgerichte oefeningen, nagesprekken</td>
<td>Verdiepen van communicatie en kwetsbaarheid</td>
</tr>
<tr>
<td>Samen verder</td>
<td>€1295</td>
<td>Uitgebreide intake, 3 familiesessies, thuisopdrachten, 24/7 bereikbaarheid</td>
<td>Duurzame transitie en gezinsgroeiplan</td>
</tr>
</tbody>
</table>
<a href="#contact" class="btn">Vraag een offerte aan</a>
</section>
<section id="methode" tabindex="0">
<h2>Achtergrond & Methode</h2>
<p>We werken systemisch en lichaamsgericht met familieopstellingen, verbindende communicatie en praktische oefeningen. Veiligheid, aandacht voor ieders perspectief en ruimte voor kwetsbaarheid staan centraal. We helpen gezinsleden dichter bij zichzelf en elkaar te komen.</p>
<a href="#wij" class="btn">Lees meer over ons</a>
<a href="#contact" class="btn">Neem contact op</a>
</section>
<section id="contact" tabindex="0">
<h2>Contact</h2>
<p>Voor kennismaking, vragen of directe hulp: </p>
<ul>
<li><strong>E-mail:</strong> <a href="mailto:info@familiesessie.nl">info@familiesessie.nl</a></li>
<li><strong>Telefoon:</strong> +31 6 33335155</li>
<li><strong>Locatie:</strong> Groningen</li>
<li><strong>Contactpersonen:</strong> Timo en partner</li>
</ul>
<form>
<label for="naam">Naam</label>
<input type="text" id="naam" name="naam" required />
<label for="email">E-mailadres</label>
<input type="email" id="email" name="email" required />
<label for="telefoon">Telefoonnummer</label>
<input type="tel" id="telefoon" name="telefoon" />
<label for="bericht">Bericht</label>
<textarea id="bericht" name="bericht" required></textarea>
<button type="submit">Verstuur</button>
</form>
</section>
</main>
<footer>
<p>© 2025 Familiesessie.nl | Groeien in verbinding</p>
</footer>
</body>
</html>