-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofile.html
52 lines (48 loc) · 6.22 KB
/
profile.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Quiz App</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<h1>Quiz App</h1>
</header>
<main>
<figure class="profile">
<h2>Max Doe</h2>
<img
src="data:image/png;base64,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"
alt=""
class="profile_image"
/>
</figure>
<section class="about_me">
<h2>About Me</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, hic?
Pariatur, maiores? Provident aliquid nesciunt maxime amet magni
doloremque repudiandae blanditiis autem fuga animi, voluptates maiores
ex cupiditate molestias laborum.
</p>
</section>
<section class="counter">
<button class="button1">Created Question</button>
<button class="button2">Bookmarks</button>
</section>
<section class="settings">
<h2>Settings</h2>
<p>Dark Mode<button class="darkmode">Darkmode</button></p>
</section>
</main>
<footer>
<nav>
<a href="index.html">Home</a>
<a href="bookmarks.html">Bookmarks</a>
<a href="profile.html" class="profile">Profile</a>
</nav>
</footer>
</body>
</html>