WebDev/Checkout.html at master · PortableDoughnut/WebDev · GitHub

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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>T-Shirts by Alex Thelin</title>
<link rel="stylesheet" type="text/css" href="http://www.colawesome.com/style.css" />
</head>
<body>
<div id="logo"><p><img src="http://www.colawesome.com/logo.png" width="400" /></p></div>
<form method="get" action="thankYou.html">
<div style="padding: 50; float: left;">
	Name:
	<input type="text" name="Name" required />
	<p></p>
	Address:
	<input type="text" Name="Address" required />
	<p></p>
	Card Number:
	<input type="text" name="Card" required />
	<p></p>
	Phone Number:
	<input type="text" name="Phone" />
	<p></p>
	Note:
	<input type="text" name="Note" />
	<p></p>
	<p>
		<input type="submit" value="Buy" />
	</p>
</div>
	</form>
<div style="float: right" align="right">
	Items:
	<p>
		<p>
			<div style="padding-right: 10px">1x Blue T-Shirt</div>
			$5.00
	</p>
	<img src="http://img.michaels.com/L6/3/IOGLO/873402639/212485006/10186027_r.jpg"  height="204" />
	</p>
	<p>
	<div style="padding-right: 10px">
		2x Light Blue T-Shirt
	</div>
	$10.00
	</p>
<img src="http://images.repertoirefashion.co.uk/images/products/zoom/1366108763-81412300.jpg"  height="204" />
	<p>
	<div style="padding-right: 10px">
		1x Black T-Shirt
	</div>
	$5.00
	</p>
<img src="https://www.sunspel.com/media/catalog/product/cache/3/image/9df78eab33525d08d6e5fb8d27136e95/4/0/4001_102_5_3.jpg"  height="204" />
	<p>
	<div style="padding-right: 10px">
		20x White T-Shirt
	</div>
	$100.00
	</p>
<img src="http://pixel.nymag.com/imgs/fashion/daily/2016/06/02/t-shirt/buck-mason.w710.h473.2x.jpg" height="204"  />
	<p>
	<div style="padding-right: 10px">
		5x "Your Logo" T-Shirt
	</div>
	$50.00
	</p>
<img src="http://rajkreations.com/wp-content/uploads/2015/02/6-ROUND-NECK-T-SHIRT-JT-1301.jpg"  height="204" />
	<p style="border: 2px solid black"></p>
	<div style="padding: 10px">
	Total:
	$170.00
	</div>
</div>
</body>
</html>