-
Notifications
You must be signed in to change notification settings - Fork 1
/
Coffee_drinks.html
88 lines (85 loc) · 3.95 KB
/
Coffee_drinks.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
<!DOCTYPE html>
<head>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type"text/css" href="Coffee_drinks.css">
<link rel="stylesheet" type="text/css" href="social_media.css">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title> Coffee Drinks </title>
</head>
<body>
<header>
<ul>
<li><a href="/C:/Users/user/Desktop/coding lessons/project/group_work1.html"> Home </a></li>
<li><a href="/C:/Users/user/Desktop/coding lessons/project/Coffee_drinks.html"> Coffee drinks </a></li>
<li> <a href="/C:/Users/user/Desktop/coding lessons/project/group_work.html">Coffee DIYs</a></li>
</ul>
</header>
<h1> Coffee Drinks </h1>
<div class='container'>
<div class='row'>
<div class='col-lg-6'>
<div class= "Espresso">
<h3> Espresso </h3>
<img src="https://image.tassimo.de/object/tassimo?T=BgScale&P_L=W%2CH%2CF%2CQ&P_I_Q=99&P_I_W=320&P_I_H=384&P_I_F=PNG&A_L=SRC%2CBG&A_I_SRC_NAME=7060&A_I_BG_O=Y_cKb2cMDS0AAAFgV_MFDCGy">
<p> An espresso is usually the strogest type of coffee, and is made by forcing boiling water through finely ground coffee beans.
There is also a crema on top, which is produced by the emulsifation of oils in the coffee to produce a colloid.
An espresso is served in a small cup and drank without milk. It is usually the base for most other coffee. The country of origin is Italy.
</p>
</div>
</div>
<div class='col-lg-6'>
<div class="Americano">
<h3> Americano </h3>
<img src="https://d3mrtwiv4dr09z.cloudfront.net/media/catalog/product/cache/2/image/720x540/9df78eab33525d08d6e5fb8d27136e95/1/8/18beverage_Americano_720x540.jpg">
<p>
An americano is made by diluting a shot of espresso, the strength of an americano can be altered by adding more shots or adding
more water. Many people add milk to an americano or you can drink it black.
</p>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='row'>
<div class='col-lg-6'>
<div class="Latte">
<h3> Latte </h3>
<img src="https://cdn.shopify.com/s/files/1/1097/5586/products/Latte_art_image_1024x1024.jpg?v=1480953198">
<p> A latte is also started using two shots of espresso, then adding steamed milk and foam.
</p>
</div>
</div>
<div class='col-lg-6'>
<div class="Cappucino">
<h3> Cappucino </h3>
<img src="https://assets.mystarbucks.com.au/imagecache/bestfit/620x634/_files/Beverages/SBX20080807_3256_1.jpg">
<p> A cappucino is created to be a third espresso, a third milk and a third foam. This makes it stonger than a latte but with more foam.
</p>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-social-icons">
<h4 class="_14">Follow us on</h4>
<ul class="social-icons">
<li><a href="" class="social-icon"> <i class="fa fa-facebook"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-twitter"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-rss"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-youtube"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-linkedin"></i></a></li>
<li><a href="" class="social-icon"> <i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<h4> Contact us on </h4>
<p>
<ul>
<li>Email: coffeecrazy101@gmail.com</li>
<li>Phone: 0123456789</li>
</ul>
</p>
<p>Copyright 2018 Coffee Crazy</p>
</footer>
</body>
</html>