-
Notifications
You must be signed in to change notification settings - Fork 0
/
latte.html
97 lines (92 loc) · 4.16 KB
/
latte.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
<!DOCTYPE html>
<!--
/**
* The latte detailed page of the website
************************************************************************
* @Author Xiaoming Yang
* @Initial date 2015-11-10 16:45
************************************************************************
* update time editor updated information
*
*
*/
-->
<html lang="en">
<head>
<link href="images/icon.png" rel="shortcut icon" />
<title>Tsun Latte Detailed Page</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/detailedfood.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
<meta name="description" content="New Zealand, Christchurch, delicious cafe and food">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse opacity8">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- <a class="navbar-brand" href="#">Tsun</a>-->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav">
<li> <a href="index.html">HOME</a> </li>
<li> <a href="menu.html">CAFE & FOOD</a> </li>
<li> <a href="order.html">ORDER</a> </li>
<li> <a href="gallery.html">GALLERY</a> </li>
<li> <a href="contact.html">CONTACT US</a> </li>
<li> <a href="about.html">ABOUT</a> </li>
</ul>
</div>
</div>
</nav>
<main>
<div class="container-fluid">
<div class="tab-content">
<div class="tab-pane active" id="latte">
<div class="constainer">
<div class="row">
<div class="content col-lg-8 col-lg-offset-2 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 col-xs-8 col-xs-offset-2 text-center">
<h1>Latte</h1>
<a href="#" class="thumbnail">
<img class="carousel-inner img-responsive img-rounded" width="200" height="100" src="images/latte.jpg" alt="latte">
</a>
<p class="text-left">
A latte (/ˈlæteɪ/)is a coffee drink made with espresso and steamed milk.
The term as used in English is a shortened form of the Italian caffè latte [kafˈfɛ lˈlatte], caffelatte [kaffeˈlatte] or caffellatte [kaffelˈlatte], which means "milk coffee". The word is also sometimes spelled latté or lattè in English with different kinds of accent marks, which can be a hyperforeignism or a deliberate attempt to indicate that the word is not pronounced according to the rules of English orthography.
In northern Europe and Scandinavia the term 'café au lait' has traditionally been used for the combination of espresso and milk, but this term is used in the US for brewed coffee and scalded milk. In France, 'caffè latte' is mostly known from American coffee chains; a combination of espresso and steamed milk equivalent to a 'latte' is in French called 'grand crème' and in German 'Milchkaffee' or 'Melange'.
Variants include replacing the coffee with another drink base such as masala chai (spiced Indian tea), mate or matcha, and other types of milk, such as soy milk or almond milk are also used.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="copyright opacity8">
<div class="container">
<div class="row">
<div class="col-sm-12">
<span>Copyright ©2015 <a href="index.html">Tsun</a></span> |
<span><a href="privacy.html">Privacy</a></span>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/public.js"></script>
</body>
</html>