-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-menu.html
184 lines (182 loc) · 12.8 KB
/
page-menu.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-compatible" content="ie=edge,chrome=1">
<meta name="viewport" content="width=device-width" height="device-height" initial-scale="1" minimum-scale="1"
maximum-scale="1" user-scalable="no">
<title>突奌咖啡喵</title>
<meta name="description" content="貓主題咖啡店">
<meta name="author" content="黃俊傑">
<meta property="og:title" content="突奌咖啡喵">
<meta property="og:description" content="貓主題咖啡店">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jack842248.github.io/top-point/">
<meta property="og:image" content="images/og-images.png">
<meta property="og:site_name" content="jack842248">
<meta itemprop="name" content="突奌咖啡喵">
<meta itemprop="description" content="貓主題咖啡店">
<meta itemprop="image" content="images/og-images.png">
<meta name="twitter:title" content="突奌咖啡喵">
<meta name="twitter:description" content="貓主題咖啡店">
<meta name="twitter:card" content="website">
<meta name="twitter:image" content="images/og-images.png">
<meta name="twitter:site" content="jack842248">
<link rel="canonical" href="https://jack842248.github.io/top-point/">
<link rel="icon" href="images/favicon.ico">
<link type="text/css" media="only screen and (-webkit-min-device-pixel-ratio: 2)" href="/Images/IPhone.css">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/all.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<header>
<nav class="container-fluid navbar-position p-0">
<div class="container navbar navbar-expand-lg p-0" id="navbar">
<h1 style="float:left"><a class="navbar-brand navbar-logo" href="index.html">突奌咖啡貓</a></h1>
<div class="navbar-icon" data-target="#menu">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav ml-auto text-center">
<li class="nav-item active"><a class="nav-link text-white nav-btn px-4"
href="page-about.html"><span class="font-sm">ABOUT</span><br><span
class="font-md">關於本店</span></a></li>
<li class="nav-item"><a class="nav-link text-white nav-btn px-4" href="page-menu.html"><span
class="font-sm">ONLINE MENU</span><br><span class="font-md">美味菜單</span></a></li>
<li class="nav-item"><a class="nav-link text-white nav-btn px-4" href="page-qa.html"><span
class="font-sm">Q&A</span><br><span class="font-md">常見問答</span></a></li>
<li class="nav-item"><a class="nav-link text-white nav-btn px-4" href="page-contact.html"><span
class="font-sm">CONTACT US</span><br><span class="font-md">聯絡我們</span></a></li>
<li class="nav-item"><a class="nav-link text-white nav-btn px-4"
href="https://www.facebook.com/%E7%AA%81%E5%A5%8C%E5%92%96%E5%95%A1%E5%96%B5-220841121329242/"
target="_blank"><span class="font-sm">FACEBOOK</span><br><span
class="font-md">粉絲專頁</span></a></li>
</ul>
</div>
</div>
</nav>
<div class="carousel slide" id="banner" data-ride="carousel">
<ul class="carousel-indicators">
<li class="active" data-target="#banner" data-slide-to="0"></li>
<li data-target="#banner" data-slide-to="1"></li>
<li data-target="#banner" data-slide-to="2"></li>
<li data-target="#banner" data-slide-to="3"></li>
<li data-target="#banner" data-slide-to="4"></li>
</ul>
<div class="carousel-inner p-0">
<div class="banner-mark"></div>
<div class="carousel-item active"
style="height:600px;background-image:url('images/banner-1.jpg');background-size:cover;background-position:center center">
</div>
<div class="carousel-item"
style="height:600px;background-image:url('images/banner-2.jpg');background-size:cover;background-position:center center">
</div>
<div class="carousel-item"
style="height:600px;background-image:url('images/banner-3.jpg');background-size:cover;background-position:center center">
</div>
<div class="carousel-item"
style="height:600px;background-image:url('images/banner-4.jpg');background-size:cover;background-position:center center">
</div>
<div class="carousel-item"
style="height:600px;background-image:url('images/banner-5.jpg');background-size:cover;background-position:center center">
</div>
</div><a class="carousel-control-prev" href="#banner" data-slide="prev"><span
class="carousel-control-prev-icon"></span></a><a class="carousel-control-next" href="#banner"
data-slide="next"><span class="carousel-control-next-icon"></span></a>
</div>
</header>
</body>
<main>
<section class="container-fluid py-5 px-4" style="background-color: #ffeabf;">
<h2 class="menu-title"><i class="fas fa-utensils"></i> 突奌喵菜單 <i class="fas fa-utensils"></i></h2>
<div class="row pt-3 justify-content-center">
<div class="col-md-4 list-box">
<div class="list-group sticky-top" style="top:30px"><a class="list-btn active" href="#pane-1"
data-toggle="list"><i class="fas fa-coffee"></i> 單品咖啡 <small>SingleCoffee</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-2" data-toggle="list"><i
class="fas fa-coffee"></i> 義式咖啡 <small>EspressoCoffee</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-3" data-toggle="list"><i
class="fas fa-glass-whiskey"></i> 鮮奶茶&單品茶 <small>MilkTea&Tea</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-4" data-toggle="list"><i
class="fas fa-glass-whiskey"></i> 花果茶 <small>FlowerFruitTea</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-5" data-toggle="list"><i
class="fas fa-seedling"></i> 其他&沙拉 <small>SoftDrinks&Salad</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-6" data-toggle="list"><i
class="fas fa-cheese"></i> 輕食&鬆餅 <small>Lightmeal&Waffle</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-7" data-toggle="list"><i
class="fas fa-pizza-slice"></i> 薄脆披薩 <small>CrispPizza</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-8" data-toggle="list"><i
class="fas fa-utensils"></i> 番茄紅醬料理 <small>Tomato</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-9" data-toggle="list"><i
class="fas fa-utensils"></i> 奶油白醬料理 <small>Creamy</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-10" data-toggle="list"><i
class="fas fa-utensils"></i> 羅勒青醬料理 <small>Creamy&Wine-Based</small><span
class="list-btn-bottom"></span></a><a class="list-btn" href="#pane-11" data-toggle="list"><i
class="far fa-thumbs-up"></i> 優惠1+1組合 <small>AfternoonTea</small><span
class="list-btn-bottom"></span></a></div>
</div>
<div class="col-md-8">
<div class="tab-content" style="width:100%">
<div class="tab-pane fade show active" id="pane-1" style="width:98%;overflow:auto"><img
style="min-width:760px" src="images/menu-1.jpg"></div>
<div class="tab-pane fade" id="pane-2" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-2.jpg"></div>
<div class="tab-pane fade" id="pane-3" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-3.jpg"></div>
<div class="tab-pane fade" id="pane-4" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-4.jpg"></div>
<div class="tab-pane fade" id="pane-5" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-5.jpg"></div>
<div class="tab-pane fade" id="pane-6" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-6.jpg"></div>
<div class="tab-pane fade" id="pane-7" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-7.jpg"></div>
<div class="tab-pane fade" id="pane-8" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-8.jpg"></div>
<div class="tab-pane fade" id="pane-9" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-9.jpg"></div>
<div class="tab-pane fade" id="pane-10" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-10.jpg"></div>
<div class="tab-pane fade" id="pane-11" style="width:95%;overflow:auto"><img style="min-width:760px"
src="images/menu-11.jpg"></div>
</div>
</div>
</div>
<div class="menu-footer"></div>
</section>
<footer class="container-fluid p-3 bg-main">
<div class="row align-items-center">
<div class="col-lg-3 footer-logo"
style="max-width:300px;height:100px;background-image:url('images/navbar-logo.svg');background-size:80%;background-position:center center;background-repeat:no-repeat">
</div>
<div class="col-lg-3 col-md-6"><a class="tel" href="tel:+886-3-4282972"
style="white-space:nowrap">03-428-2972</a>
<div class="address h5 text-white">320桃園市中壢區福州路20號</div>
</div>
<div class="col-lg-6 col-md-6 ml-auto">
<ul class="nav footer-nav mt-3">
<li class="nav-item"><a class="footer-firsta nav-link" style="border-right: solid 1px white"
href="page-about.html">關於本店</a></li>
<li class="nav-item"><a class="footer-a nav-link" style="border-right: solid 1px white"
href="page-menu.html">美味菜單</a></li>
<li class="nav-item"><a class="footer-a nav-link" style="border-right: solid 1px white"
href="page-qa.html">常見問答</a></li>
<li class="nav-item"><a class="footer-a nav-link" style="border-right: solid 1px white"
href="page-contact.html">聯絡我們</a></li>
<li class="nav-item"><a class="footer-a nav-link"
href="https://www.facebook.com/%E7%AA%81%E5%A5%8C%E5%92%96%E5%95%A1%E5%96%B5-220841121329242/"
target="_blank">粉絲專頁</a></li>
</ul>
<div class="copyright text-white mt-2">@copyright 2023 突奌貓咖啡</div>
</div>
</div>
</footer><i class="far fa-caret-square-up uptop" id="uptop"></i>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="js/all.js"></script>
</main>