-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (137 loc) · 4.53 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!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>Home</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="top" class="content">
<center>
<img src="./img/logo.png" width="30%" alt="logo" id="" />
</center>
<br />
<table cellpadding="10" cellspacing="7" width="100%">
<tr>
<th bgcolor="chocolate">
<a href="index.html" class="link">HOME</a>
</th>
<th bgcolor="chocolate"><a href="menu.html" class="link">MENU</a></th>
<th bgcolor="chocolate">
<a href="about.html" class="link">ABOUT</a>
</th>
<th bgcolor="chocolate">
<a href="contact.html" class="link">CONTACT</a>
</th>
</tr>
</table>
<h1>FEATURED PRODUCTS</h1>
<!-- espresso -->
<h2 style="font-family: Aller_Bd">
<ul>
<li>Espresso</li>
</ul>
</h2>
<img class="img" src="./img/espresso.jpg" alt="espresso" />
<p class="font">
Our smooth signature Espresso Roast with rich flavor and caramelly
sweetness is at the very heart of everything we do.
</p>
<a href="https://en.wikipedia.org/wiki/Espresso" target="_blank"
>more details</a
>
<br /><br />
<!-- cappucchino -->
<h2>
<ul>
<li>Cappucchino</li>
</ul>
</h2>
<img class="img" src="./img/cappuchino.jpg" alt="cappuchino" />
<p class="font">
Dark, rich espresso lies in wait under a smoothed and stretched layer of
thick milk foam. An alchemy of barista artistry and craft.
</p>
<a href="https://en.wikipedia.org/wiki/Cappuccino" target="_blank"
>more details</a
>
<br /><br />
<!-- americano -->
<h2>
<ul>
<li>Americano</li>
</ul>
</h2>
<img class="img" src="./img/americano.jpg" alt="americano" />
<p class="font">
Espresso shots topped with hot water create a light layer of crema
culminating in this wonderfully rich cup with depth and nuance. Pro Tip:
For an additional boost, ask your barista to try this with an extra
shot.
</p>
<a
href="https://en.wikipedia.org/wiki/Caff%C3%A8_Americano"
target="_blank"
>more details</a
>
<br /><br />
<!-- turkish brew -->
<h2>
<ul>
<li>Turkish Brew</li>
</ul>
</h2>
<img class="img" src="./img/turkishbrew.jpg" alt="turkishbrew" />
<p class="font">
The general term of Turkish coffee clearly states a preparing method of
a unique type of coffee. Turkish coffee is the only type of coffee that
cooking takes place during its preparation.
</p>
<a href="https://en.wikipedia.org/wiki/Turkish_coffee" target="_blank"
>more details</a
>
<br /><br />
<!-- cold brew -->
<h2>
<ul>
<li>Cold Brew</li>
</ul>
</h2>
<img class="img" src="./img/coldbrew.jpg" alt="coldbrew" />
<p class="font">
Handcrafted in small batches daily, slow-steeped in cool water for 20
hours, without touching heat and finished with a splash of milk—The
Coffee House® Cold Brew is made from our custom blend of beans grown to
steep long and cold for a super-smooth flavor.
</p>
<a href="https://en.wikipedia.org/wiki/Iced_coffee" target="_blank"
>more details</a
>
<br /><br />
<!-- hot chocolate -->
<h2>
<ul>
<li>Hot Chocolate</li>
</ul>
</h2>
<img class="img" src="./img/hotchocolate.jpg" alt="hotchocolate" />
<p class="font">
Steamed milk and mocha sauce topped with sweetened whipped cream and a
chocolate-flavored drizzle. A timeless classic made to sweeten your
spirits..
</p>
<a href="https://en.wikipedia.org/wiki/Hot_chocolate" target="_blank"
>more details</a
>
<br /><br /><br /><br />
<p>zealtrax101|copyright©2021</p>
<br />
<br />
<button type="button">
<a href="#top" class="link" style="font-family: fantasy">BACK TO TOP</a>
</button>
</div>
</body>
</html>