-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbookmarks.html
130 lines (125 loc) · 3.86 KB
/
bookmarks.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Homepage</title>
<link rel="stylesheet" href="./styles.css" />
<script src="./index.js"></script>
<script
src="https://kit.fontawesome.com/e3dea0e41d.js"
crossorigin="anonymous"
></script>
</head>
<header class="header_title">
<h1 class="title">Quiz App</h1>
</header>
<body>
<main>
<ul role="list" class="question_card_list">
<li>
<article class="question_card">
<h2>What property flips the axes in flexbox?</h2>
<button
type="button"
id="toggleButton"
onclick="showAntwort()"
class="answer_button"
>
Show Answer
</button>
<p id="answer" class="hide answer">flex-direction</p>
<ul class="tag_categories">
<li class="tag_list">#html</li>
<li class="tag_list">#flexbox</li>
<li class="tag_list">#css</li>
</ul>
<button class="card_bookmark_dark" aria-label="Bookmark question">
<img
class="img-bookmark-dark"
src="./img/Image20240611102959.jpg"
width="25"
alt="bookmark_button"
/>
</button>
</article>
</li>
<li>
<article class="question_card">
<h2>Lorem Impsum dolor sit?</h2>
<button
type="button"
id="toggleButton1"
onclick="showAntwort1()"
class="answer_button"
>
Show Answer
</button>
<p id="answer1" class="hide_answer1">The pain of an average man.</p>
<ul class="tag_categories">
<li class="tag_list">#html</li>
<li class="tag_list">#flexbox</li>
<li class="tag_list">#css</li>
</ul>
<button class="card_bookmark_dark" aria-label="Bookmark question">
<img
class="img-bookmark-dark"
src="./img/Image20240611102959.jpg"
width="25"
alt="bookmark_button"
/>
</button>
</article>
</li>
<li>
<article class="question_card">
<h2>Veni Vidi Vici?</h2>
<button
type="button"
id="toggleButton2"
onclick="showAntwort2()"
class="answer_button"
>
Show Answer
</button>
<p id="answer2" class="hide answer2">I came, I saw, I conquered</p>
<ul class="tag_categories">
<li class="tag_list">#html</li>
<li class="tag_list">#flexbox</li>
<li class="tag_list">#css</li>
</ul>
<button class="card_bookmark_dark" aria-label="Bookmark question">
<img
class="img-bookmark-dark"
src="./img/Image20240611102959.jpg"
width="25"
alt="bookmark_button"
/>
</button>
</article>
</li>
</ul>
</main>
<footer class="navbar">
<nav>
<ul class="navbar-footer">
<li>
<a class="icon_item" href="index.html"
><i class="fa-solid fa-house fa-2xl"></i
></a>
</li>
<li>
<a class="active_icon_item" href="bookmarks.html"
><i class="fa-solid fa-bookmark fa-2xl"></i
></a>
</li>
<li>
<a class="icon_item" href="profile.html"
><i class="fa-solid fa-user fa-2xl"></i
></a>
</li>
</ul>
</nav>
</footer>
</body>
</html>