/
index.html
209 lines (175 loc) · 5.89 KB
/
index.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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Title Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- section1 -->
<div class="container">
<div class="row">
<div class="navbar col-xs-12 col-sm-12">
<ul>
<span class="logo"><img src="images/logo.png" alt=""></span>
<span class="navbar_link">
<a href="" title=""><li>關於丸丸</li></a>
<a href="" title=""><li>課程介紹</li></a>
<a href="" title=""><li>學員心得</li></a>
<a href="" title=""><li>丸丸地址</li></a>
<a href="" title=""><li>預約課程</li></a>
</span>
<span class="navbar_link">
<a href="">
<li><i class="">facebook</i></li>
<li><i class="">instagram</i></li>
<li><i class="">mail</i></li>
</a>
</span>
</ul>
</div>
</div>
</div>
<!-- secrion2 -->
<div class="container">
<div class="row">
<div class="section col-xs-12 col-sm-12">
<div class="main">
<div class="right_first"></div>
<div class="left_first">
<h1>Hi Welcome to WanWa</h1>
<p> 丸丸是一間隱身台北市東區巷弄的烘焙教室，
來丸丸一起手作時尚烘培，<br>
花藝和甜點將成為您美好生活的一部分
<br>工作結束後，體驗一個不同的自己。 來實踐美感生活，一起讓美好無限延續~
</p>
<div class="main_button">
<div class="button">我是按鈕</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- select3 -->
<div class="container">
<div class="row">
<div class="section col-xs-12 col-sm-12">
<div class="main">
<div class="right_second">
<h1>Hi Welcome to WanWa</h1>
<p> 丸丸是一間隱身台北市東區巷弄的烘焙教室，
<br>
來丸丸一起手作時尚烘培，
花藝和甜點將成為您美好生活的一部分
<br>工作結束後，體驗一個不同的自己。 來實踐美感生活，一起讓美好無限延續~
</p>
<div class="main_button_left">
<div class="button">我是按鈕</div>
</div>
</div>
<div class="left_second"></div>
</div>
</div>
</div>
</div>
<!-- section4 -->
<div class="section container">
<div class="row">
<div class="header"><h2>丸丸多元服務</h2></div>
<div class="col-xs-12 col-sm-3">
<div class="item">
<div class="pic1">
</div>
<div class="text">
<h3>送禮甜點</h3>
<p>丸丸團隊提供預定蛋糕服務，包含造型都可以客製化為你量身訂製，讓送禮更有驚喜感！</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="item">
<div class="pic2">
</div>
<div class="text">
<h3>花藝植栽</h3>
<p>無論新鮮花草、乾燥花的手作，想要學習花藝植栽，都可以找丸丸團隊指導，讓我一起在花藝的世界裡遊玩</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="item">
<div class="pic3">
</div>
<div class="text">
<h3>活動佈置</h3>
<p>為你設計一場浪漫的婚禮、生日、求婚、孩童彌月，專業的花藝設計、氣球佈置，絕對會讓溫馨與快樂的氣氛感染現場的朋友與家人，丸丸團隊為你的佈置都是精心設計與設計，歡迎與我們討論你的想法</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3">
<div class="item">
<div class="pic4">
</div>
<div class="text">
<h3>場地租借</h3>
<p>隱身台北市東區巷弄的小森林，環境摩登且地點方便。在丸丸，我們的烘焙設備俱全，這麼棒的環境，我們也想與更多朋友們分享，有租用需求的朋友歡迎與我們聯絡</p>
</div>
</div>
</div>
</div>
</div>
<!-- section5 -->
<div class="container">
<div class="row">
<div class="address">
<div class="header">
<h2>如何抵達丸丸</h2>
</div>
<div class=" col-xs-12 col-sm-6">
<h4>交通工具</h4>
<p>台北市松山區延吉街30巷15-1號B1</p>
<h4>捷運</h4>
<p>忠孝新生（步行）900公尺</p>
<p>松江南京站（步行450公尺）</p>
</div>
</div>
</div>
</div>
<!-- section5 -->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8">
<div class="contact">
<h2>與丸丸聯絡</h2>
<div class="contact_detail">
<h4>email:wanwastudio@gmail.com</h4>
<hr>
<h4>地址：台北市松山區延吉街30巷15-1號B1</h4>
<h4>電話：02-25779665</h4>
<p>@2018 wanwa bakery.co</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<span class="navbar_link">
<a href="">
<li><i class="">facebook</i></li>
<li><i class="">instagram</i></li>
<li><i class="">mail</i></li>
</a>
</span>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>