forked from chas-team-5/u03-quiz-app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathom-quizet.html
132 lines (109 loc) · 4.96 KB
/
om-quizet.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz: Hitta ditt inre — Vilken karaktär är du? | Om</title>
<link rel="icon" type="image/png" href="./favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/svg+xml" href="./favicon/favicon.svg">
<link rel="shortcut icon" href="./favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png">
<link rel="manifest" href="./favicon/site.webmanifest">
<meta name="description" content="Testa din personlighet med vårt roliga quiz! Hitta ditt inre och få reda på vilken karaktär du är. Klicka för att börja nu! ">
<meta property="og:title" content="Quiz: Hitta ditt inre - Vilken karaktär är du? | Start">
<meta property="og:description" content="Testa din personlighet med vårt roliga quiz! Hitta ditt inre och få reda på vilken karaktär du är. Klicka för att börja nu! ">
<meta property="og:image" content="https://chas-team-5.github.io/u03-quiz-app/assets/images/quiz-hitta-ditt-inre-og-image.webp">
<meta property="og:url" content="https://chas-team-5.github.io/u03-quiz-app/om-quizet.html">
<link rel="stylesheet" href="./assets/css/style.css">
<script type="module" src="./assets/js/about.js"></script>
</head>
<body class="about">
<div class="container">
<header>
<a href="./index.html">
<img class="header-logo" width="152" height="69" src="./assets/images/quiz-hitta-ditt-inre-logo.svg" alt="Quiz, Hitta ditt inre">
</a>
<nav class="main-navigation" aria-label="Huvudnavigering">
<ul class="nav-links">
<li class="nav-item">
<a href="./index.html" class="cta cta-inverted nav-link">Hem</a>
</li>
</ul>
</nav>
</header>
<article class="article-container">
<h1>Vad handlar vårt quiz om?</h1>
<p>
Vårt online quiz är till för att du ska lära dig mer och testa dina kunskaper i våra spännande kategorier på ett
roligt sätt. Frågorna är skapade för att uppmana till eftertanke och skratt.
</p>
<p>
Du får 10 frågor och fyra svarsalternativ. Du har 20 sekunder på dig att svara på varje fråga. I slutresultatet
får du veta hur många rätt du har och vilken karaktär du är.
</p>
<p>
<strong>Nedan hittar du beskrivningar av våra kategorier.</strong>
<br> Läs dem gärna så kanske du får ett ännu bättre resultat!
</p>
</article>
<hr>
<article class="article-container">
<h2>
<span class="gradient-horizontal">Djur och natur</span>
</h2>
<p>
Utforska vår fascinerande värld av djur och natur i denna spännande kategori. Här kan du testa dina kunskaper om
allt från vilda djur till växter. Oavsett om du aldrig satt foten i naturen eller det är ditt andra hem erbjuder
vårt roliga quiz frågor för alla.
</p>
<p>
Lär dig mer om djurens beteenden och växternas betydelse. Ta vårt quiz och
upptäck hur mycket du egentligen vet om den fantastiska naturen som omger oss!
</p>
<button class="cta" type="button" data-category="djur-och-natur">Djur och natur</button>
<h3 class="link-list-heading">
Lär dig mer om djur och natur
</h3>
<ul>
<li>
<a href="https://www.natgeotv.com/se" target="_blank" rel="noopener noreferrer">National geographic</a>
</li>
<li>
<a href="https://www.wwf.se/" target="_blank" rel="noopener noreferrer">WWF</a>
</li>
</ul>
</article>
<hr>
<article class="article-container">
<h2>
<span class="gradient-horizontal">Teknik</span>
</h2>
<p>
Välkommen till teknikens värld! I denna kategori får du testa dina kunskaper om allt från datordelar till
tekniska genombrott. Utmana dig själv med frågor om datorer, smartphones, cybersäkerhet och mycket mer. Oavsett
om du är en teknikfantast eller bara nyfiken på hur mycket du faktiskt kan om tekniken som kommer att forma vår
framtid och liv, har vårt roliga quiz något för alla.
</p>
<p>
Lär dig mer om teknik. Ta vårt quiz och visa hur mycket du
vet om den spännande tekniska utvecklingen!
</p>
<button class="cta" type="button" data-category="teknik">Teknik</button>
<h3 class="link-list-heading">
Lär dig mer om teknik
</h3>
<ul>
<li>
<a href="https://www.w3schools.com/" target="_blank" rel="noopener noreferrer">W3Schools</a>
</li>
<li>
<a href="https://www.dagensteknik.se/" target="_blank" rel="noopener noreferrer">Dagens teknik</a>
</li>
<li>
<a href="https://illvet.se/" target="_blank" rel="noopener noreferrer">Illustrerad vetenskap</a>
</li>
</ul>
</article>
</div>
</body>
</html>