learn.html

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#f4f3ef"><title>ScamLens — 5-minute guide</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="../learn.html">Nederlands ↗</a></header>
<main class="lesson"><a class="back" href="index.html">← Back to ScamLens</a><p class="eyebrow">MINI LESSON · ABOUT 5 MINUTES</p><h1>Pause for a moment.<br><em>Learn to spot the signs.</em></h1><p class="lead">Three short scenarios help you assess suspicious messages with more confidence. Choose what you would do and see why.</p>
<div class="progress-row"><span id="progressText">Scenario 1 of 3</span><div class="progress"><i id="progressBar"></i></div></div>
<section class="quiz card" aria-live="polite"><div class="scenario-tag" id="scenarioTag">TEXT · DELIVERY</div><h2 id="scenario"></h2><div id="choices" class="choices"></div><div id="feedback" class="feedback" hidden></div><button id="next" class="primary" hidden>Next scenario <span>→</span></button></section>
<section id="done" class="done card" hidden><div class="done-icon">✓</div><p class="eyebrow">NICE WORK</p><h2>You have practised spotting the signs.</h2><p id="finalScore"></p><p>Remember: pause, verify the sender using a channel you find yourself, and never share passwords or verification codes.</p><a class="primary link-button" href="index.html">Check a message →</a></section>
<p class="lesson-note">This mini lesson is for general awareness. No checklist can identify every kind of fraud.</p></main>
<footer><span>ScamLens <span class="muted">· A quick check for a more confident click.</span></span><a href="https://www.safeonweb.be/en" target="_blank" rel="noreferrer">More advice from Safeonweb ↗</a></footer></body></html>