-
Notifications
You must be signed in to change notification settings - Fork 2
/
store.html
117 lines (113 loc) · 2.75 KB
/
store.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
<!DOCTYPE html>
<html>
<head>
<title>Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Ctext%20x='0'%20y='14'%3E🛒%3C/text%3E%3C/svg%3E" type="image/svg+xml" />
<style type="text/css">
body {
font-family: sans-serif;
}
.id {
font-weight: bold;
text-align: right;
}
.name {
text-align: left;
}
.address {
text-align: left;
}
.price {
text-align: right;
}
.number {
text-align: right;
}
</style>
</head>
<body>
<h1>Store</h1>
<h2>Customers</h2>
<table>
<tr>
<th>ID</th><th>Name</th><th>Address</th>
</tr>
<tr>
<td class="id">1</td>
<td class="name">Alyssa P. Hacker</td>
<td class="address">77 Massachusetts Ave </br>Cambridge, MA 02139</td>
</tr>
<tr>
<td class="id">2</td>
<td class="name">Ben Bitdiddle</td>
<td class="address">2200 Mission College Blvd. </br>Santa Clara, CA 95052</td>
</tr>
<tr>
<td class="id">3</td>
<td class="name">Cy D. Fect</td>
<td class="address">208 S. Akard St. </br>Dallas, TX 75202</td>
</tr>
<tr>
<td class="id">4</td>
<td class="name">Eva Lu Ator</td>
<td class="address">353 Jane Stanford Way </br>Stanford, CA 94305</td>
</tr>
<tr>
<td class="id">5</td>
<td class="name">Lem E. Tweakit</td>
<td class="address">1 Hacker Way </br>Menlo Park, CA 94025</td>
</tr>
<tr>
<td class="id">6</td>
<td class="name">Louis Reasoner</td>
<td class="address">Princeton </br>NJ 08544, United States</td>
</tr>
</table>
<h2>Products</h2>
<table>
<tr>
<th>ID</th><th>Name</th><th>Price</th>
</tr>
<tr>
<td class="id">1</td>
<td class="name">Structure and Interpretation of Computer Programs</td>
<td class="price">14.95</td>
</tr>
<tr>
<td class="id">2</td>
<td class="name">GNU Emacs Manual, For Version 21, 15th Edition</td>
<td class="price">9.95</td>
</tr>
<tr>
<td class="id">3</td>
<td class="name">ISO/IEC 9075-1:2016(en) SQL — Part 1 Framework</td>
<td class="price"></td>
</tr>
</table>
<h2>Orders</h2>
<table>
<tr>
<th>ID</th><th>Customer</th><th>Product</th><th>Count</th>
</tr>
<tr>
<td class="id">1</td>
<td class="number">1</td>
<td class="number">2</td>
<td class="number">1</td>
</tr>
<tr>
<td class="id">2</td>
<td class="number">4</td>
<td class="number">1</td>
<td class="number">2</td>
</tr>
<tr>
<td class="id">3</td>
<td class="number">5</td>
<td class="number">3</td>
<td class="number">5</td>
</tr>
</table>
</body>
</html>