-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
132 lines (127 loc) · 5.28 KB
/
about.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
<!DOCTYPE html>
<!--
/**
* The about page of the website
************************************************************************
* @Author Xiaoming Yang
* @Initial date 2015-11-04 14:12
************************************************************************
* update time editor updated information
*
*
*/
-->
<html lang="en">
<head>
<link href="images/icon.png" rel="shortcut icon" />
<title>Tsun About</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/about.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 data-spy="scroll" data-target="#rightside">
<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 wrapper">
<div class="row">
<div class="col-lg-9 col-md-9 col-xs-8 col-sm-8">
<h1 id="about" class="page-header">About Us</h1>
<p>
Coffeehouse, coffee shop, and coffee bar are related terms for an establishment which primarily
serves hot coffee, related coffee beverages (e.g., espresso, cappuccino, caffè latte),
tea and other hot beverages. Many cafés also serve some type of food, such as pastries,
muffins or light snacks. Coffeehouses range from owner-operated small businesses to multinational
companies such as Starbucks.
Café in continental Europe refers to a traditional type of coffeehouse,
but elsewhere "cafe" may refer to a tea room, small and cheap restaurant (colloquially a "caff"),
transport cafe, or other casual eating and drinking place.
A coffeehouse may share some of the same characteristics of a bar or restaurant,
but it is different from a cafeteria. Many coffee houses in the Middle East,
and in West Asian immigrant districts in the Western world, offer shisha
(nargile in Turkish and Greek), flavored tobacco smoked through a hookah.
Espresso bars are a type of coffeehouse that specialize in serving espresso
and espresso-based drinks.
</p>
<p>Coffeehouses in Mecca became a concern as places for political gatherings to the imams who banned them, and the drink, for Muslims between 1512 and 1524. In 1530, the first coffeehouse was opened in Damascus[8] and not long after there were many coffeehouses in Cairo.
Storyteller (meddah) at a coffeehouse in the Ottoman Empire
The Ottoman chronicler İbrahim Peçevi reports in his writings (1642–49) about the opening of the first coffeehouse in Istanbul:
</p>
<h1 id="team" class="page-header">Our Team</h1>
<div class="team media">
<div class="media-left">
<a href="#">
<img class="media-object" width="200" height="100" src="images/boss.jpg" alt="boss">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Boss Z</h4>
<p>our boss Mrs Z</p>
</div>
</div>
<div class="team media">
<div class="media-left">
<a href="#">
<img class="media-object" width="200" height="100" src="images/chef.jpg" alt="chef">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">Chef Y</h4>
<p>our chef X who is a highly trained, skilled professional cook who is proficient in all aspects of food preparation of a particular cuisine.</p>
</div>
</div>
</div>
<div id="rightside" class="col-lg-3 col-md-3 col-xs-4 col-sm-4">
<div class="pagination">
<ul data-spy="affix" data-offset-top="10">
<li><a href="#about">About Us</a></li>
<li><a href="#team">Our Team</a></li>
</ul>
</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>
</body>
</html>