learn.html

<!doctype html>
<html lang="nl">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#f4f3ef"><title>ScamLens — 5 minuten slimmer</title><link rel="stylesheet" href="styles.css"><script src="lesson.js" defer></script></head>
<body><header class="topbar"><a class="brand" href="index.html"><span class="brand-mark">S</span> scam<span>lens</span></a><a class="lang" href="en/learn.html">English ↗</a></header>
<main class="lesson"><a class="back" href="index.html">← Terug naar ScamLens</a><p class="eyebrow">MINI-LES · ONGEVEER 5 MINUTEN</p><h1>Neem even pauze.<br><em>Leer de signalen zien.</em></h1><p class="lead">Drie korte situaties helpen je verdachte berichten met meer vertrouwen te beoordelen. Kies wat jij zou doen en bekijk waarom.</p>
<div class="progress-row"><span id="progressText">Situatie 1 van 3</span><div class="progress"><i id="progressBar"></i></div></div>
<section class="quiz card" aria-live="polite"><div class="scenario-tag" id="scenarioTag">SMS · BEZORGING</div><h2 id="scenario"></h2><div id="choices" class="choices"></div><div id="feedback" class="feedback" hidden></div><button id="next" class="primary" hidden>Volgende situatie <span>→</span></button></section>
<section id="done" class="done card" hidden><div class="done-icon">✓</div><p class="eyebrow">GOED BEZIG</p><h2>Je hebt de signalen geoefend.</h2><p id="finalScore"></p><p>Onthoud: stop, controleer de afzender via een kanaal dat je zelf opzoekt en deel nooit wachtwoorden of verificatiecodes.</p><a class="primary link-button" href="index.html">Controleer een bericht →</a></section>
<p class="lesson-note">Deze mini-les is algemene voorlichting. Geen enkele checklist kan alle vormen van fraude herkennen.</p></main>
<footer><span>ScamLens <span class="muted">· Een kleine check, een rustiger klik.</span></span><a href="https://www.safeonweb.be/nl" target="_blank" rel="noreferrer">Meer tips op Safeonweb ↗</a></footer></body></html>