/
intro.html
309 lines (219 loc) · 10.1 KB
/
intro.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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- jq -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/style_head.css">
<link rel="stylesheet" type="text/css" href="css/intro.css">
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script src="javascripts/application.js" type="text/javascript" charset="utf-8" async defer></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 con1">
<div class="navbar">
<ul>
<a href="https://www.facebook.com/wanwastudio"><li>facbook<i class="fab fa-facebook-square fa-2x"></i></li></a>
<a href="http://www.thepictaram.club/instagram/wanwastudio"><li>instagram<i class="fab fa-instagram fa-2x"></i></li></a>
<a href="index.html"><li><img class="logo" src="images/logo.png" alt=""></li></a>
<a href="wanwastudio@gmail.com"><li>mail<i class="fas fa-envelope fa-2x"></i></li></a>
<li class="resevation">立即預約<i class="fab fa-line fa-2x"></i>
</li>
</ul>
<ul>
<a href="index.html#wan"><li class="nav_btn">關於丸丸</li></a>
<a href="intro.html"><li class="nav_btn hight_light">服務介紹</li></a>
<a href="#items"><li class="nav_btn">學員評價</li></a>
<a href="student.html"><li class="nav_btn">學員成果</li></a>
<a href="student.html"><li class="nav_btn">上課側影</li></a>
<a href="index.html#add"><li class="nav_btn">丸丸地址</li></a>
<li class="nav_btn">聯絡我們</li>
<li class="nav_btn">預約課程</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container con2">
<h4>服務介紹</h4>
<div class="row ">
<div class="col-xs-12 col-sm-3 service" >
<div class="card">
<div class="card_photo">
<!-- <img src="images/card_photo.jpg" alt=""> -->
</div>
<h4>送禮甜點</h4>
<p>丸丸團隊提供預定蛋糕服務，包含造型都可以客製化為你量身訂製，讓送禮更有驚喜感！</p>
</div>
</div>
<div class="col-xs-12 col-sm-3 service">
<div class="card">
<div class="card_photo1">
<!-- <img src="images/card_photo.jpg" alt=""> -->
</div>
</div>
<h4>花藝植栽</h4>
<p>無論新鮮花草、乾燥花的手作，想要學習花藝植栽，都可以找丸丸團隊指導，讓我一起在花藝的世界裡遊玩</p>
</div>
<div class="col-xs-12 col-sm-3 service">
<div class="card_photo2">
</div>
<h4>活動佈置</h4>
<p>將為你設計一場浪漫的婚禮、生日、求婚、孩童彌月，專業的花藝設計、氣球佈置，絕對會讓溫馨與快樂的氣氛感染現場的朋友與家人，丸丸團隊為你的佈置都是精心設計與設計，歡迎與我們討論你的想法
</p>
</div>
<div class="col-xs-12 col-sm-3 service">
<div class="card_photo3"></div>
<h4>場地租借</h4>
<p>丸丸位於台北東區巷弄內，丸丸是一間隱身台北市東區巷弄的小森林，環境摩登且地點方便。在丸丸，我們的烘焙設備俱全，這麼棒的環境，我們也想與更多朋友們分享，有租用需求的朋友歡迎與我們聯絡</p>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 service">
<div class="card_photo4"></div>
<h4>韓式擠花</h4>
<p>利用奶油霜或者豆沙餡，搭配擠花嘴，就能擠出美麗的花朵！
從蛋糕體配方×奶油霜調味×調色公式×擠花花型到組合訣竅，在丸丸團隊的指導下，你也可以快速上手完成漂亮的奶油花</p>
</div>
<div class="col-xs-12 col-sm-3 service">
<div class="card_photo5"></div>
<h4>鏡面蛋糕</h4>
<p>製作出如同鏡子一般光滑平整的鏡面蛋糕，看起來很困難但只要掌握技巧，你也可以做出屬於自己獨一無二的鏡面蛋糕</p>
</div>
<div class="col-xs-12 col-sm-3 service">
<div class="card_photo6"></div>
<h4>夢幻馬卡龍</h4>
<p>蛋白+糖+杏仁粉=馬卡龍! 馬卡龍的基本公式原來這麼簡單！
但看膩了傳統的馬卡龍嗎？在丸丸我們會教你如何抓出卡通人物神韻精髓，無論是喜愛的迪士尼人物，還是可愛造型，對你來說絕對不困難</p>
</div>
<div class="col-xs-12 col-sm-3 service">
<div class="card_photo7"></div>
<h4>經典蛋糕</h4>
<p>經典永不衰退，還記得香甜的海綿蛋糕配上那捨不得吃的奶油草莓嗎，今天你也可以自己做出讓人口齒留香的經典蛋糕</p>
</div>
</div>
</div>
<!-- <div class="container">
<div class="row">
<div class="col-xs-6 col-sm-3 con3">
<div class="rank">
<div class="photo">
<img src="" alt="">
</div>
<p class="name"> jamie</p>
<div class="star">
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
</div>
<p class="comment">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意</p>
</div>
</div>
<div class="col-xs-6 col-sm-3 con3">
<div class="rank">
<div class="photo">
<img src="" alt="">
</div>
<p class="name"> jamie</p>
<div class="star">
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
</div>
<p class="comment">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意</p>
</div>
</div>
<div class="col-xs-6 col-sm-3 con3">
<div class="rank">
<div class="photo">
<img src="" alt="">
</div>
<p class="name"> jamie</p>
<div class="star">
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
<div class="little_star"></div>
</div>
<p class="comment">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意</p>
</div>
</div>
</div>
</div>
-->
<div class="mask">
<img class="left" src="images/left.png" alt="">
<img class="right" src="images/right.png" alt="">
<div class="all">
<div class="icon">
<div class="items" id="items">
<div class="photo"></div>
<p class="opinions">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意</p>
</div>
<div class="items">
<div class="photo"><img src="" alt=""></div>
<p class="opinions">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意
</p>
</div>
<div class="items">
<div class="photo"></div>
<p class="opinions">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意</p>
</div>
<div class="items">
<div class="photo"></div>
<p class="opinions">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意</p>
</div>
<div class="items">
<div class="photo"></div>
<p class="opinions">每次來學習都覺得滿載而歸，老師非常親切，有問必答非常會教，環境也乾淨美麗，不只學到了如何做出一個蛋糕，重點是做完當下超有成就感非常滿意</p>
</div>
</div>
</div>
</div>
<!--
<div class="container">
<h4>學員側影</h4>
<div class="row">
<div class="col-xs-6 col-sm-3 a">
</div>
<div class="col-xs-6 col-sm-4 b"></div>
<div class="col-xs-6 col-sm-5 c"></div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-2 d"></div>
<div class="col-xs-6 col-sm-6 e"></div>
<div class="col-xs-6 col-sm-4 f"></div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4 g"></div>
<div class="col-xs-6 col-sm-2 h"></div>
<div class="col-xs-6 col-sm-6 i"></div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 j"></div>
<div class="col-xs-6 col-sm-4 k"></div>
<div class="col-xs-6 col-sm-2 l"></div>
</div>
</div>
-->
<div class="row">
<div class="col-xs-12 col-sm-12 copywrite">
<div class="center">
<p>@copywrite</p>
</div>
</div>
</div>
</body>
</html>