-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
513 lines (396 loc) · 17.4 KB
/
Copy pathindex.html
File metadata and controls
513 lines (396 loc) · 17.4 KB
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
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
<!DOCTYPE html>
<html lang="en">
<head>
<title>蒔光</title>
<!-- Robot Meta Tag 的用法主要是在於告訴搜索引擎要或不要索引你的網頁-->
<meta name="robots" content="index">
<!--關鍵字-->
<meta name="keywords" content="蒔光,高鐵核心地段,明星學區,全新落成,高鐵特區,3房,東興國小" />
<meta name="description" content="高鐵特區 | 最美3房
全新落成 | 夢想成家
IF設計師 × WID建築團隊
東興國小走路約5分鐘" />
<!--標註本網頁作者姓名等資料-->
<meta name="author" content="蒔光">
<!--FB看的-->
<!--頁面內容描述-->
<meta name="description" content="高鐵特區 | 最美3房
全新落成 | 夢想成家
IF設計師 × WID建築團隊
東興國小走路約5分鐘">
<meta property="og:description" content="高鐵特區 | 最美3房
全新落成 | 夢想成家
IF設計師 × WID建築團隊
東興國小走路約5分鐘">
<!--FB看的-->
<!--縮圖網址-->
<meta itemprop="image" content="./img/preview.jpg">
<meta property="og:image" content="./img/preview.jpg">
<!-- Schema標記，支援的有Google+, Pinterest 及 LinkedIn -->
<meta itemprop="name" content="高鐵特區 | 最美3房
全新落成 | 夢想成家
IF設計師 × WID建築團隊
東興國小走路約5分鐘">
<meta itemprop="description" content="高鐵特區 | 最美3房
全新落成 | 夢想成家
IF設計師 × WID建築團隊
東興國小走路約5分鐘">
<meta itemprop="image" content="./img/preview.jpg">
<link rel="icon" type="image/png" href="img/favicon.ico" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width， initial-scale=1">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/maimai.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Noto Serif Traditional Chinese -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&display=swap');
</style>
<!-- Noto Sans Traditional Chinese -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC');
</style>
<!-- fontawesome -->
<link href="/fontawesome-free-6.1.2-web/css/all.css" rel="stylesheet" type="text/css">
<script src="https://kit.fontawesome.com/1a5ed1f351.js" crossorigin="anonymous"></script>
<!-- Animate.css -->
<link rel="stylesheet" type="text/css" href="css/animate.css">
<!-- wow利用css将滚动条隐藏-->
<style>
.wow:first-child {
visibility: hidden;
}
</style>
<!-- gotop-->
<meta name="toTop" content="true">
<script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="toTop.js"></script>
<!--swiperjs CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<!-- videoScript partial -->
<script src="https://www.youtube.com/iframe_api"></script>
<script src="js/videoScript.js"></script>
<!-- video 播放三角型按鈕icon -->
<link
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
rel="stylesheet">
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-T7V8VCQV');
</script>
<!-- End Google Tag Manager -->
</head>
<body id="page-top" class="index">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7V8VCQV" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- 修復background-attachment:fixed這個屬性-->
<div class="background"> </div>
<!-- Navigation -->
<!--
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
-->
<!-- Brand and toggle get grouped for better mobile display -->
<!--
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
-->
<!-- Collect the nav links， forms， and other content for toggling -->
<!--
<div class="collapse navbar-collapse navbar-collapse-center" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-center">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#page-top">回首頁</a>
</li>
<li>
<a class="page-scroll" href="#location">環境首選</a>
</li>
<li>
<a class="page-scroll" href="#living-function">生活商圈</a>
</li>
<li>
<a class="page-scroll" href="#facilities">防疫建材</a>
</li>
<li>
<a class="page-scroll" href="#plan">神級坪效</a>
</li>
<li>
<a class="page-scroll" href="#contact1">聯絡我們</a>
</li>
</ul>
</div>
-->
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header class=" pic-relative ">
<div class="image-content-area max-w-full w-full">
<img src="img/logo.png" alt="logo" class="logo animate__fadeInDownBig" style="animation-duration: 1s;">
<img src="img/slogan.png" alt="slogan" class="slogan-pic animate__bounceInUp"
style="animation-duration: 1s;">
</div>
<div class="house-absolute intro-lead-in" style="">
<img src="img/house.png" class="max-w-full w-full animate__bounceInUp" style="animation-duration:0.5s;"
alt="house" />
</div>
</header>
<style>
</style>
<!-- <div class="google_iframe">
<iframe width="100%" height="600" class="mb30"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.1293717960953!2d121.43607480000001!3d25.0636039!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a7dcc2c229c9%3A0x857051a43acc3236!2z5ZCI5ZiJ5qWT55aG5o6l5b6F5pyD6aSo!5e0!3m2!1szh-TW!2stw!4v1741089376670!5m2!1szh-TW!2stw"
frameborder="0" allowfullscreen></iframe>
</div> -->
<!--contact section-->
<section id="contact" class="">
<div class=" contact-box wow animate__animated animate__fadeIn">
<div class="contact-list ">
<div class="contact-slogan">
<div class="box">
<img src="pic/contact/contact-text1.png" alt="" class="img-responsive ">
</div>
</div>
<div class="contact-infor-list wow animate__animated animate__fadeInUp" style="animation-duration: 1s;">
<div class="contact-infor">
<a class="contact-bt " href="https://maps.app.goo.gl/Rqh6gcAjc4sGJVq69" target="_blank">
<span class="button-text">接待中心｜竹北市隘口六街156號</span></a>
</div>
<div class="contact-infor">
<a class="contact-bt " href="tel:036587442">
<span class="button-text">迎賓專線｜03-658-7442</span></a>
</div>
<div class="contact-infor">
<a class="contact-bt "
href="https://www.facebook.com/profile.php?id=61574545125975&mibextid=wwXIfr&rdid=5o5bpmXpN9myuWNx&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F167qwUQMGW%2F%3Fmibextid%3DwwXIfr#"
target="_blank">
<span class="button-text">粉絲專頁</span></a>
</div>
<div class="contact-infor">
<a class="contact-bt "
href="https://docs.google.com/forms/d/e/1FAIpQLSfu74exndEZbeWHYZKJzQu2xdTivWxbC0cMEjC6SsYmrWlxjQ/viewform"
target="_blank">
<span class="button-text">預約賞屋</span></a>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container-fluid ">
<div class="container ">
<div class="row">
<div class="col-md-12">
<span class="copyright ">Copyright©2025 東興國際建設 版權所有</span>
</div>
</div>
</div>
</div>
</footer>
<!-- 手機版出現固定訊息-->
<!-- <nav class="navbar-inverse navbar-fixed-bottom visible-xs">
<div style="font-size: 13px; color: #fff; border-top: 1px solid #999; height: 70px;">
<a href="tel:0282536888" style="color: #fff">
<div class="col-xs-3 text-center" style="border-right: 1px solid #999"> <span
class="glyphicon glyphicon-earphone"
style="margin-right: 0px; display: block; margin-top: 10px; margin-bottom:8px;"></span>
<div style="height: 0px"></div>
立即來電
</div>
</a>
<a class="page-scroll" href="#contact" onclick="return false;" style="color: #fff">
<div class="col-xs-3 text-center" style="border-right: 1px solid #999"> <span
class="glyphicon glyphicon-pencil"
style="margin-right: 0px; display: block; margin-top: 10px; margin-bottom:8px;"></span>
<div style="height: 0px"></div>
預約賞屋
</div>
</a>
<a href="https://maps.app.goo.gl/6hczVw6TscyyMstN9" style="color: #fff" target="_blank">
<div class="col-xs-3 text-center" style="border-right: 1px solid #999"> <span
class="glyphicon glyphicon-map-marker"
style="margin-right: 0px; display: block; margin-top: 10px; margin-bottom:8px;"></span>
<div style="height: 0px"></div>
地圖導航
</div>
</a>
<a href="https://www.facebook.com/" style="color: #fff" target="_blank">
<div class="col-xs-3 text-center" style="border-right: 1px solid #999"> <span class="fa fa fa-facebook"
style="margin-right: 0px; display: block; margin-top: 10px; margin-bottom:8px;"></span>
<div style="height: 0px"></div>
臉書粉絲
</div>
</a>
</div>
</nav> -->
<!-- Checkme Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div style="font-size: 13px; color: #000; text-align: center">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">個人資料保護政策暨隱私權聲明</h4>
</div>
</div>
<div class="modal-body text-muted">
<p>
依據個人資料保護法，向您告知以下隱私權政策規範，若您勾選「我同意隱私權政策」，將表示您已同意本公司之隱私權政策，並同意本公司依以下告知事項，就您的個人資料進行蒐集、處理及利用。您可以自由選擇是否提供相關個人資料，若您拒絕，本公司將可能無法執行本告知事項蒐集目的之業務，致無法向您提供相關服務：
</p>
<h4>一、蒐集目的和使用方式：</h4>
<p>
本公司依據個人資料保護法及相關法令之規定，為了提供您登錄網站、索取資料、訂閱資訊、反應意見、進行各種諮詢等服務；或為了與您聯繫、行銷（包括但不限於廣告及各項商品、活動、促銷、優惠訊息之通知等）、執行消費者及客戶管理分析、執行各種公司營業登記項目或組織章程所定業務範圍內之必要行為，對您的個人資料進行蒐集、處理、利用及國際傳輸。
</p>
<h4>二、蒐集之個人資料類別：</h4>
<p>
本公司向您蒐集的個人資料，依據「個人資料保護法之特定目的及個人資料之類別」，包含但不限於識別類、特徵類、社會情況、財務細節、商業資訊或其他等類別，例如姓名、行動電話、住家、辦公室電話號碼、E-mail、地址、身分證統一編號、性別、出生年月日或其他得以直接或間接識別您個人之資料。
</p>
<h4>三、個人資料利用之對象、地區、期間和方式：</h4>
<p>
(一)
對象：您所提供給本公司之個人資料，可能在蒐集目的之範圍內被分享給本公司之關係企業、其他與本公司有業務往來之機構、依法有調查權之機關或其他政府機構、或其他未受中央目的事業主管機關限制之國際傳輸個人資料接收者。
(二) 地區：前開對象所在地及國際傳輸所涉地點，包含但不限於中華民國。
(三) 期間：包括個人資料蒐集目的之存續期間、依相關法令或契約約定之保存期限、或本公司因執行業務所必須之保存期間。
(四)
方式：以自動化機器或其他非自動化之利用方式，包括但不限於以書面、電話、簡訊、傳真、電子郵件、網際網路、紙本或其他基於蒐集目的且合於當時科學技術之適當方式，對您提供的個人資料進行蒐集、處理及利用。
</p>
<h4>四、依據個人資料保護法第3條，您得就個人資料行使以下權利：</h4>
<p>
本公司對您的個人資料，將採行妥適安全之措施加以保護，並避免被不當使用。您可隨時透過本公司官方網站揭露之通訊方式，就您提供的個人資料行使下列權利：(1)請求查詢或閱覽；(2)製給複製本；(3)請求補充或更正；(4)請求停止蒐集、處理及利用；及(5)請求刪除。
</p>
<h4>五、本告知事項暨同意書之修訂：</h4>
<p>
本公司有權隨時修訂本隱私權政策之告知事項暨同意書，並於修訂後公佈在本公司官方網站，敬請隨時查閱。若您有任何問題，敬請透過本公司官方網站揭露之通訊方式進行聯繫，我們將儘快為您服務。
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- 手機版點擊消失手指-->
<script src="js/clickDisappear.js"></script>
<!-- TW City Selector -->
<script src="js/jquery.twzipcode.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-twzipcode@1.7.14/jquery.twzipcode.min.js"></script>
<script>
$("#zipcode3").twzipcode({
// "zipcodeIntoDistrict": true,
css: [
"city form-control d-block",
"town form-control d-block",
"zipcode d-none",
],
countyName: "city", // 指定城市 select name
districtName: "town", // 指定地區 select name
});
</script>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<!-- <script src="js/contact_me.js"></script>-->
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel.pack.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css"
media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5">
</script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6">
</script>
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css"
media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7">
</script>
<!-- 下拉提示箭頭 scroll down -->
<script src="js/arrow.js"></script>
<!--wow css页面滚动触发动画-->
<script src="wow/wow.js"></script>
<script>
wow = new WOW({
animateClass: 'animated', //animation.css動畫的class
offset: 100, //距離可視區域多少開始執行動畫
mobile: true, //在移動設備上打開/關閉WOW.js
live: true, //自動檢查頁面上的新WOW元素
callback: function (box) {
console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
}
});
wow.init();
document.getElementById('moar').onclick = function () {
var section = document.createElement('section');
section.className = 'section--purple wow fadeInDown';
this.parentNode.insertBefore(section, this);
};
</script>
<script type="text/javascript">
$(document).ready(function () {
$(".fancybox").fancybox({
closeBtn: false,
helpers: {
title: {
type: 'inside'
},
buttons: {}
}
});
});
</script>
<!--swiperjs JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
loop: true, // 循環模式選項
autoplay: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>
</body>
</html>