-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclub.html
125 lines (93 loc) · 4.85 KB
/
club.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
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<!--
Author: Keller Tree
Date: 11/14/2023
-->
<html lang="en">
<head>
<title>Join Our Coffee Club</title>
<meta charset="utf-8">
<link rel="stylesheet" href="styleSheets/main.css">
<link rel="stylesheet" href="styleSheets/club.css">
</head>
<body>
<header>
<img src="images/crownCoffeeLogo_white.png" alt="Crown Coffee Logo">
<h1>Coffee Club</h1>
<nav>
<a href="index.html">Home</a> •
<a href="coffee.html">Our Coffee</a> •
<a href="coffeeGuide.html">Coffee Guide</a> •
<a href="menu.html">Menu</a> •
<a href="club.html">Club</a> •
<a href="contact.html">Contact</a>
</nav>
</header>
<main>
<section>
<h2>Crown Coffee Subscription</h2>
<form action="http://itins3.madisoncollege.edu/echo.php" method="post">
<label for="name">*Name</label><br>
<input type="text" id="name" name="name" required><br><br>
<label for="email">*Email</label><br>
<input type="email" id="email" name="email" required><br><br>
<label for="password">*Password</label><br>
<input type="password" id="password" name="password" required minlength="8" maxlength="25"><br><br>
<label for="beanType">Type of Bean</label><br>
<select id="beanType" name="beanType">
<option value="grounds">Grounds</option>
<option value="whole">Whole</option>
<option value="rounds">Rounds</option>
</select><br><br>
<fieldset>
<legend>Regular or Decaf?</legend>
<label for="regular">Regular</label>
<input type="radio" id="regular" name="coffeeType" value="regular">
<br>
<label for="decaf">Decaf</label>
<input type="radio" id="decaf" name="coffeeType" value="decaf">
</fieldset><br>
<fieldset>
<legend>Type of Roast</legend>
<label for="grogg">Highlander Grogg</label>
<input type="checkbox" id="grogg" name="roast[]" value="Highlander Grogg">
<br>
<label for="swirl">Cinnamon Swirl</label>
<input type="checkbox" id="swirl" name="roast[]" value="Cinnamon Swirl">
<br>
<label for="hazelnut">Hazelnut Cream</label>
<input type="checkbox" id="hazelnut" name="roast[]" value="Hazelnut Cream">
<br>
<label for="vanilla">French Vanilla</label>
<input type="checkbox" id="vanilla" name="roast[]" value="French Vanilla">
<br>
<label for="blueberry">Blueberry Nut</label>
<input type="checkbox" id="blueberry" name="roast[]" value="Blueberry Nut">
<br>
<label for="banana">Banana Caramel</label>
<input type="checkbox" id="banana" name="roast[]" value="Banana Caramel">
<br>
<label for="chocolate">Chocolate Cherry</label>
<input type="checkbox" id="chocolate" name="roast[]" value="Chocolate Cherry">
<br>
<label for="toffee">English Toffee</label>
<input type="checkbox" id="toffee" name="roast[]" value="English Toffee">
<br>
<label for="raspberry">Vanilla Raspberry</label>
<input type="checkbox" id="raspberry" name="roast[]" value="Vanilla Raspberry">
</fieldset><br>
<label for="comments">Additional Comments</label><br>
<textarea id="comments" name="comments"></textarea><br><br>
<input type="submit" value="Order Now">
<input type="reset" value="Clear Form">
</form>
</section>
</main>
<footer>
<a href="contact.html">Hours and Locations</a>
<address>
<p><em>Developed by:</em><a href="mailto:[email protected]">Keller Tree</a></p>
</address>
</footer>
</body>
</html>