generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (50 loc) · 2.24 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-us">
<head>
<meta charset="utf-8">
<title>Whiskey Drop | Taste a new whiskey every month</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<body>
<article class="container">
<!-- Callout -->
<section class="callout">
<h1>The finest whiskeys delivered to your doorstep.</h1>
<p>Sign up today to start receiving the world's best whiskeys every month. First one is free!</p>
</section>
<!-- /.callout -->
<hr>
<!-- Quotes -->
<section class="quotes">
<h2 class="text-uppercase">Quotes:</h2>
<div class="quote">
<p>I've been introduced to more than 10 great international whiskeys I never knew about.</p>
<p>- Jane Doe</p>
</div>
<div class="quote">
<p>I haven't been sober for months!</p>
<p>- Jane Doe</p>
</div>
</section>
<!-- /.quotes -->
<hr>
<!-- Features -->
<section class="features">
<h2>Features:</h2>
<div class="feature">
<h3>Feature 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="feature">
<h3>Feature 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="feature">
<h3>Feature 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</section>
<!-- /.features -->
</article>
</body>
</html>