-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (57 loc) · 2.27 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
57
<!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>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="top-menu">
<img class="logo" src="./images/coffee_bean.png">
<nav class="nav-links">
<a href="#">Link One</a>
<a href="#">Link Two</a>
<a href="#">Link Three</a>
</nav>
</div>
<div class="hero">
<section>
<h1>This website is awesome</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non velit lectus. Nulla et magna nec quam ornare venenatis. Praesent non nunc vitae ante tempus lacinia. Integer tristique ac augue maximus ultrices. Ut in nulla tellus. Morbi viverra mauris orci. Quisque luctus quis nibh a volutpat. Etiam eu rhoncus ipsum. Donec vitae tortor posuere, convallis urna id, vehicula nunc.</p>
<button>Sign up</button>
</section>
<img src="./images/coffee_cup.jpg">
</div>
</header>
<section class="arabica-robusta">
<h2>Arabica vs Robusta</h2>
<div class="arabica-vs-robusta">
<div class="arabica">
<img src="./images/arabica_bean.png">
<div class="description">Arabica coffee comes from the beans of a Coffea arabica plant, which originated in Ethiopia. Arabica is the world's most popular coffee type, equating to over 60% of cups drank.</div>
</div>
<div class="robusta">
<img src="./images/robusta_bean.png">
<div class="description">Robusta Coffee is coffee made from the beans of the Coffea canephora plant, the origins of which are in Africa. Robusta coffee is notoriously bitter and is used primarily in instant coffee, espresso, and as a filler in certain blends of ground coffee.</div>
</div>
</div>
</section>>
<div class="quote">
<p>“The powers of a man's mind are directly proportioned to the quantity of coffee he drinks.”</p>
<div>Sir James Mackintosh</div>
</div>
<div class="call-to-action">
<div class="action">
<div>
<h3>Call to action! It's time!</h3>
<div>Sign up for our product by clicking that button right over there!</div>
</div>
<button>Sign up</button>
</div>
</div>
<footer>Copyright © The Odin Project 2021</footer>
</body>
</html>