-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevaluation.html
202 lines (196 loc) · 7.99 KB
/
evaluation.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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<title>Glimmer 微光甜點屋</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- CSS -->
<!-- reset -->
<link rel="stylesheet" href="css/normalize.css">
<!-- vendor -->
<link rel="stylesheet" href="vendor/OwlCarousel2-2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/fancybox3/jquery.fancybox.css">
<!-- custom -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrapper">
<!-- Start header -->
<header class="header">
<div class="navbar">
<div class="container">
<a href="index.html" class="brand">
<h1>Glimmer Dessert</h1>
</a>
<ul id="popup-menu" class="nav js-onePageNav">
<li class="nav-item">
<a href="index.html#about" class="nav-link">關於我們</a>
</li>
<li class="nav-item">
<a href="index.html#menu" class="nav-link">熱門甜點</a>
</li>
<li class="nav-item">
<a href="index.html#reservation" class="nav-link">預約服務</a>
</li>
<li class="nav-item">
<a href="index.html#contact" class="nav-link">聯絡我們</a>
</li>
<li class="nav-item">
<a href="evaluation.html" class="nav-link">好評分享</a>
</li>
</ul>
<a href="#!" class="menu-toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</header>
<!-- End header -->
<!-- Start main -->
<section class="main">
<!-- Start page title -->
<div class="page-title" style="background-image: url('images/bg01.jpg');">
<div class="mask-dark"></div>
<div class="section-intro js-fadeInBottom">
<h2 class="title">EVALUATION</h2>
<p class="para">一起看看大家的微光時刻吧！</p>
</div>
</div>
<!-- End page title -->
<!-- Start evaluation -->
<div class="hero">
<div class="container">
<div class="masonry-row">
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/01.jpg" alt="">
<p class="para">服務親切，非常喜歡整體氣氛，店員們也非常好聊天，喜歡到想要天天來！</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/02.jpg" alt="">
<p class="para">咖啡的香氣總是讓人陶醉。每次一打開新包的咖啡豆，那股濃郁的香氣總是能讓我精神為之一振。</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/03.jpg" alt="">
<p class="para">整體蛋糕的製作過程中通常使用較少的油和奶油，相對較低的脂肪和卡路里含量，因此相對較健康。這使得它成為許多人的首選。
</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/04.jpg" alt="">
<p class="para">訂購微光甜點屋的整體蛋糕是一個明智的決定。它的輕盈質地和甜蜜的味道讓我和我的家人都愛不釋手。而且，他們的客戶服務非常出色，訂購過程簡單方便。</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/05.jpg" alt="">
<p class="para">微光甜點屋的蛋糕真是一個驚喜！我最喜歡他們的草莓拿破崙，酥皮餅乾和新鮮草莓的結合簡直完美。而且，蛋糕的質地輕柔，入口即化。絕對是我最喜愛的蛋糕店之一！</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/06.jpg" alt="">
<p class="para"> 微光甜點屋的蛋糕是我在城市中找到的最美味的蛋糕之一。他們的提拉米蘇真正令人著迷，每一口都充滿了咖啡和奶酪的風味。我已經成為他們的忠實顧客了！</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/07.jpg" alt="">
<p class="para">早上的第一杯咖啡總是能讓我清醒和充滿活力。它就像是一個良好的開始，讓我準備好迎接新的一天。</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/08.jpg" alt="">
<p class="para">我訂購了微光甜點屋的特製巧克力蛋糕為我的生日派對，結果大家都愛不釋手！巧克力的濃郁味道令人陶醉，而且它的外觀設計精緻，簡直是完美的生日驚喜。</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/09.jpg" alt="">
<p class="para">微光甜點屋的蛋糕真是一個驚喜！我最喜歡他們的草莓拿破崙，酥皮餅乾和新鮮草莓的結合簡直完美。而且，蛋糕的質地輕柔，入口即化。絕對是我最喜愛的蛋糕店之一！</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/01.jpg" alt="">
<p class="para">服務親切，非常喜歡整體氣氛，店員們也非常好聊天，喜歡到想要天天來！</p>
</div>
</div>
<div class="masonry-col">
<div class="eval-card js-fadeInBottom">
<img class="image" src="images/evaluation/05.jpg" alt="">
<p class="para">微光甜點屋的蛋糕真是一個驚喜！我最喜歡他們的草莓拿破崙，酥皮餅乾和新鮮草莓的結合簡直完美。而且，蛋糕的質地輕柔，入口即化。絕對是我最喜愛的蛋糕店之一！</p>
</div>
</div>
</div>
</div>
</div>
<!-- End evaluation -->
</section>
<!-- End main -->
<!-- Start footer -->
<footer class="footer" style="background-image: url('images/bg02.jpg');">
<div class="mask-dark"></div>
<div class="hero">
<div class="container" style="margin: 0 auto;">
<a href="index.html" class="brand js-fadeInBottom"></a>
<ul class="nav js-onePageNav js-fadeInBottom">
<li class="nav-item">
<a href="index.html#about" class="nav-link">關於我們</a>
</li>
<li class="nav-item">
<a href="index.html#menu" class="nav-link">熱門甜點</a>
</li>
<li class="nav-item">
<a href="index.html#reservation" class="nav-link">預約服務</a>
</li>
<li class="nav-item">
<a href="index.html#contact" class="nav-link">聯絡我們</a>
</li>
<li class="nav-item">
<a href="evaluation.html" class="nav-link">好評分享</a>
</li>
</ul>
</div>
</div>
<div class="copyright">
<p>© Copyright 2023 All rights reserved. ｜ Alicia.</p>
</div>
</footer>
<!-- End footer -->
</div>
</body>
<!-- JS -->
<!-- Jquery libarary -->
<script src="vendor/jquery/jquery-3.5.1.min.js"></script>
<!-- Plugins -->
</script>
<script src="vendor/onePageNav/jquery.nav.js"></script>
<script src="vendor/masonry/masonry.pkgd.min.js"></script>
<!-- Custom & initialization -->
<script>
$(document).ready(function(){
// 彈跳選單 or 下拉選單
$('.menu-toggle').on('click', function(){
$(this).toggleClass('active');
$('.navbar .nav').toggleClass('active');
})
$('.nav-link').on('click', function(){
$('.menu-toggle').removeClass('active');
$('.navbar .nav').removeClass('active');
})
// Masonry
$('.masonry-row').masonry({
itemSelector: '.masonry-col'
})
})
</script>
</html>