-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (71 loc) · 3.09 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<title>Tsunami Coffee</title>
<link rel="stylesheet" type="text/css" href="resources/css/reset.css">
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<div class="main">
<nav>
<ul>
<li>Store</li>
<li>Hours</li>
<li>Wholesale</li>
</ul>
</nav>
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/logo.png" alt="Tsunami Coffee logo"/>
<!--<img src="./img/logo.webp" alt="Tsunami Coffee logo"><!--Use if link gets broken-->
</div>
<div class="container supporting">
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/beans.png" />
<!--<img src="./img/beans.png" alt="coffee beans image">-->
<div class="description">
<h2>Great coffee does not happen by accident.</h2>
<p>We work side by side with farmers around the world to strengthen farming practices to cultivate the best coffee beans in the world. Then, we train our baristas in the sacred art of the brew process, yielding the most flavorful coffee youve ever tasted.
</p>
<p><em>Tsunami Coffee</em> is certified organic and fair trade.</p>
</div>
</div>
<div class="rating">
<div class="container">
<h1>9.4/10: A rush of flavors. Absolutely divine.</h1>
<p>~ Coffee Critic</p>
</div>
</div>
<div class="gallery">
<div>
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/latte.png" alt="A cup with hot latte coffee" />
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/coffee-man.png" alt="A picture of a man drinking coffee from a coffee mug hanged on a wall"/>
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/pastries.png" alt="A plate of scrambled egg omelette, a plate with a sandwich and a cup of coffee"/>
<!--
<img src="./img/latte.webp" alt="A cup with hot latte coffee">
<img src="./img/coffee-man.png" alt="A picture of a man drinking coffee from a coffee mug hanged on a wall">
<img src="./img/pastries.png" alt="A plate of scrambled egg omelette, a plate with a sandwich and a cup of coffee">
-->
<div class="clearfix"></div>
</div>
</div>
<div class="location">
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-5/tsunami-coffee/images/map.png" alt="Location of Tsunami Coffee in San Francisco map"/>
<!--Use in case the link above is broken-->
<!--<img src="./img/map.png" alt="Location of Tsunami Coffee in San Francisco map">-->
<h1>Brewed with love in San Francisco.</h1>
</div>
<footer>
<div class="container">
<div class="copyright">
© Tsunami Coffee
</div>
<nav>
<ul>
<li>Store</li>
<li>Hours</li>
<li>Wholesale</li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
<!-- Ref: https://www.youtube.com/watch?v=QBsS6AoX-1I -->