Nationaal Park de Hoge Veluwe – Een parel in hart van Nederland

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nationaal Park de Hoge Veluwe</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
<style>
:root {
--park-green: #2d5016;
--park-darkgreen: #1a3009;
--park-amber: #c8941e;
--park-sand: #f5efe0;
--park-brown: #5c3a1e;
}
body {
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
background-color: var(--park-sand);
color: #2c2c2c;
}
.hero-section {
position: relative;
min-height: 85vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: linear-gradient(135deg, #2d5016 0%, #4a7c28 30%, #8fbc5a 60%, #c8941e 100%);
}
.hero-section::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1920&q=80') center/cover no-repeat;
opacity: 0.35;
}
.hero-section::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 200px;
background: linear-gradient(to top, var(--park-sand), transparent);
}
.hero-content {
position: relative;
z-index: 2;
text-align: center;
color: #fff;
padding: 2rem;
}
.hero-content h1 {
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 800;
text-shadow: 2px 3px 8px rgba(0,0,0,0.5);
margin-bottom: 1rem;
}
.hero-content p {
font-size: clamp(1.1rem, 2.5vw, 1.4rem);
text-shadow: 1px 2px 6px rgba(0,0,0,0.4);
max-width: 700px;
margin: 0 auto 2rem;
}
.hero-badge {
display: inline-block;
background: rgba(255,255,255,0.18);
backdrop-filter: blur(6px);
border: 1px solid rgba(255,255,255,0.3);
padding: 0.5rem 1.5rem;
border-radius: 50px;
font-size: 0.95rem;
color: #fff;
}
.section-title {
color: var(--park-darkgreen);
font-weight: 700;
position: relative;
padding-bottom: 0.75rem;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0; left: 0;
width: 60px;
height: 4px;
background: var(--park-amber);
border-radius: 2px;
}
.info-card {
border: none;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,0.07);
transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
}
.info-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 36px rgba(0,0,0,0.13);
}
.info-card .card-header-icon {
font-size: 2rem;
color: var(--park-green);
}
.stat-box {
background: linear-gradient(135deg, var(--park-green), #4a7c28);
border-radius: 16px;
padding: 2rem;
text-align: center;
color: #fff;
transition: transform 0.3s ease;
}
.stat-box:hover {
transform: scale(1.04);
}
.stat-number {
font-size: 2.8rem;
font-weight: 800;
line-height: 1;
}
.stat-label {
font-size: 0.95rem;
opacity: 0.9;
margin-top: 0.3rem;
}
.nature-list li {
padding: 0.6rem 0;
border-bottom: 1px solid #e8e2d4;
}
.nature-list li:last-child {
border-bottom: none;
}
.nature-list i {
color: var(--park-green);
margin-right: 0.5rem;
}
.gallery-img {
border-radius: 12px;
width: 100%;
height: 240px;
object-fit: cover;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.gallery-img:hover {
transform: scale(1.03);
}
.timeline-item {
position: relative;
padding-left: 2rem;
border-left: 3px solid var(--park-amber);
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.timeline-item::before {
content: '';
position: absolute;
left: -9px; top: 0;
width: 15px; height: 15px;
background: var(--park-amber);
border-radius: 50%;
}
.cta-section {
background: linear-gradient(135deg, var(--park-darkgreen), var(--park-green));
color: #fff;
border-radius: 20px;
padding: 3rem 2rem;
}
footer {
background-color: var(--park-darkgreen);
color: rgba(255,255,255,0.7);
}
footer a {
color: var(--park-amber);
}
.nav-custom {
background: rgba(26, 48, 9, 0.92) !important;
backdrop-filter: blur(10px);
}
.nav-custom .nav-link {
color: rgba(255,255,255,0.85) !important;
font-weight: 500;
padding: 0.6rem 1rem !important;
}
.nav-custom .nav-link:hover {
color: var(--park-amber) !important;
}
.alert-park {
border-left: 4px solid var(--park-green);
background-color: rgba(45, 80, 22, 0.06);
}
@media (max-width: 768px) {
.hero-section { min-height: 70vh; }
.stat-box { margin-bottom: 1rem; padding: 1.5rem; }
.gallery-img { height: 200px; }
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg nav-custom sticky-top">
<div class="container">
<a class="navbar-brand text-white fw-bold" href="#">
<i class="bi bi-tree-fill me-2"></i>Hoge Veluwe
</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mainNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#over">Over het park</a></li>
<li class="nav-item"><a class="nav-link" href="#natuur">Natuur</a></li>
<li class="nav-item"><a class="nav-link" href="#bezienswaardigheden">Bezienswaardigheden</a></li>
<li class="nav-item"><a class="nav-link" href="#info">Praktisch</a></li>
</ul>
</div>
</div>
</nav>
<section class="hero-section">
<div class="hero-content">
<span class="hero-badge mb-3"><i class="bi bi-star-fill me-1"></i> Nationaal Park</span>
<h1>Nationaal Park de Hoge Veluwe</h1>
<p>Een van de mooiste natuurgebieden van Nederland — met uitgestrekte heidevelden, dichte bossen en een rijke wildlife.</p>
<a href="#over" class="btn btn-lg px-4 rounded-pill fw-semibold" style="background:var(--park-amber);color:#fff;border:none;">
<i class="bi bi-arrow-down-circle me-2"></i>Ontdek meer
</a>
</div>
</section>
<div class="container py-5" id="over">
<h2 class="section-title mb-4">Over het park</h2>
<div class="row g-4 align-items-center">
<div class="col-lg-7">
<p class="lead text-muted mb-3">
Nationaal Park de Hoge Veluwe is met haar <strong>5.400 hectare</strong> één van de grootste aaneengesloten natuurgebieden van Nederland. Het park ligt verspreid over de provincies Gelderland en Overijssel, ten noordoosten van Arnhem en Apeldoorn.
</p>
<p>
Het landschap is uniek in Europa: een combinatie van zandverstuivingen, naaldbos, heidevelden en vennen. Sinds de oprichting in <strong>1935</strong> wordt het gebied met grote zorg beheerd door de <em>Vogelsang &amp; Kröller-Müller</em> stichting, later overgegaan in Stichting Nationaal Park Hoge Veluwe.
</p>
<div class="alert alert-park mt-3" role="alert">
<i class="bi bi-info-circle-fill me-2"></i>
Het park is vernoemd naar de <strong>Hoge Veluwe</strong>, een hooggelegen zandrug die zich uitstrekt over meer dan 20 kilometer.
</div>
</div>
<div class="col-lg-5">
<img src="https://images.unsplash.com/photo-1446329813274-7c9036bd9a1f?w=800&q=80" alt="Uitzicht op heidevelden van de Hoge Veluwe" class="img-fluid rounded-4 shadow" onerror="this.onerror=null;this.src='https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1600&q=80';">
</div>
</div>
</div>
<div class="container py-5" id="natuur">
<h2 class="section-title mb-4">Natuur &amp; Biodiversiteit</h2>
<p class="lead text-muted mb-4">De Hoge Veluwe herbergt een verrassend diverse flora en fauna, van wilde paarden tot zeldzame orchideeën.</p>
<div class="row g-4 mb-5">
<div class="col-md-6 col-lg-3">
<div class="stat-box h-100">
<div class="stat-number">2.300+</div>
<div class="stat-label">Plantensoorten</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="stat-box h-100" style="background:linear-gradient(135deg, #c8941e, #a07510);">
<div class="stat-number">5.400</div>
<div class="stat-label">Hectare natuurgebied</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="stat-box h-100" style="background:linear-gradient(135deg, #5c3a1e, #8b5e34);">
<div class="stat-number">27</div>
<div class="stat-label">Vissensoorten in vennen</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="stat-box h-100" style="background:linear-gradient(135deg, #4a7c28, #6ba33e);">
<div class="stat-number">90%</div>
<div class="stat-label">Bosoppervlak</div>
</div>
</div>
</div>
<div class="row g-4 align-items-center mb-4">
<div class="col-lg-5 order-lg-2">
<img src="https://images.unsplash.com/photo-1564349683136-77e08dba1ef7?w=800&q=80" alt="Wilde Konikpaarden op de heide van de Hoge Veluwe" class="img-fluid rounded-4 shadow" onerror="this.onerror=null;this.src='https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1600&q=80';">
</div>
<div class="col-lg-7 order-lg-1">
<h3><i class="bi bi-heart-pulse-fill text-danger me-2"></i>Bekende bewoners</h3>
<p>
Het park staat bekend om zijn <strong>Konikpaarden</strong> en <strong>Gallowayrunderen</strong>, die al eeuwenlang het landschap open houden door begrazing. Daarnaast kom je hier de volgende dieren tegen:
</p>
<ul class="list-unstyled nature-list">
<li><i class="bi bi-check-circle-fill"></i> Herten (damhert, edelhert, ree)</li>
<li><i class="bi bi-check-circle-fill"></i> Vossen en das</li>
<li><i class="bi bi-check-circle-fill"></i> Bosuil en havik</li>
<li><i class="bi bi-check-circle-fill"></i> Kamsalamander en vuursalamander</li>
<li><i class="bi bi-check-circle-fill"></i> Zeldzame vlindersoorten zoals de koningsvlinder</li>
</ul>
</div>
</div>
<div class="row g-4 align-items-center">
<div class="col-lg-7">
<h3><i class="bi bi-flower1 text-success me-2"></i>Plantenwereld</h3>
<p>
De Hoge Veluwe is een paradijs voor plantenliefhebbers. Op de zure heidevelden groeien <strong>heidelil</strong>, <strong>blauwe bosbes</strong> en <strong>gewone dophei</strong>. In het voorjaar bloeit hier de <em>klokjesgentiaan</em>, een van de zeldzaamste bloemen van Nederland.
</p>
<p>
De naaldbossen bestaan grotendeels uit <strong>doulasspar</strong> en <strong>nordmannhr spar</strong>, aangeplant in de 20e eeuw. Het loofbos bevat eik, beuk en zomereik — habitat voor talloze insecten en vogelsoorten.
</p>
</div>
<div class="col-lg-5">
<img src="https://images.unsplash.com/photo-1448375240586-882707db888b?w=800&q=80" alt="Bosweg in het Nationale Park Hoge Veluwe" class="img-fluid rounded-4 shadow" onerror="this.onerror=null;this.src='https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1600&q=80';">
</div>
</div>
</div>
<div class="container py-5" id="bezienswaardigheden">
<h2 class="section-title mb-4">Bezienswaardigheden</h2>
<div class="row g-4">
<div class="col-md-6 col-lg-4">
<div class="card info-card h-100">
<div class="card-body text-center p-4">
<i class="bi bi-brush display-4 mb-3" style="color:var(--park-amber);"></i>
<h5 class="fw-bold mt-2">Kröller-Müller Museum</h5>
<p class="text-muted">
Het op één na grootste kunstmuseum van Nederland, met een prachtige collectie werk van Van Gogh (meer dan 180 tekeningen en bijna 90 schilderijen), Rodin-beeldentuin en moderne kunst.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card info-card h-100">
<div class="card-body text-center p-4">
<i class="bi bi-bicycle display-4 mb-3" style="color:var(--park-green);"></i>
<h5 class="fw-bold mt-2">Gratis Witte Fietsen</h5>
<p class="text-muted">
Een uniek feature: alle gasten kunnen gratis gebruikmaken van de iconische witte fietsen om het enorme park te verkennen. Ideaal voor een dag door bossen en heide!
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card info-card h-100">
<div class="card-body text-center p-4">
<i class="bi bi-building display-4 mb-3" style="color:var(--park-brown);"></i>
<h5 class="fw-bold mt-2">Hoge Veluwehoeve &amp; Jachthuis Sint Hubertus</h5>
<p class="text-muted">
Historische gebouwen uit de tijd van Helene Kröller-Müller. Het jachthuis is een pronkstuk van het Jugendstil-architectuur met prachtige glazen mozaïekramen.
</p>
</div>
</div>
</div>
</div>
<div class="row g-4 mt-2 align-items-center">
<div class="col-lg-6">
<h3 class="fw-bold mb-3"><i class="bi bi-clock-history text-primary me-2"></i>Korte geschiedenis</h3>
<div class="timeline-item">
<strong>1904</strong> — Helene Kröller-Müller en Anton Kröller beginnen met de aankoop van grond voor hun kunstcollectie en natuurbeleving.
</div>
<div class="timeline-item">
<strong>1935</strong> — Officiële oprichting van Nationaal Park Hoge Veluwe als eerste nationale park van Nederland.
</div>
<div class="timeline-item">
<strong>2004</strong> — Uitbreiding met het <em>Beekse Berg en Dal</em>-gebied, waardoor het park aanzienlijk groter wordt.
</div>
<div class="timeline-item">
<strong>Vandaag de dag</strong> — Het park trekt jaarlijks meer dan <strong>1,5 miljoen bezoekers</strong>.
</div>
</div>
<div class="col-lg-6">
<table class="table table-bordered table-hover rounded-3 overflow-hidden shadow-sm">
<thead style="background:var(--park-green);color:#fff;">
<tr>
<th scope="col" colspan="2"><i class="bi bi-info-circle me-1"></i>Snel overzicht</th>
</tr>
</thead>
<tbody>
<tr><td><strong>Oprichting</strong></td><td>1935</td></tr>
<tr><td><strong>Grootte</strong></td><td>5.400 hectare</td></tr>
<tr><td><strong>Ligging</strong></td><td>Gelderland &amp; Overijssel</td></tr>
<tr><td><strong>Bezoekers per jaar</strong></td><td>Ca. 1,5 miljoen</td></tr>
<tr><td><strong>Toegangsprijs (volwassene)</strong></td><td>€ 20,90 (seizoen 2024)</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container py-5" id="info">
<h2 class="section-title mb-4">Praktische informatie</h2>
<div class="row g-4">
<div class="col-lg-8">
<div class="card info-card">
<div class="card-body p-4">
<h5><i class="bi bi-signpost-split me-2" style="color:var(--park-green);"></i>Openingstijden</h5>
<p class="mb-1">Het park is het hele jaar door geopend, dagelijks van <strong>09:00 tot zonsondergang</strong>.</p>
<h5 class="mt-4"><i class="bi bi-ticket me-2" style="color:var(--park-green);"></i>Toegangsprijzen (2024)</h5>
<ul class="list-unstyled">
<li><i class="bi bi-check2 text-success me-2"></i>Volwassene: € 20,90</li>
<li><i class="bi bi-check2 text-success me-2"></i>Dierentuinpas / IABR-pas houders: gratis</li>
<li><i class="bi bi-check2 text-success me-2"></i>Kinderen t/m 17 jaar: gratis</li>
</ul>
<h5 class="mt-4"><i class="bi bi-car-front me-2" style="color:var(--park-green);"></i>Bereikbaarheid</h5>
<p>
Met de auto: parkeren kan bij meerdere ingangen, waaronder <strong>Krakeling</strong>, <strong>Ede</strong> en <strong>Oosterbeek</strong>.
</p>
<p>
Met het openbaar vervoer: buslijn 43 (Arnhem – Ede-Wageningen) stopt bij ingang Krakeling. Vanaf station Ede-Wageningen is het park goed bereikbaar met de fiets of bus.
</p>
<h5 class="mt-4"><i class="bi bi-exclamation-triangle me-2" style="color:var(--park-amber);"></i>Belangrijke regels</h5>
<div class="alert alert-park mb-0">
<ul class="mb-0 small">
<li>Honden moeten aangelijnd blijven (behalve op de hondenstrand bij Ede)</li>
<li>Fietsen is alleen toegestaan op de borden aangegeven fietspaden</li>
<li>Kamperen is niet toegestaan binnen het nationaal park</li>
<li>Wild采集 is verboden, behalve paddenstoelen (max. 1 kg)</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="cta-section text-center mb-4">
<h5 class="fw-bold"><i class="bi bi-bicycle me-2"></i>Witte Fietsen</h5>
<p class="mb-3">Meer dan 6.000 fietsen klaar om door het park te gaan! Inclusief in de entree.</p>
<span class="badge rounded-pill" style="background:var(--park-amber);font-size:1rem;">GRATIS</span>
</div>
<div class="card info-card mb-4">
<div class="card-body p-3 text-center">
<i class="bi bi-telephone-fill display-6" style="color:var(--park-green);"></i>
<p class="fw-bold mt-2 mb-1">Contact</p>
<p class="small text-muted mb-1"><a href="https://www.nationaalparkhogeveluwe.nl" target="_blank" rel="noopener noreferrer">nationaalparkhogeveluwe.nl</a></p>
<p class="small text-muted mb-0"><i class="bi bi-geo-alt me-1"></i>Hoge Veluwe 9, 6731 AB Otterlo</p>
</div>
</div>
<div class="card info-card">
<div class="card-body p-4 text-center">
<h6 class="fw-bold mb-2"><i class="bi bi-camera me-2"></i>Fototentoonstelling</h6>
<p class="small text-muted">Ontdek het park door de lens van professionele fotografen — een jaarlijkse happening in het Kröller-Müller Museum.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container py-4 mb-5">
<div class="text-center text-muted small">
<strong>Bronnen:</strong><br>
Nationaal Park Hoge Veluwe — <a href="https://www.nationaalparkhogeveluwe.nl" target="_blank" rel="noopener noreferrer">nationaalparkhogeveluwe.nl</a><br>
Staatsbosbeheer — <a href="https://www.staatsbosbeheer.nl" target="_blank" rel="noopener noreferrer">staatsbosbeheer.nl</a><br>
Kröller-Müller Museum — <a href="https://www.krollermuller.nl" target="_blank" rel="noopener noreferrer">krollermuller.nl</a>
</div>
</div>
<footer class="py-4 mt-5">
<div class="container text-center">
<p class="mb-1">&copy; 2024 — Nationaal Park de Hoge Veluwe | Single-File HTML Website</p>
<p class="small mb-0">Gebouwd met Bootstrap 5 &amp; Bootstrap Icons</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>