-
Notifications
You must be signed in to change notification settings - Fork 0
/
coworking_space.html
446 lines (443 loc) · 18.3 KB
/
coworking_space.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
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<title>Co-working space</title>
<link rel="icon" type="image/svg" href="./image/hexschool.ico" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="共同空間" />
<meta name="copyright" content="火箭隊軟體培訓營" />
<meta property="og:title" content="共同空間" />
<meta
property="og:image"
content="https://github.com/hexschool/rocket_landingpage/blob/main/image/hex_og.png?raw=true"
/>
<meta
property="og:description"
content="共同空間有近 100 坪的空間,在開放式的公共區域中有休憩區以及舒適沙發討論區,在設計上盡量讓空間規劃簡單俐落,沒有多餘的裝修,我們營運空間的理念很簡單,希望藉由這裡能與更多「人」締結關係,並凝聚更多熱愛分享程式的進駐培訓者,讓這裡打造實現開發能量的集聚地。"
/>
<!-- import -->
<!-- swiper -->
<script
src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"
defer
></script>
<!-- project -->
<link rel="stylesheet" href="./css/all.css" />
<script src="./javascript/all.js" defer></script>
</head>
<body>
<div id="marquee">
<div class="container first">
<span class="marquee_item">Let’s join</span>
<span class="marquee_item">- 火箭隊培訓營 Rocket -</span>
<span class="marquee_item">- 共同空間 Co-working space -</span>
<span class="marquee_item">Let’s join</span>
<span class="marquee_item">- 火箭隊培訓營 Rocket -</span>
<span class="marquee_item">- 共同空間 Co-working space -</span>
<span class="marquee_item">Let’s join</span>
<span class="marquee_item">- 火箭隊培訓營 Rocket -</span>
<span class="marquee_item">- 共同空間 Co-working space -</span>
</div>
<div class="container second">
<span class="marquee_item">Let’s join</span>
<span class="marquee_item">- 火箭隊培訓營 Rocket -</span>
<span class="marquee_item">- 共同空間 Co-working space -</span>
<span class="marquee_item">Let’s join</span>
<span class="marquee_item">- 火箭隊培訓營 Rocket -</span>
<span class="marquee_item">- 共同空間 Co-working space -</span>
<span class="marquee_item">Let’s join</span>
<span class="marquee_item">- 火箭隊培訓營 Rocket -</span>
<span class="marquee_item">- 共同空間 Co-working space -</span>
</div>
</div>
<main class="cowork_page">
<div id="banner">
<div class="container_sm banner_container">
<a href="./index.html" class="enter_card rocket">
<div class="card_container">
<div class="card_title">
<h2 class="card_title_tw">火箭隊</h2>
<p class="card_title_en">Bootcamp Rocket</p>
<img
class="card_img"
src="./image/banner/banner-logo-rocket-lg.png"
alt="banner-logo-rocket-lg"
/>
</div>
<ul class="hashtag">
<li># 軟體工程師培訓營</li>
<li># 全程免費的扎實訓練</li>
<li># 帶你翻轉人生!</li>
</ul>
</div>
<div class="shape"></div>
<div class="enter_btn"></div>
</a>
<div class="deco_cross">X</div>
<a href="#about_us" class="enter_card space active">
<div class="card_container">
<div class="card_title">
<h2 class="card_title_tw">共同空間</h2>
<p class="card_title_en">Co-working Space</p>
<img
class="card_img"
src="./image/banner/banner-logo-coworking-lg.png"
alt="banner-logo-coworking-lg"
/>
</div>
<ul class="hashtag">
<li># 超 chill 的共同工作場域</li>
<li># 餅乾、零食、茶水應有盡有</li>
<li># 等你來一同交流成長</li>
</ul>
</div>
<div class="shape"></div>
<div class="enter_btn"></div>
</a>
</div>
</div>
<div id="about_us">
<div class="container_lg about_us_container">
<div class="map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3682.690768993762!2d120.30793527527976!3d22.628019879452346!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346e0491b7febacd%3A0x24542bac2726199b!2z5a-25oiQ5LiW57SA5aSn5qiT!5e0!3m2!1szh-TW!2stw!4v1684827997365!5m2!1szh-TW!2stw"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
<section class="summary">
<p class="summary_title_en">About Us</p>
<h1 class="summary_title_tw">共同空間簡介</h1>
<p class="summary_content">
共同空間有近 100 坪的空間,在開放式的公共區域中有<span
class="bold_style"
>休憩區以及舒適沙發討論區</span
>,在設計上盡量讓空間規劃簡單俐落,沒有多餘的裝修,我們營運空間的理念很簡單,希望藉由這裡能與更多「人」締結關係,並凝聚更多熱愛分享程式的進駐培訓者,讓這裡打造實現開發能量的集聚地。
</p>
</section>
</div>
</div>
<div id="space">
<div class="space_container container_sm">
<h2>場域說明</h2>
<div class="place">
<h4 class="mark_style">#硬體</h4>
<ul class="place_card_container">
<li class="place_card">
<div class="place_card_img">
<img
class="img_lg"
src="./image/share_place/intro-rest-lg-2x.png"
alt="intro-rest-lg-2x"
/>
<img
class="img_sm"
src="./image/share_place/intro-rest-sm-2x.png"
alt="intro-rest-sm-2x"
/>
</div>
<div class="place_card_text">
<h5>\ 很 chill 的休憩區 /</h5>
<p>
我們貼心提供<span class="bold_style"
>飲水機、冰箱、微波爐</span
>及不定時茶包、小餅乾零食,讓在工作認真打拼之餘的你中場休息補充能量,然後再輕鬆泡上一杯茶坐在吧台或懶骨頭放空冥想,讓自己
chill 一下轉換心情!
</p>
</div>
</li>
<li class="place_card">
<div class="place_card_text">
<h5>\ 舒適沙發討論區 /</h5>
<p>
如果你有想要與夥伴們討論事情這裡也很適合三、五人一起共同開會討論哦!
</p>
</div>
<div class="place_card_img">
<img
class="img_lg"
src="./image/share_place/intro-discuss-lg-2x.png"
alt="intro-discuss-lg-2x"
/>
<img
class="img_sm"
src="./image/share_place/intro-discuss-sm-2x.png"
alt="intro-discuss-sm-2x"
/>
</div>
</li>
<li class="place_card">
<div class="place_card_img">
<img
class="img_lg"
src="./image/share_place/intro-workspace-lg-2x.png"
alt="intro-workspace-lg-2x"
/>
<img
class="img_sm"
src="./image/share_place/intro-workspace-sm-2x.png"
alt="intro-workspace-sm-2x"
/>
</div>
<div class="place_card_text">
<h5>\ 進駐者區域 /</h5>
<p>
我們的目標是凝聚更多開發者,為他們提供一個充滿活力的交流空間。在這裡,開發者可以互相學習、分享,透過交流讓自己的技能和視野得到更快速的成長。我們相信一個好的環境能夠激發創意,促進專業能力的提升。
</p>
<p>
我們希望將這樣的場域擴展至高雄,誠摯地邀請您加入我們,一起為開發者打造一個交流與學習的樂園,讓大家在這裡彼此成長,共同推動科技產業的進步。
</p>
</div>
</li>
</ul>
</div>
<div class="service">
<h4 class="mark_style">#服務</h4>
<ul class="service_card_container">
<li class="service_card">
<div class="service_card_img">
<img src="./image/share_place/ic/coffee.svg" alt="coffee" />
</div>
<div class="service_card_text">
<h5>茶水、零食</h5>
<p>飲水機、冰箱、微波爐及不定時茶包、小餅乾零食。</p>
</div>
</li>
<li class="service_card">
<div class="service_card_img">
<img src="./image/share_place/ic/wifi.svg" alt="wifi" />
</div>
<div class="service_card_text">
<h5>超快速網路</h5>
<p>使用 Wifi Mesh, 讓你在場域中都有順暢的網路。</p>
</div>
</li>
<li class="service_card">
<div class="service_card_img">
<img src="./image/share_place/ic/office.svg" alt="office" />
</div>
<div class="service_card_text">
<h5>舒服的桌椅</h5>
<p>
白色辦公桌設計簡潔大方,搭配上人體工學椅,讓您的身體在長時間辦公後仍能保持舒適。
</p>
</div>
</li>
<li class="service_card">
<div class="service_card_img">
<img
src="./image/share_place/ic/community.svg"
alt="community"
/>
</div>
<div class="service_card_text">
<h5>與火箭隊培訓營交流</h5>
<p>
進駐者能夠與開發團隊暢通無阻地交流,
共同分享各自的專業知識和經驗。
</p>
</div>
</li>
<li class="service_card">
<div class="service_card_img">
<img src="./image/share_place/ic/traffic.svg" alt="traffic" />
</div>
<div class="service_card_text">
<h5>便捷的交通</h5>
<p>
共享空間位於捷運信義國小站附近, 為您提供極佳的交通便利性。
</p>
</div>
</li>
<li class="service_card">
<div class="service_card_img">
<img src="./image/share_place/ic/food.svg" alt="food" />
</div>
<div class="service_card_text">
<h5>超多美食在附近</h5>
<p>無論你要日式、西式、台式, 各種美食應有盡有。</p>
</div>
</li>
</ul>
</div>
</div>
<div class="carousel swiper">
<ul class="carousel_container swiper-wrapper">
<li class="swiper-slide">
<img
src="./image/share_place/carousel1-lg.png"
alt="carousel1-lg"
class="carousel_img"
/>
</li>
<li class="swiper-slide">
<img
src="./image/share_place/carousel2-lg.png"
alt="carousel2-lg"
class="carousel_img"
/>
</li>
<li class="swiper-slide">
<img
src="./image/share_place/carousel3-lg.png"
alt="carousel3-lg"
class="carousel_img"
/>
</li>
<li class="swiper-slide">
<img
src="./image/share_place/carousel4-lg.png"
alt="carousel4-lg"
class="carousel_img"
/>
</li>
<li class="swiper-slide">
<img
src="./image/share_place/carousel5-lg.png"
alt="carousel5-lg"
class="carousel_img"
/>
</li>
<li class="swiper-slide">
<img
src="./image/share_place/carousel6-lg.png"
alt="carousel6-lg"
class="carousel_img"
/>
</li>
<li class="swiper-slide">
<img
src="./image/share_place/carousel7-lg.png"
alt="carousel7-lg"
class="carousel_img"
/>
</li>
<li class="swiper-slide">
<img
src="./image/share_place/carousel8-lg.png"
alt="carousel8-lg"
class="carousel_img"
/>
</li>
</ul>
</div>
</div>
<div id="menu">
<div class="menu_header_container container_sm">
<div class="notice">
<p class="notice_block">
<span class="bold_style">2023</span>
年為試營運階段,進駐可享有<span class="bold_style"
>限定優惠價</span
>!
</p>
<div class="notice_sharp_outside">
<div class="notice_sharp_inside"></div>
</div>
</div>
<h2>進駐費用</h2>
<p menu_header_description>
進駐區域共分兩區塊:<span class="bold_style">培訓區域</span> 及
<span class="bold_style">進駐區域</span>,目前僅接受租期 1
個月以上,單日暫不開放。
</p>
</div>
<div class="menu_card_container_outside container_sm">
<div class="menu_card_container_inside">
<div class="menu_card">
<h3>進駐者</h3>
<div class="price">$ 3,200 / Month</div>
<ul>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span class="mark_style"> 進駐區域 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 9:00-18:00 可使用 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span class="mark_style"> 固定座位 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span class="mark_style"> 專屬置物櫃 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 免費無線網路 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 免費茶水零食 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 原價|3,500 / Month </span>
</li>
</ul>
</div>
<div class="menu_card">
<h3>單日使用(暫不提供)</h3>
<div class="price">$ 300 / Day</div>
<ul>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 培訓區域 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 9:00-18:00 可使用 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 非固定座位 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 共用置物櫃 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 免費無線網路 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 免費茶水零食 </span>
</li>
<li>
<img src="./image/share_place/ic-check.png" alt="ic-check" />
<span> 原價|300 / Day </span>
</li>
</ul>
</div>
</div>
</div>
<div class="button_go_container container_sm">
<a
class="button_go"
href="https://docs.google.com/forms/d/e/1FAIpQLScEUjtPalxIGn0dVgO_1VLFxuq7is_0VUYROiGzktwze5QARw/viewform"
target="_blank"
rel="noreferrer noopener"
>
<h3 class="button_text">馬上填表單!</h3>
<img
class="button_img"
src="./image/share_place/ic-go-coworking.svg"
alt="ic-go-coworking"
/>
</a>
</div>
</div>
</main>
<footer>
<p>Copyright © 2023</p>
<p>Created by 六角學院 / 火箭隊培訓營</p>
</footer>
</body>
</html>