forked from chas-team-5/u03-quiz-app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (48 loc) · 2.71 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!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? | Start</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/">
<link rel="stylesheet" href="./assets/css/style.css">
<script type="module" src="./assets/js/start.js"></script>
</head>
<body class="start">
<div class="container">
<header>
<img class="header-logo" width="152" height="69" src="./assets/images/quiz-hitta-ditt-inre-logo.svg" alt="Quiz, Hitta ditt inre">
<nav class="main-navigation" aria-label="Huvudnavigering">
<ul class="nav-links">
<li class="nav-item">
<a href="om-quizet.html" class="cta cta-inverted nav-link">Om quizet</a>
</li>
</ul>
</nav>
</header>
<article class="article-container">
<img class="index-img" src="./assets/images/quiz-hero.webp" width="540" height="294" alt="index-image">
<h1>Hitta ditt inre <span class="no-wrap-text">- gör vårt quiz</span></h1>
<p>Upptäck ditt inre med vårt roliga quiz. Utmana dig själv i spännande kategorier.
Oavsett om det är ditt första online quiz eller om du är quiz expert kommer du hitta frågor som får dig att tänka och skratta.
Gör quizet nu och se vilken karaktär du är! </p>
<p class="quiz-selection-text">
<span class="gradient-horizontal">Välj kategori för att starta</span>
</p>
<div class="category-selection-container" id="category-selection">
<button class="cta" type="button" data-category="djur-och-natur">Djur och natur</button>
<button class="cta" type="button" data-category="teknik">Teknik</button>
</div>
</article>
</div>
</body>
</html>