-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (47 loc) · 2.56 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
<!DOCTYPE html>
<html>
<head>
<title>BBQ Chicken Master</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
<!-- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,900&display=swap" rel="stylesheet"> -->
</head>
<body class="container">
<div class="rainbowBorder">
<div class="intro">
<h1>Learn how to make <strong>the best BBQ chicken</strong> <div class="bungee-shade-regular">on the planet</div></h1>
<p class="bottom-note">Join us for the live webinar</p>
<p class="top-text">Mouthwateringly Delicious</p>
</div>
<div class="main-content">
<h2 class="bungee-shade-regular">BBQ master class</h2>
<p>Register Today</p>
<p class="paragraph">BBQ isn't standing in front of your grill
with it on full blast and hoping for the best. It's an art! Wow
your neighbors and family by learning from the best. Sign up for
this free webinar and learn from the Chicago's most successful
grill masters!</p>
<form class="attendee" action="#" method="POST">
<input class="box" type="text" required placeholder="First name">
<input class="box" type="text" required placeholder="Last name">
<input class="box" type="email" required placeholder="email">
<h3>Choose a day to attend:</h3>
<div class="select-date" >
<input class="box2" type="radio" id="may1" name="selection" required>
<label for="may1">May 15th</label>
<input class="box2" type="radio" id="june" name="selection" required>
<label for="june">June 11th</label>
<input class="box2" type="radio" id="july" name="selection" required>
<label for="july">July 18th</label>
<input class="box2" type="radio" id="august" name="selection" required>
<label for="august">August 14th</label>
</div>
<button type="submit">Get Cooking!</button>
</form>
<p class="fine-print">We'll never share your information without your permission</p>
</div>
</div>
</body>
</html>