-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-qa.pug
186 lines (160 loc) · 9.9 KB
/
page-qa.pug
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
185
186
doctype html
head
//------------------------------使用的字符編碼------------------------------//
meta(charset='UTF-8')
//------------------------------優先使用IE最新版本和Chrome------------------------------//
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 突奌咖啡喵
meta(name='description',content='貓主題咖啡店')
meta(name='author',content='黃俊傑')
//------------------------------頁面在Facebook、Plurk、LINE資訊------------------------------//
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')
//------------------------------頁面在Google+、Pinterest、LinkedIn資訊------------------------------//
meta(itemprop='name',content='突奌咖啡喵')
meta(itemprop='description',content='貓主題咖啡店')
meta(itemprop='image',content='images/og-images.png')
//------------------------------頁面在twitter資訊------------------------------//
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')
//------------------------------讓連結都以新開視窗方式打開------------------------------//
//- base(target='_blank')
//------------------------------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')
body
header
nav.container-fluid.navbar-position.p-0
#navbar.container.navbar.navbar-expand-lg.p-0
h1(style='float:left')
a.navbar-brand.navbar-logo(href='index.html') 突奌咖啡貓
.navbar-icon(data-target="#menu")
.line1
.line2
.line3
#menu.collapse.navbar-collapse
ul.navbar-nav.ml-auto.text-center
li.nav-item.active
a.nav-link.text-white.nav-btn.px-4(href='page-about.html')
span.font-sm ABOUT
br
span.font-md 關於本店
li.nav-item
a.nav-link.text-white.nav-btn.px-4(href='page-menu.html')
span.font-sm ONLINE MENU
br
span.font-md 美味菜單
li.nav-item
a.nav-link.text-white.nav-btn.px-4(href='page-qa.html')
span.font-sm Q&A
br
span.font-md 常見問答
li.nav-item
a.nav-link.text-white.nav-btn.px-4(href='page-contact.html')
span.font-sm CONTACT US
br
span.font-md 聯絡我們
li.nav-item
a.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.font-sm FACEBOOK
br
span.font-md 粉絲專頁
#banner.carousel.slide(data-ride='carousel')
ul.carousel-indicators
li.active(data-target='#banner' data-slide-to='0')
li(data-target='#banner' data-slide-to='1')
li(data-target='#banner' data-slide-to='2')
li(data-target='#banner' data-slide-to='3')
li(data-target='#banner' data-slide-to='4')
.carousel-inner.p-0
.banner-mark
.carousel-item.active(style="height:600px;background-image:url('images/banner-1.jpg');background-size:cover;background-position:center center")
.carousel-item(style="height:600px;background-image:url('images/banner-2.jpg');background-size:cover;background-position:center center")
.carousel-item(style="height:600px;background-image:url('images/banner-3.jpg');background-size:cover;background-position:center center")
.carousel-item(style="height:600px;background-image:url('images/banner-4.jpg');background-size:cover;background-position:center center")
.carousel-item(style="height:600px;background-image:url('images/banner-5.jpg');background-size:cover;background-position:center center")
a.carousel-control-prev(href='#banner' data-slide='prev')
span.carousel-control-prev-icon
a.carousel-control-next(href='#banner' data-slide='next')
span.carousel-control-next-icon
main
section.container-fluid.py-5.px-4(style='background-color: #ffeabf;')
h2.qa-title <i class="far fa-question-circle"></i> 突奌喵問答集 <i class="far fa-question-circle"></i>
.row.pt-5.justify-content-center
.col-md-6.d-flex.flex-column.jusfity-content-center.align-items-center.mb-4
.reel
.circle1
.circle2
.circle3
.circle4
h3.h3.my-4.text-center <i class="fas fa-cat fa-sm"></i> 咖啡喵公約 <i class="fas fa-cat fa-sm" style="transform:scaleX(-1)"></i>
ul.qa-ul
li 粉絲專業無法接受訂位，訂位請撥:03-4282972
li 訂位人數最多10人
li 6歲以下兒童與店貓互動需由家長陪同
li 7、8月暑假期間、週六、例假日用餐時間限時2小時
li 週日為定休日
li 個人低消100元，無法合併計算
li 提供免費WiFi，不提供插座
li 無特約停車場
ul 禁止以下事項 :
li 在餐廳內飲用外食
li 桌遊或紙牌遊戲
li 吸菸
li 追貓、抱貓、餵貓
li 攜帶大型犬、具攻擊性寵物
.col-md-6
#accordion.accordion
.card(v-for="(id,qa) in qas")
.card-header.qa-click
a.text-dark.qa-a(href='#collapse-1' data-toggle='collapse') Q{{id+1}}:{{qa.question}}
#collapse-1.card-body.qa-content.collapse.show(data-parent='#accordion') Q{{id+1}}:{{qa.answer}}
small.text-center 以上說明和消費規則突奌咖啡保有修改權利，觀迎來電詢問唷!
.qa-footer
footer.container-fluid.p-3.bg-main
.row.align-items-center
.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")
.col-lg-3.col-md-6
a.tel(href='tel:+886-3-4282972' style='white-space:nowrap') 03-428-2972
.address.h5.text-white 320桃園市中壢區福州路20號
.col-lg-6.col-md-6.ml-auto
ul.nav.footer-nav.mt-3
li.nav-item
a.footer-firsta.nav-link(style='border-right: solid 1px white' href='page-about.html') 關於本店
li.nav-item
a.footer-a.nav-link(style='border-right: solid 1px white' href='page-menu.html') 美味菜單
li.nav-item
a.footer-a.nav-link(style='border-right: solid 1px white' href='page-qa.html') 常見問答
li.nav-item
a.footer-a.nav-link(style='border-right: solid 1px white' href='page-contact.html') 聯絡我們
li.nav-item
a.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') 粉絲專頁
.copyright.text-white.mt-2 @copyright 2020 突奌貓咖啡
i#uptop.far.fa-caret-square-up.uptop
//------------------------------JS連結檔------------------------------//
script(src='js/jquery.js')
script(src='js/bootstrap.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.28/vue.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js')
script(src='js/all.js')