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
|
<!DOCTYPE html>
<html lang="tc-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>Venuechain</title>
<?php include 'inc/headlinks.php';?>
</head>
<body>
<div class="wrapper">
<!-- header -->
<?php include 'inc/header.php';?>
<!-- end of header -->
<div class="subpagebanner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="subpagebannerImg" style="background-image:url('../img/banner-01.jpg')"> </div>
<div class="item">
<h2>IDEAX 尖沙咀文華商業中心</h2>
<h3>中環 - 平均消費 $ 8500/ 小時</h3>
</div>
</div>
<div class="swiper-slide">
<div class="subpagebannerImg" style="background-image:url('../img/banner-02.jpg')"> </div>
<div class="item">
<h2>IDEAX 尖沙咀文華商業中心</h2>
<h3>中環 - 平均消費 $ 8500/ 小時</h3>
</div>
</div>
<div class="swiper-slide">
<div class="subpagebannerImg" style="background-image:url('../img/banner-03.jpg')"> </div>
<div class="item">
<h2>IDEAX 尖沙咀文華商業中心</h2>
<h3>中環 - 平均消費 $ 8500/ 小時</h3>
</div>
</div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- Swiper JS -->
<script src="../js/swiper.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</div>
<!-- search Bar-->
<div class="searchBar">
<div class="searchCountry">
<div class="search-item selector">
<select class="form-control inputNoBorder searchCity">
<option>選擇成市</option>
<option>香港</option>
<option>中國</option>
<option>澳門</option>
</select>
<i class="icon-down-arrow inpadding"></i>
</div>
</div>
<div class="searchSubBar">
<div class="searchSubBarInput">
<div class="ui fluid multiple search selection tagDropdown dropdown ">
<input name="tags" type="hidden">
<i class="dropdown icon"></i>
<div class="default text">請先輸入城市再輸入地區/商務場地</div>
<div class="menu searchArea">
<div class="item disabled" data-value="請先輸入城市再輸入地區/商務場地" >請先輸入城市再輸入地區/商務場地</div>
</div>
</div>
</div>
<div class="searchSubBarButton">
<button type="submit" class="confirm-btn"><i class="icon-search-1 searchIcon"></i>搜索</button>
</div>
</div>
<div class="searchType">
<button class="searchTypeBtn">商務中心</button>
<button class="searchTypeBtn">寫字樓</button>
</div>
<div class="searchPriceRang">
<div class="price-range-Title">
<p class="textCenter">價格:</p>
</div>
<div class="price-range-block">
<div id="slider-range" class="price-filter-range" name="rangeInput"></div>
<div class="sliderInput">
<input type="number" class="sliderInputStart" min=0 max="99000" oninput="validity.valid||(value='0');" id="min_price" />
<input type="number" class="sliderInputEnd" min=0 max="100000" oninput="validity.valid||(value='10000');" id="max_price" />
</div>
</div>
</div>
</div>
<!-- search Bar End-->
<!-- list -->
<div class="list">
<div class="container">
<h2 class="mb-30">搜索了24個場地</h2>
<div class="box">
<div class="venue">
<div class="venueimg"><img src="../img/venue-01.jpg"></div>
<div class="details">
<h2>上環 西區電訊大廈</h2>
<h3> 香港島 上環</h3>
<p>西區電訊大廈商務中心位於上環最受歡迎的地區，提供經濟實惠的辦公地點，可方便到達中環主要交通樞紐和信德中心渡輪碼頭前往澳門和中國內地港口。大廈位置交通方便，上環電車總站就位於大廈入口前，2 分鐘即可步行至上環地鐵站。 西營盤和堅尼地城等熱門住宅區距離商務中心也只有幾站之遙。此工作空間擁有現代化的設施，結合了共享工作空間、休息區、會議室和享有維港景緻的高品質服務式辦公室。</p>
<div class="features">
<img src="../img/wifi-icon-grey.png">
<img src="../img/tv-icon-grey.png">
<img src="../img/printer-icon-grey.png">
<img src="../img/coffee-icon-grey.png">
</div>
<div class="myfav">
<img src="../img/fav-heart.png">
<img src="../img/fav-heart-like.png" style="display:none;">
</div>
</div>
</div>
<div class="offer-box">
<div class="offer">
<h2>$3,500</h2>
<h4>每日</h4>
<a href="centre.php" target="_blank">查看場地</a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="box">
<div class="venue">
<div class="venueimg"><img src="../img/venue-02.jpg"></div>
<div class="details">
<h2>The Hustle</h2>
<h3>九龍 觀塘</h3>
<p>最近不同界別的人常常強調「慢活」，相比起以前大癲大肺嘅日子，「慢」比「癲」的確更能為生活中的乏味和疲累增添不少色彩。小編作為一個有style的派對動物，氣氛和格調絕對是一個派對的靈魂，兩者缺一不可。</p>
<div class="features">
<img src="../img/wifi-icon-grey.png">
<img src="../img/tv-icon-grey.png">
<img src="../img/printer-icon-grey.png">
<img src="../img/coffee-icon-grey.png">
</div>
<div class="myfav">
<img src="../img/fav-heart.png">
<img src="../img/fav-heart-like.png" style="display:none;">
</div>
</div>
</div>
<div class="offer-box">
<div class="offer">
<h2>$2,700</h2>
<h4>每日</h4>
<a href="centre.php" target="_blank">查看場地</a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="box">
<div class="venue">
<div class="venueimg"><img src="../img/venue-03.jpg"></div>
<div class="details">
<h2>上環 - 南豐大廈</h2>
<h3>香港島 上環</h3>
<p>樓高26層的南豐大廈位於香港中環與上環交界，地處香港主要商業區的關鍵位置。大廈底層設有商場，並且離區內許多商店和餐廳不遠，地理位置優越，南豐大廈是您業務的最佳地方。附近酒店有智選假日酒店、晉逸精品酒店(中環店)和蘭桂芳酒店。</p>
<div class="features">
<img src="../img/wifi-icon-grey.png">
<img src="../img/tv-icon-grey.png">
<img src="../img/printer-icon-grey.png">
<img src="../img/coffee-icon-grey.png">
</div>
<div class="myfav">
<img src="../img/fav-heart.png">
<img src="../img/fav-heart-like.png" style="display:none;">
</div>
</div>
</div>
<div class="offer-box">
<div class="offer">
<h2>$5,500</h2>
<h4>每日</h4>
<a href="centre.php" target="_blank">查看場地</a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="box">
<div class="venue">
<div class="venueimg"><img src="../img/venue-04.jpg"></div>
<div class="details">
<h2>冠君大廈</h2>
<h3>香港島 上環</h3>
<p>冠君大廈位於中環花園道 3 號，是甲級寫字樓綜合大廈，俯瞰著具有標誌性的維多利亞港和山頂，縱然位於香港金融中心，但四周環仍繞著公園和寧靜的綠地。</p>
<div class="features">
<img src="../img/wifi-icon-grey.png">
<img src="../img/tv-icon-grey.png">
<img src="../img/printer-icon-grey.png">
<img src="../img/coffee-icon-grey.png">
</div>
<div class="myfav">
<img src="../img/fav-heart.png">
<img src="../img/fav-heart-like.png" style="display:none;">
</div>
</div>
</div>
<div class="offer-box">
<div class="offer">
<h2>$8,000</h2>
<h4>每日</h4>
<a href="centre.php" target="_blank">查看場地</a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="box">
<div class="venue">
<div class="venueimg"><img src="../img/venue-05.jpg"></div>
<div class="details">
<h2>盈置大廈</h2>
<h3>香港島 中環</h3>
<p>盈置大廈的德事商務中心設計現代簡約，現代化的設計使每一個辦公空間都充滿生氣，準備好為你和你的團隊服務。最新的 IT 基礎設施和一流的支援確保你公司的運作順利。</p>
<div class="features">
<img src="../img/wifi-icon-grey.png">
<img src="../img/tv-icon-grey.png">
<img src="../img/printer-icon-grey.png">
<img src="../img/coffee-icon-grey.png">
</div>
<div class="myfav">
<img src="../img/fav-heart.png">
<img src="../img/fav-heart-like.png" style="display:none;">
</div>
</div>
</div>
<div class="offer-box">
<div class="offer">
<h2>$7,500</h2>
<h4>每日</h4>
<a href="centre.php" target="_blank">查看場地</a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="loading">
<img src="../img/loadmore.svg">
</div>
<div class="clear"></div>
</div>
</div>
<!-- end of list -->
<!-- footer -->
<?php include 'inc/footer.php';?>
<!-- end of footer -->
</div>
<!-- JS -->
<?php include 'inc/link-js.php';?>
<!-- end of JS -->
<script type="text/javascript">
//select search
$( document ).ready(function() {
$(".searchCity").change(function () {
switch($(this).val()) {
case '香港':
$(".searchArea").html(
"<div class=" + "item" + " " + "data-value=" + "上環" + ">上環</div>"+
"<div class=" + "item" + " " + "data-value=" + "中環" + ">中環</div>"+
"<div class=" + "item" + " " + "data-value=" + "西環" + ">西環</div>"
);
break;
case '中國':
$(".searchArea").html(
"<div class=" + "item" + " " + "data-value=" + "上海" + ">上海</div>"+
"<div class=" + "item" + " " + "data-value=" + "北京" + ">北京</div>"+
"<div class=" + "item" + " " + "data-value=" + "廣州" + ">廣州</div>"
);
break;
case '澳門':
$(".searchArea").html(
"<div class=" + "item" + " " + "data-value=" + "氹仔" + ">氹仔</div>"+
"<div class=" + "item" + " " + "data-value=" + "路環" + ">路環</div>"+
"<div class=" + "item" + " " + "data-value=" + "路氹城" + ">路氹城</div>"
);
break;
default:
$(".searchArea").html(
"<div class=" + "item" + " " + "data-value=" + "請先輸入城市再輸入地區/商務場地" + ">請先輸入城市再輸入地區/商務場地</div>"
);
$(".searchArea .item").addClass('disabled');
}
});
});
//scroll fix search Bar
$(function() {
var header = $(".searchBar");
$(window).scroll(function() {
var scroll = $(window).scrollTop();
var windowsize = $(window).width();
if(windowsize > 768 ){
if (scroll < 600) {
header.removeClass('fixSearchBar');
} else {
header.addClass('fixSearchBar');
}
}else{
if (scroll < 400) {
header.removeClass('fixSearchBar');
} else {
header.addClass('fixSearchBar');
}
}
});
});
//search tag
$('.tagDropdown').dropdown({
allowAdditions: true,
maxSelections: 5,
message: {
maxSelections : '最多可選5個'
}
});
$('.nav ul > li:nth-child(1)').addClass('active');
</script>
</body>
</html>
|