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 pathindex.html
108 lines (100 loc) · 3.67 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>iChicken</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="index.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>
<main>
<article id="content">
<h2><a href="pages/maanlanding.html">iChickenBreast</a></h2>
<h3>Like any chickenbreast. Unlike any chickenbreast. </h3>
<figure>
<img src="images/chickenbreast.png" alt="Deze kip is de beste kip" />
<figcaption>
<p>
Our vision has always been to create a chickenbreast that is entirely chicken. One so immersive the chicken itself disappears into
the experience. And so intelligent it can respond to a tap, your voice, and even a glance. With iChickenBreast, that vision is
now a reality. Say hello to the future.
</p>
<footer>
<time datetime="2017-02-06">6-2-2018</time> © 2018 <a href="profile.html">Written by Mr C. Hicken</a>
</footer>
</figcaption>
</figure>
</article>
</main>
<section>
<article>
<a href="#">
<h3>Watch the video</h3>
<figure>
<img src="images/kip_4.jpg" alt="Kuikens steeds vaker betrokken bij moord" />
<figcaption>
<p>On how to use the iChickenBreast</p>
</figcaption>
</figure>
</a>
</article>
<article>
<a href="#">
<h3>Want to know more?</h3>
<figure>
<img src="images/kip_3.jpg" alt="Een kip die een lekker koud biertje drinkt" />
<figcaption>
<p>Read our FAQ</p>
</figcaption>
</figure>
</a>
</article>
<article>
<a href="#">
<h3>Ask a question</h3>
<figure>
<img src="images/kip_3.jpg" alt="Een kip die een lekker koud biertje drinkt" />
<figcaption>
<p>About our great products.</p>
</figcaption>
</figure>
</a>
</article>
</section>
</body>
</html>