CodersCoffee/form.html at main · RicDeutsch/CodersCoffee · 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
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en-US">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Complete our survey for your chance to win a years supply of coffee from Coders Coffeehouse.">
	<meta name="keywords" content="coffeehouse, coffee, developers cafe, free wifi, dublin">
	<meta name="author" content="Coders Coffeehouse">
	<title>Win a years supply of coffee from Coders Coffeehouse</title>

	<link rel="stylesheet" href="style.css">

</head>

<body>
	<header class="form-page-header page-header text-center">
		<div class="vertical-center">
			<h1>Win a years supply of coffee from Coders Coffeehouse</h1>
			<p>Complete our survey for your chance to win!</p>
		</div>
	</header>


	<nav class="black-background text-center text-uppercase">
		<a href="index.html#home" aria-label="Go to the top of the page">Home</a>
		<a href="index.html#drinks" aria-label="Go to drinks menu section">Drinks Menu</a>
		<a href="index.html#contact" aria-label="Go to contact information section">Contact</a>
		<a href="form.html" aria-label="Fill in our survey for your chance to win free coffee">Win Free Coffee</a>
	</nav>

	<form action="https://formdump.codeinstitute.net" method="POST">

	<fieldset>
		<legend>Your details</legend>

		<div class="float-left">
			<label for="name-field" class="block-label">Name</label>
			<input id="name-field" type="text" name="full_name" placeholder="Your name" required>
		</div>
		<div class="float-left">
			<label for="email-field" class="block-label">Email</label>
			<input id="email-field" type="email" name="email" placeholder="Your email" required>
		</div>

		<label for="age" class="block-label">Age</label>
		<select id="age" name="age" required>
			<option value="under-20">Under 20</option>
			<option value="20s">20-29</option>
			<option value="30s">30-39</option>
			<option value="40s">40-49</option>
			<option value="50s">50-59</option>
			<option value="60+">60+</option>
		</select>

	</fieldset>


		<fieldset>
			<legend>Our products</legend>
			<div>
				<label for="fav-coffee" class="block-label">What is your favourite coffee?</label>
				<input id="fav-coffee" list="coffees" name="fav-coffee" required>
				<datalist id="coffees">
					<option value="Latte">
					<option value="Americano">
					<option value="Cappuccino">
					<option value="Espresso">
					<option value="Flat-white">
				</datalist>
			</div>

			<p>How many cups of coffee do you drink a day?</p>

			<input id="0-2cups-radio" name="cups-a-day" value="0-2cups" type="radio" required>
			<label for="0-2cups-radio">0 to 2 cups</label>

			<input id="3-5cups-radio" name="cups-a-day" value="3-5cups" type="radio" required>
			<label for="3-5cups-radio">3 to 5 cups</label>

			<input id="6-8cups-radio" name="cups-a-day" value="6-8cups" type="radio" required>
			<label for="6-8cups-radio">6 to 8 cups</label>

			<input id="9plus-cups-radio" name="cups-a-day" value="9plus-cups" type="radio" required>
			<label for="9plus-cups-radio">9 or more cups</label>

			<p>How often do you visit Coders Coffeehouse?</p>

			<input id="once-a-week" name="visit-frequency" value="once-a-week" type="radio" required>
			<label for="once-a-week">Once a week</label>

			<input id="twice-a-week" name="visit-frequency" value="twice-a-week" type="radio" required>
			<label for="twice-a-week">Twice a week</label>

			<input id="once-a-fortnight" name="visit-frequency" value="once-a-fortnight" type="radio" required>
			<label for="once-a-fortnight">Once a fortnight</label>

			<input id="not-often" name="visit-frequency" value="not-often" type="radio" required>
			<label for="not-often">Not often</label>

			<p>Which of our coders coffeehouse snacks do you enjoy?</p>
			<div>
				<input type="checkbox" id="brownies-checkbox" name="brownies">
				<label for="brownies-checkbox">Brownies</label>
			</div>
			<div>
				<input type="checkbox" id="cookies-checkbox" name="cookies">
				<label for="cookies-checkbox">Cookies</label>
			</div>
			<div>
				<input type="checkbox" id="nachos-checkbox" name="nachos">
				<label for="nachos-checkbox">Nachos</label>
			</div>
			<div>
				<input type="checkbox" id="croissants-checkbox" name="croissants">
				<label for="croissants-checkbox">Croissants</label>
			</div>
			<div>
				<input type="checkbox" id="scones-checkbox" name="scones">
				<label for="scones-checkbox">Scones</label>
			</div>
		</fieldset>

		<fieldset>
			<legend>Feedback</legend>
			<label for="feedback" class="block-label">How can we improve your experience with us?</label>
			<br>
			<textarea id="feedback" rows="4" cols="87" name="feedback"></textarea>
		</fieldset>
        <div id="terms">
            <h5 class="underline">OFFICIAL RULES FOR CODERS COFFEEHOUSE PRIZE DRAW</h5>
            <p>NO PURCHASE NECESSARY TO ENTER OR WIN. A purchase does not improve chances
                of winning. Subject to all federal, state and local laws and regulations. VOID WHERE
                PROHIBITED OR RESTRICTED</p>
            <p><span class="bold">Sponsor: </span>Coders Coffeehouse, 42 Coffeebean street, Dublin</p>

            <p><span class="bold">Eligibility: </span>
                The Coders Coffeehouse Prize Drawing for 2020 (“Promotion”) is open to all individuals who (i) are 21
                years of age or older at the
                time of entry, excluding of Sponsor and its
                parents, subsidiaries, affiliated companies and agents, and their immediate families or those
                living in the same household, are not eligible to enter.</p>

            <p><span class="bold">Promotion Period: </span>
                Entrants may participate in the Promotion between 00:01am GMT on
                January 1, 2020 through 23:01AM GMT on December 31, 2020 (“Promotion Period”). Sponsor's
                server is the official clock for this Promotion.
            </p>

            <p><span class="bold">Release: </span>
                BY ENTERING THE PROMOTION, ENTRANTS RELEASE AND HOLD HARMLESS
                SPONSOR AND ITS PARENTS, SUBSIDIARIES, AND AFFILIATED COMPANIES, AND
                EACH OF THEIR DIRECTORS, OFFICERS, EMPLOYEES, REPRESENTATIVES,
                VENDORS, PARTNERS AND AGENTS, FROM ANY AND ALL LIABILITY WHATSOEVER,
                AND WAIVE ANY AND ALL CAUSES OF ACTION, FOR OR RELATED TO ANY CLAIMS,
                COSTS, INJURIES, LOSSES, LIABILITIES, OR DAMAGES OF ANY KIND (INCLUDING,
                WITHOUT LIMITATION, PERSONAL INJURY, DEATH, DAMAGE TO OR DESTRUCTION OF
                PROPERTY, RIGHTS OF PUBLICITY OR PRIVACY, DEFAMATION OR PORTRAYAL IN A
                FALSE LIGHT) ARISING OUT OF OR IN CONNECTION WITH THE PROMOTION OR THE
                ACCEPTANCE, POSSESSION, OR USE OF THE PRIZE, WHETHER UNDER A THEORY OF
                CONTRACT, WARRANTY, TORT (INCLUDING, WITHOUT LIMITATION, NEGLIGENCE,
                WHETHER ACTIVE, PASSIVE, OR IMPUTED), STRICT LIABILITY, PRODUCT LIABILITY,
                CONTRIBUTION, OR ANY OTHER THEORY, TO THE EXTENT PERMITTED BY LAW.
            </p>

            <p><span class="bold">Winner Notification and Acceptance: </span>
                The potential winners will be notified on or about
                January 2nd 2021, via email. Winner may waive the right to receive the prize. The prize is nonassignable
                and non-transferable. Cash will not be awarded in lieu of the prize, but Sponsor
                reserves the right to substitute a prize of equal or greater value due to unavailability. The winner
                is solely responsible for reporting and payment of any federal, state and local taxes and for
                compliance with all laws associated with the use of the prize. The winner may be asked to
                execute and return to Sponsor an affidavit of eligibility and a liability release (except where
                prohibited by law) within fourteen (14) days of attempted notification. Non-compliance within
                that time period or failure to comply with any term or condition of these Official Rules may, at
                the sole discretion of Sponsor, result in a winner's disqualification and the selection of an
                alternate winner. Return of any prize/prize notification as undeliverable will result in
                disqualification and an alternate winner will be selected. All decisions of Sponsor are final and
                binding.
            </p>

            <p><span class="bold">Rules: </span>
                By entering the Promotion, entrant agrees to abide by the terms and conditions of these
                Official Rules, which are final on all matters pertaining to the Promotion, and warrants that
                he/she is eligible to participate in the Promotion. Submission of entry constitutes entrant’s
                consent for Sponsor to use entrant’s email address for purposes of marketing and promotion of
                Sponsor’s products and services.
            </p>
        </div>

		<input type="submit" class="block-label" value="Enter prize draw">
		<input type="reset" value="Reset Form">

	</form>

</body>

</html>