-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (36 loc) · 1.49 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
<!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">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>BBQ Splash Page</title>
</head>
<body>
<div class="intro">
<div class="container container-intro">
<h1>Learn how to make <strong>the best BBQ ribs</strong> in town</h1>
<p>Join us for this live webinar</p>
<p class="top-text">Mouthwateringly delicious</p>
</div>
</div>
<div class="main-content">
<div class="container">
<h2>Become a BBQ master! </h2>
<p>Register Today</p>
<p>BBQ isn't just standing in front of your grill with it 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 class="form-body" action="#" method="post">
<input type="text" required placeholder="first name">
<input type="email" required placeholder="email">
<button class="btn btn-primary" type="submit">Register</button>
</form>
<p class="fine-print">We'll never share your information without your permission</p>
</div>
</div>
</body>
</html>