47 lines
1.4 KiB
HTML
47 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Mini-Quiz</title>
|
||
<link rel="icon" href="img/favicon.png" type="image/png">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="logo-container">
|
||
<img src="./img/Logo.png" alt="Logo">
|
||
</div>
|
||
<nav>
|
||
<div class="nav-links">
|
||
<a href="index.html">Home</a>
|
||
<a href="about_us.html">About Us</a>
|
||
<a href="eis_project.html">Project</a>
|
||
<a href="quiz.html">Quiz</a>
|
||
<a href="contact.html">Contact</a>
|
||
<a href="imprint.html">Imprint</a>
|
||
<a href="notenrechner.html">Notenrechner</a>
|
||
</div>
|
||
<button id="dark-mode-toggle">Dark Mode</button>
|
||
</nav>
|
||
</header>
|
||
<main>
|
||
<section class="quiz-container">
|
||
<h1>Mini-Quiz</h1>
|
||
<p>Teste dein Wissen mit drei Fragen. Wähle die richtige Antwort aus und erhalte direktes Feedback.</p>
|
||
<div class="quiz-card">
|
||
<p id="quiz-progress">Frage 1 von 3</p>
|
||
<h2 id="quiz-question"></h2>
|
||
<div id="quiz-answers" class="answer-list"></div>
|
||
<p id="quiz-feedback" class="feedback"></p>
|
||
<button id="next-button" class="quiz-next" disabled>Weiter</button>
|
||
<p id="quiz-score" class="quiz-score">Punkte: 0/3</p>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer>
|
||
<p>© 2026 – EIS Learning Project</p>
|
||
</footer>
|
||
<script src="js/quiz.js"></script>
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|