<!DOCTYPE html>
<html lang=”nl”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Fruit op School – Streekvers | Gezond en Vers Schoolfruit</title>
<meta name=”description” content=”Streekvers levert dagelijks vers fruit aan scholen in heel Nederland. Vraag een proefbox aan en ontdek de voordelen van schoolfruit!”>
<meta name=”keywords” content=”schoolfruit, fruit op school, gezond eten, kinderen, Streekvers, vers fruit, school voeding”>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
}
header {
background: url(‘fruit-banner.jpg’) center/cover no-repeat;
color: white;
padding: 40px 20px;
}
.cta-button {
background: #ff6600;
color: white;
padding: 15px 30px;
text-decoration: none;
font-size: 20px;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
}
.container {
width: 80%;
margin: auto;
padding: 20px;
}
.stappenplan {
display: flex;
justify-content: space-around;
text-align: left;
}
.stap {
width: 30%;
padding: 10px;
}
.usp {
background: #f4f4f4;
padding: 20px;
margin-top: 20px;
}
img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
</style>
</head>
<body>
<header>
<h1>Gezond & Vers Fruit op School!</h1>
<p>Streekvers levert dagelijks vers fruit aan scholen door heel Nederland.</p>
<a href=”#proefbox” class=”cta-button”>Probeer een proefbox</a>
</header>
<section class=”container”>
<h2>Hoe werkt het?</h2>
<div class=”stappenplan”>
<div class=”stap”>
<img src=”bestellen.jpg” alt=”Bestellen van schoolfruit”>
<h3>1. Bestel online</h3>
<p>Kies eenvoudig het gewenste fruitpakket en plaats je bestelling.</p>
</div>
<div class=”stap”>
<img src=”levering.jpg” alt=”Levering schoolfruit”>
<h3>2. Wij leveren</h3>
<p>Wij bezorgen vers fruit direct op school, zonder gedoe.</p>
</div>
<div class=”stap”>
<img src=”genieten.jpg” alt=”Kinderen genieten van schoolfruit”>
<h3>3. Geniet!</h3>
<p>Leerlingen genieten elke dag van gezond en lekker fruit.</p>
</div>
</div>
</section>
<section id=”proefbox” class=”container usp”>
<h2>Probeer onze proefbox!</h2>
<img src=”proefbox.jpg” alt=”Proefbox schoolfruit”>
<p>Twijfel je? Vraag een proefbox aan en ontdek hoe makkelijk en lekker het is.</p>
<a href=”contact.html” class=”cta-button”>Vraag een proefbox aan</a>
</section>
<section class=”container usp”>
<h2>Waarom Streekvers?</h2>
<ul>
<li>✔ Altijd vers en lokaal fruit</li>
<li>✔ Flexibele leveropties</li>
<li>✔ Duurzame verpakking</li>
<li>✔ Ondersteunt een gezonde levensstijl op scholen</li>
</ul>
<img src=”nederland-map.jpg” alt=”Schoolfruit levering door heel Nederland”>
<p>Wij leveren schoolfruit in heel Nederland!</p>
</section>
<section class=”container”>
<h2>Schoolfruit voor gezonde kinderen</h2>
<img src=”kinderen-eten-fruit.jpg” alt=”Kinderen eten fruit op school”>
<p>Schoolfruit is onmisbaar voor gezonde kinderen…</p>
</section>
</body>
</html>