forked from cmda-minor-web-1718/css-to-the-rescue-17-18
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofile.html
77 lines (72 loc) · 3.28 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Profile from C. Hicken</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1><a href="index.html">iChicken</a></h1>
<nav id="menu">
<ul>
<li><a href="#">X</a></li>
<li><a href=#content>Skip menu</a></li>
<li><a href="index.html" aria-label="Home, current page">Home</a></li>
<li><a href="">Products</a>
<ul>
<li><a href="pages/maanlanding.html">iChicken</a></li>
<li><a href="pages/maanlanding.html">Oil</a></li>
<li><a href="pages/maanlanding.html">Other</a></li>
</ul>
</li>
<li><a href="chat.html">Chat</a></li>
<li><a href="#login">Login</a></li>
</ul>
</nav>
<a href="#menu"><svg height="32px" id="Layer_1" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z"/></svg></a>
</header>
<div id="login">
<form action="#" method="post">
<a href="profile.html">X</a>
<label for="field-email">Email</label>
<input placeholder="E-mail" type="email" id="field-email" name="field-email" autocomplete="email" required>
<label for="field-password">Password</label>
<input placeholder="Wachtwoord" type="password" id="field-password" name="field-password" required>
<div>
<input type="checkbox" id="field-stay-logged-in" name="field-stay-logged-in" value="stay-logged-in">
<label for="field-stay-logged-in">Blijf ingelogd</label>
</div>
<button type="submit">Login</button>
<a href="#" rel="forgot">Wachtwoord vergeten?</a>
</form>
</div>
<span>
<h2>Profile from C. Hicken</h2>
<div>
<div>
<p><b>Name:</b> C. Hicken</p>
<p><b>Age:</b> 40</p>
<p><b>Place of residence:</b> Amsterdam</p>
<p><b>Description:</b> I really like chicken</p>
</div>
<article>
<h1>favourite product:</h1>
<h2><a href="index.html">iChicken</a></h2>
<img src="images/chickenbreast.png" alt="Chickenbreast" />
</article>
</div>
</span>
<nav>
<h2>Level of this user</h2>
<progress value="0.75" max="1">25%</progress>
<ol>
<li><a href="">Beginner</a></li>
<li><a href="#main-content" aria-label="Address, current step">Experienced</a></li>
<li>Legend</li>
<li>God</li>
</ol>
</nav>
</body>
</html>