-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcoffeeGuide.html
92 lines (76 loc) · 4.29 KB
/
coffeeGuide.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
88
89
90
91
92
<!DOCTYPE html>
<!--
Author: Keller Tree
Date: 11/14/2023
-->
<html lang="en">
<head>
<title>Coffee Guide</title>
<meta charset="utf-8">
<link rel="stylesheet" href="styleSheets/main.css">
<link rel="stylesheet" href="styleSheets/coffeeGuide.css">
</head>
<body>
<header>
<img src="images/crownCoffeeLogo_white.png" alt="Crown Coffee Logo">
<h1 id="startCoffeeGuide">Coffee Guide</h1>
<nav>
<a href="index.html">Home</a> •
<a href="coffee.html">Our Coffee</a> •
<a href="coffeeGuide.html">Coffee Guide</a> •
<a href="menu.html">Menu</a> •
<a href="club.html">Club</a> •
<a href="contact.html">Contact</a>
</nav>
</header>
<main>
<article id="americano">
<h2>Americano</h2>
<img src="images/americano.png" alt="americano">
<p>A single shot of espresso added to a cup of hot water. Many like to drink this as they would a regular brewed coffee with milk and sugar. Purists say to keep milk to a minimum to get the most flavor from the espresso.</p>
</article>
<article id="caffeeLatte">
<h2>Caffee Latte</h2>
<img src="images/caffeLatte.png" alt="caffe latte">
<p>A cafe latte, or "latte" for short, is an espresso-based drink with steamed milk and micro-foam added to the coffee. This coffee is much sweeter compared to espresso due to the steamed milk.</p>
</article>
<article id="caffeeMocha">
<h2>Caffee Mocha</h2>
<img src="images/caffeMocha.png" alt="caffe mocha">
<p>A mocha is a mix between a cappuccino and a hot chocolate. It is made by putting mixing chocolate powder with an espresso shot and then adding steamed milk and micro-foam into the beverage.</p>
</article>
<article id="cappuccino">
<h2>Cappuccino</h2>
<img src="images/cappuccino.png" alt="cappuccino">
<p>A cappuccino is like a latte. However, the key difference between a latte and cappuccino is that a cappuccino has more foam and chocolate placed on top of the drink. Further, a cappuccino is made in a cup rather than a tumbler glass.</p>
</article>
<article id="espresso">
<h2>Espresso</h2>
<img src="images/espresso.png" alt="espresso">
<p>A strong, concentrated coffee made by forcing pressurized water through finely-ground coffee beans. Served in a small cup called a demitasse, and meant to be taken quickly, like a shot.</p>
</article>
<article id="espressoConPanna">
<h2>Espresso Con Panna</h2>
<img src="images/espressoConPanna.png" alt="espresso con panna">
<p>Espresso con panna which means "espresso with cream" in italian, is a single or double shot of espresso topped with whipped cream.</p>
</article>
<article id="flatWhite">
<h2>Flat White</h2>
<img src="images/flatWhite.png" alt="flat white">
<p>Flat white is a coffee that is popular in Australia and New Zealand. It is made the same as a cappuccino except it does not have any foam or chocolate on top.</p>
</article>
<article id="caffeMacchiato">
<h2>Macchiato</h2>
<img src="images/macchiato.png" alt="macchiato">
<p>Espresso with either steamed milk or foamed milk, and flavoring. The most common combination is the caramel macchato - espresso, vanilla, steamed milk, drizzled with caramel.</p>
</article>
<p><a href="#startCoffeeGuide"><img src="images/backToTop.png" alt="Back to Top"><br>Back to Top</a></p>
</main>
<footer>
<a href="contact.html">Hours and Locations</a>
<address>
<p><em>Developed by:</em><a href="mailto:[email protected]">Keller Tree</a></p>
</address>
</footer>
</body>
</html>