forked from GalsenDev221/hacktoberfest.quiz.2023
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
43 lines (42 loc) · 2.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"
rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
<!-- Inclure SweetAlert -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<title>Hacktoberfest Quiz 2023</title>
</head>
<body>
<div id="quiz-container">
<h1>Quiz sur le Hacktoberfest</h1>
<p id="question"></p>
<ul id="options"></ul>
<p id="score-container">Score : <span id="score" class="score">0</span></p>
<div id="button">
<button id="suivant">suivant</button>
</div>
<div > <button id="rejouer" class="button">Rejouer</button></div>
<button id="reset-button">Réinitialiser</button>
<button id="sweet-alert-button">Afficher SweetAlert</button>
<button id="btn-btn-envoyer" onclick="sweetAlertEl()">Envoyer</button>
<details class="details-balise">
<summary>En savoire plus sur Hacktoberfest </summary>
Le Hacktoberfest est l'événement annuel de DigitalOcean qui encourage les gens à contribuer à l'open source tout au long du mois d'octobre. Une grande partie de l'infrastructure technologique moderne, y compris certains produits propres à DigitalOcean, repose sur des projets open source construits et maintenus par des personnes passionnées qui n'ont souvent pas le personnel ou les budgets nécessaires pour faire autre chose que maintenir le projet en vie. Le Hacktoberfest a pour objectif de redonner à ces projets, d'affiner les compétences et de célébrer tout ce qui concerne l'open source, en particulier les personnes qui rendent l'open source si spécial.
Au cours des 10 dernières années, des milliers de personnes, codeurs et non-codeurs, ont participé au Hacktoberfest pour soutenir les projets qu'ils utilisent et aiment, acquérir et mettre en pratique des compétences qui amélioreront leur carrière et rencontrer de nouvelles personnes qui aiment autant l'open source. comme ils le font.
</details>
</div>
<script src="script.js"></script>
</body>
</html>