-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (61 loc) · 2.51 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="style.css">
<title>HTTP Flash Cards - Home</title>
<meta name="author" content="Stephen Smith">
<meta name="description"
content="HTTP Flash Cards is a learning experiment, created by Stephen Smith solely to improve his CSS skills. As this site was created using HTML and CSS only, it is not considered to be accessible to all. If you would like to learn about HTTP in a more accessible environment, checkout https://developer.mozilla.org/en-US/docs/Web/HTTP">
</head>
<body>
<div class="container">
<input type="checkbox" id="checkbox1" hidden />
<label class="card" id="card1" for="checkbox1">
<h2>100 - 199</h2>
<div class="cardBody">
<span>Information Responses </span>
<a href="./100s.html">Practice 100's</a>
</div>
</label>
<input type="checkbox" id="checkbox2" hidden>
<label class="card" id="card2" for="checkbox2">
<h2>200 - 299</h2>
<div class="cardBody">
<span>Successful Responses </span>
<a href="./200s.html">Practice 200's</a>
</div>
</label>
<input type="checkbox" id="checkbox3" hidden>
<label class="card" id="card3" for="checkbox3">
<h2>300 - 399</h2>
<div class="cardBody">
<span>Redirection Messages </span>
<a href="./300s.html">Practice 300's</a>
</div>
</label>
<input type="checkbox" id="checkbox4" hidden>
<label class="card" id="card4" for="checkbox4">
<h2>400 - 499</h2>
<div class="cardBody">
<span>Client Error Responses</span>
<a href="./400s.html">Practice 400's</a>
</div>
</label>
<input type="checkbox" id="checkbox5" hidden>
<label class="card" id="card5" for="checkbox5">
<h2>500 - 599</h2>
<div class="cardBody">
<span>Server Error Responses </span>
<a href="./500s.html">Practice 500's</a>
</div>
</label>
<div class="titleCard" id="card6">
<h1>HTTP FLASH CARDS</h1>
<span class="titleSpan">What are these status codes?</span><br>
<span class="signature">by Stephen Smith</span>
</div>
</div>
</body>
</html>