-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (56 loc) · 1.78 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
56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BBQ Splash Page</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="hero">
<h1 class="hero__primary-text">
Learn how to make <strong>the best BBQ ribs</strong> in town
</h1>
<p class="hero__secondary-text">Join us for this live webinar</p>
<p class="hero__slogan">Mouthwateringly delicious</p>
</div>
<div class="cto">
<h2 class="cto__primary-text">Become a BBQ master!</h2>
<p class="cto__secondary-text">Register Today</p>
<p>
BBQ isn't just standing in front of your grill with on full blast and
hoping for the best. It's an art! One way to speed up the process is to
learn from the best. You can do just that by signing up for this free
webinar!
</p>
<form id="email-form" class="email-form" action="#" method="POST">
<input
name="name"
aria-label="Name"
type="text"
id="name"
placeholder="first name"
required
/>
<input
name="email"
aria-label="email"
type="text"
id="email"
placeholder="email"
required
/>
<button class="btn btn-primary" type="submit">Register</button>
</form>
<p class="email-form__note">
We'll never share your information without your permission
</p>
</div>
<script src="index.pack.js"></script>
</body>
</html>