PageSourceSearch

https://jjsh.com.tw/

html jjsh.com.tw collected 2026-10-07 08:13:27 UTC 53,558 bytes, 876 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-TW">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
7    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
8    <title>嘉璟上河</title>
9    <!-- <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"> -->
10    <meta itemprop="name" content="嘉璟上河">
11    <!-- <meta itemprop="image" content="images/og-image.jpg"> -->
12    <meta property="og:title" content="嘉璟上河">
13    <!-- <meta property="og:image" content="images/og-image.jpg"> -->
14    <!-- Facebook Open Graph Meta
15    ================================================== -->
16    <meta property="og:title" content="嘉璟上河" />
17    <meta property="og:site_name" content="嘉璟上河" />
18    <!-- <meta property="og:image" content="images/og-image.jpg" /> -->
19    <!-- google 字體崁入
20    ================================================== -->
vendor: 73 bytes, lines 20-22
20
21    <script src='https://www.google.com/recaptcha/api.js'></script>
22    
22<link rel="preconnect" href="https://fonts.googleapis.com">
23    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
24    <link
25        href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&family=Noto+Serif+TC:wght@500&display=swap"
26        rel="stylesheet">
27    <!-- jquery -->
28    
28<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
28
29    <!-- bootstrap -->
30    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/css/bootstrap.min.css" />
31    
31<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/js/bootstrap.min.js"></script>
31
32    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
33    <!-- 常用的輪播slick -->
34    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
35    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">
36    
36<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
36
37    <!-- 常用的點圖放大 fancybox -->
38    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
39    
39<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
39
40    <!-- 進場動態 aos -->
41    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
42    
42<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
42
43    <!-- CSS -->
44    <link rel="stylesheet" href="css/loader.css">
45    <link rel="stylesheet" href="css/main.css">
46    <link rel="stylesheet" href="css/footer.css">
47    <link rel="stylesheet" href="css/nav.css">
48    <link rel="stylesheet" href="css/skymap.css">
49    <link rel="stylesheet" href="css/style.css">
50    <!-- Google Tag Manager -->
51<script>
vendor: 343 bytes, lines 51-55
51(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
52    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
53    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
54    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
55    })(window,document,'script','dataLayer','
55GTM-WMS5L896
vendor: 3 bytes, line 55
55');
55</script>
55
56    <!-- End Google Tag Manager -->
57</head>
58
59<body>
60    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 60-61
60
61<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
61GTM-WMS5L896
vendor: 91 bytes, lines 61-63
61"
62    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
63    
63<!-- End Google Tag Manager (noscript) --> 
64    
65    <section class="bannerArea">
66        <div class="slogan">
67            <h1>嘉璟上河</h1>
68        </div>
69        <div class="stage">
70            <div class="layer" style="background-image: url(./images/banner/banner-layer.jpg);" data-aos="zoom-in" data-aos-duration="1500"></div>
71            <div class="layer light" style="background-image: url(./images/banner/banner-bg.png);" data-aos="zoom-in" data-aos-duration="1500"></div>
72            <div class="container">
73                <div class="row justify-content-center align-items-center bannerBox">
74                    <div class="col">
75                        <h3 class="text-end col-11 col-lg-10">水岸盛世系列6</h3>
76                        <img src="./images/img/logo-w.svg" class="col-10 col-lg-8 mx-auto mb-3 d-block" alt="logo" data-aos="fade-down" data-aos-duration="1500">
77                        <img src="./images/banner/banner-img-1-0714.png" class="col-10 col-lg-8 mx-auto d-block" data-aos="fade-up" data-aos-duration="1500">
78                    </div>
79                </div>
80            </div>
81        </div>
82    </section>
83    <section class="page01">
84        <div class="stage">
85            <p class="infoText">空拍實景電腦修飾圖</p>
86        </div>
87        <div class="TxtBox">
88            <div class="container">
89                <div class="Txt text-center text-lg-start">
90                    <h2 data-aos="fade-up" data-aos-duration="1500">水岸嘉璟 繁榮盛景</h2>
91                    <h4 data-aos="fade-up" data-aos-duration="1500">穩坐水岸首席 笑擁綠線未來</h4>
92                    <h6 data-aos="fade-up" data-aos-duration="1500">FIRST ROW ON THE RIVER BANK</h6>
93                </div>
94            </div>
95        </div>
96        <img src="./images/img/page01-img.png" width="100%" class="d-lg-block d-none">
97        <p class="infoText">空拍實景電腦修飾圖</p>
98        <div id="section-location" class="section-location animate-on-scroll d-lg-none">
99            <div class="section-landmarks section-landmarks-page">
100                <div class="gestures">
101                    <img src="./images/icon-move.svg">
102                </div>
103                <div class="wrapper">
104                    <div class="landscape" style="background-image: url(./images/img/page01-img.png);">
105                        <ul class="tags">
106                            <li class="highlight"></li>
107                        </ul>
108                    </div>
109                    <!-- .landscape -->
110                </div>
111                <!-- .wrapper -->
112            </div>
113            <!-- .section-landmarks -->
114        </div>
115    </section>
116    <section class="page02 page">
117        <div class="stage">
118            <div class="layer d-none d-lg-block" style="background-image: url(./images/img/page-layer.png);"></div>
119            <div class="layer d-lg-none" style="background-image: url(./images/img/page-layer-m.png);"></div>
120        </div>
121        <div class="container">
122            <div class="row align-items-center titleBox">
123                <div class="col-lg-6 TxtBox px-3 px-lg-3">
124                    <div class="row  justify-content-center  d-lg-block">
125                        <div class="col-6 col-lg-12">
126                            <div class="Txt title mb-lg-5 me-3 me-lg-0">
127                                <h5 class="font-MT" data-aos="fade-up" data-aos-duration="1500">INHERITED</h5>
128                                <h2 data-aos="fade-up" data-aos-duration="1500">水岸建築詩歌<br>傳承榮耀篇章</h2>
129                                <h5 data-aos="fade-up" data-aos-duration="1500">綿延永續 盛世景觀鉅作</h5>
130                            </div>
131                        </div>
132                        <div class="col-4 col-lg-12">
133                            <div class="subTxt" data-aos="fade-up" data-aos-duration="1500">
134                                <h6>經典代表作</h6>
135                                <span class="mb-1 mb-lg-0">|自遊人 時上區&nbsp;&nbsp;&nbsp;&nbsp;</span>
136                                <span class="mb-1 mb-lg-0">|大河戀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
137                                <span class="mb-1 mb-lg-0">|沐樂</span>
138                                <br class="d-none d-lg-block">
139                                <span class="mb-1 mb-lg-0">|自遊人 日上區&nbsp;&nbsp;&nbsp;&nbsp;</span>
140                                <span class="mb-1 mb-lg-0">|天濶</span>
141                            </div>
142                        </div>
143                        <div class="col-1 d-lg-none"></div>
144                    </div>
145                </div>
146                <div class="col-lg-6 px-0 px-lg-3">
147                    <div class="imgSlick">
148                        <a href="./images/img/page02-img-1.jpg" data-fancybox="page02-group" data-caption="自遊人 時上區">
149                            <div class="Img">
150                                <div class="innerImg">
151                                    <div class="image" style="background-image: url(./images/img/page02-img-1.jpg);"></div>
152                                    <div class="infoImg">自遊人 時上區</div>
153                                </div>
154                            </div>
155                        </a>
156                        <a href="./images/img/page02-img-2.jpg" data-fancybox="page02-group" data-caption="天闊">
157                            <div class="Img">
158                                <div class="innerImg">
159                                    <div class="image" style="background-image: url(./images/img/page02-img-2.jpg);"></div>
160                                    <div class="infoImg">天闊</div>
161                                </div>
162                            </div>
163                        </a>
164                        <a href="./images/img/page02-img-3.jpg" data-fancybox="page02-group" data-caption="自遊人 日上區">
165                            <div class="Img">
166                                <div class="innerImg">
167                                    <div class="image" style="background-image: url(./images/img/page02-img-3.jpg);"></div>
168                                    <div class="infoImg">自遊人 日上區</div>
169                                </div>
170                            </div>
171                        </a>
172                        <a href="./images/img/page02-img-4.jpg" data-fancybox="page02-group" data-caption="大河戀">
173                            <div class="Img">
174                                <div class="innerImg">
175                                    <div class="image" style="background-image: url(./images/img/page02-img-4.jpg);"></div>
176                                    <div class="infoImg">大河戀</div>
177                                </div>
178                            </div>
179                        </a>
180                        <a href="./images/img/page02-img-5.jpg" data-fancybox="page02-group" data-caption="沐樂">
181                            <div class="Img">
182                                <div class="innerImg">
183                                    <div class="image" style="background-image: url(./images/img/page02-img-5.jpg);"></div>
184                                    <div class="infoImg">沐樂</div>
185                                </div>
186                            </div>
187                        </a>
188                    </div>
189                </div>
190            </div>
191        </div>
192    </section>
193    <section class="page03 page">
194        <div class="container">
195            <div class="row titleBox">
196                <div class="col-lg-6 TxtBox">
197                    <div class="d-flex d-lg-block">
198                        <div class="col-6 col-lg-12 px-3 px-lg-3">
199                            <div class="Txt title mb-lg-5">
200                                <h5 class="font-MT" data-aos="fade-up" data-aos-duration="1500">JIAJING</h5>
201                                <h2 data-aos="fade-up" data-aos-duration="1500">信念締造嘉璟<br>源美榮耀傳承</h2>
202                                <h5 data-aos="fade-up" data-aos-duration="1500">源美建設<br class="d-lg-none">珍藏家的美好風景</h5>
203                            </div>
204                        </div>
205                        <div class="col-6 col-lg-12 pe-3 pe-lg-0"> 
206                            <div class="subTxt">
207                                <p><span>深植土地,梳理城市風貌與人文情感,講究完美、講求細節品質,</span>
208                                    <span>將這份對生活美學的追求與質感堅持,注入建築,</span>
209                                    <span>歷年來成就無數個幸福成家故事,</span>
210                                    <span>讓家,成為一輩子的幸福倚靠。</span>
211                                </p>
212                            </div>
213                        </div>
214                    </div>
215                </div>
216                <div class="col px-0 d-lg-none mt-5 mt-lg-0">
217                    <div class="subTxt-2 d-flex align-items-center mb-4">
218                        <div class="stage">
219                            <div class="layer" style="background-image: url(./images/img/page03-layer-m-1.png);"></div>
220                        </div>
221                        <h5>26å¹´&nbsp;&nbsp;</h5>
222                        <h6>9500個日子</h6>
223                        <h5>經驗累積</h5>
224                     </div>
225                    <div class="subTxt-2 d-flex justify-content-end  align-items-center mb-4">
226                        <div class="stage">
227                            <div class="layer" style="background-image: url(./images/img/page03-layer-m-2.png);"></div>
228                        </div>
229                        <h5>40案&nbsp;&nbsp;41613坪&nbsp;&nbsp;&nbsp;&nbsp;</h5>
230                        <h6>土地總開發面積</h6>
231                    </div>
232                    <div class="subTxt-2 d-flex align-items-center mb-4">
233                        <div class="stage">
234                            <div class="layer" style="background-image: url(./images/img/page03-layer-m-3.png);"></div>
235                        </div>
236                        <h5>7003戶&nbsp;&nbsp;</h5>
237                        <h6>客戶一致</h6>
238                        <h5>&nbsp;滿意&nbsp;</h5>
239                        <h6>的</h6>
240                        <h5>&nbsp;幸福成果</h5>
241                    </div>
242                </div>
243                <div class="col-lg-6">
244                    <div class="Img">
245                        <div class="innerImg">
246                            <div class="image" style="background-image: url(./images/img/page03-img.png);"></div>
247                        </div>
248                    </div>
249                </div>
250            </div>
251            <div class="decoBorder d-none d-lg-block mb-5" data-aos="fade-up" data-aos-duration="1500"></div>
252            <div class="d-none d-lg-flex justify-content-between" data-aos="fade-down" data-aos-duration="1500">
253                <div class="subTxt-1">
254                    <h4 class="mb-4">26å¹´</h4>
255                    <h5>9500個日子<span>經驗累積</span></h5>
256                </div>
257                <div class="subTxt-1">
258                    <h4 class="mb-4">40案</h4>
259                    <h5><span>41613坪</span>土地總開發面積</h5>
260                </div>
261                <div class="subTxt-1">
262                    <h4 class="mb-4">7003戶</h4>
263                    <h5>客戶一致 <span>滿意</span> 的 <span>幸福成果</span></h5>
264                </div>
265            </div>
266        </div>
267    </section>
268    <section class="page04 page">
269        <div class="stage">
270            <div class="layer layer-1" style="background-color:#F4F4F4;"></div>
271            <div class="layer layer-1 d-none d-lg-block" style="background-image: url(./images/img/page-layer-1.png);"></div>
272            <div class="layer layer-1 d-lg-none" style="background-image: url(./images/img/page-layer-m-2.png);"></div>
273        </div>
274        <div class="container">
275            <div class="row flex-row-reverse justify-content-between  align-items-center titleBox px-2">
276                <div class="col-lg-6 TxtBox px-4 px-lg-3">
277                    <div class="d-flex d-lg-block">
278                        <div class="col-6 col-lg-12">
279                            <div class="Txt title mb-lg-5">
280                                <h5 class="font-MT" data-aos="fade-up" data-aos-duration="1500">CORE</h5>
281                                <h2 data-aos="fade-up" data-aos-duration="1500">桃園經國<br>三金完美核心</h2>
282                                <h5 data-aos="fade-up" data-aos-duration="1500">黃金交通X<br class="d-lg-none">
283                                    藍金水岸X綠金生活</h5>
284                            </div>
285                        </div>
286                        <div class="col-6 col-lg-12">
287                            <div class="subTxt">
288                                <p>
289                                    <span>經國特區坐擁黃金交通網和水岸藍金風景,近鄰桃園藝文中心、</span>
290                                    <span>國道一號南崁交流道,收攬22公里水岸自行車道、萬坪水岸公園,</span>
291                                    <span>自在享受低密度、高綠覆無價綠金。</span>
292                                </p>
293                            </div>
294                        </div>
295                    </div>
296                </div>
297                <div class="col-lg-6 mt-5 mt-lg-0">
298                    <div class="imgSlick">
299                        <a href="./images/img/page04-img-1.jpg" data-fancybox="page04-group" data-caption="藝文特區">
300                            <div class="Img">
301                                <div class="innerImg">
302                                    <div class="image" style="background-image: url(./images/img/page04-img-1.jpg);"></div>
303                                    <div class="infoImg">藝文特區</div>
304                                </div>
305                            </div>
306                        </a>
307                        <a href="./images/img/page04-img-2.jpg" data-fancybox="page04-group" data-caption="河濱公園">
308                            <div class="Img">
309                                <div class="innerImg">
310                                    <div class="image" style="background-image: url(./images/img/page04-img-2.jpg);"></div>
311                                    <div class="infoImg">河濱公園</div>
312                                </div>
313                            </div>
314                        </a>
315                        <a href="./images/img/page04-img-3.jpg" data-fancybox="page04-group" data-caption="南崁交流道">
316                            <div class="Img">
317                                <div class="innerImg">
318                                    <div class="image" style="background-image: url(./images/img/page04-img-3.jpg);"></div>
319                                    <div class="infoImg">南崁交流道</div>
320                                </div>
321                            </div>
322                        </a>
323                        <a href="./images/img/page04-img-4.jpg" data-fancybox="page04-group" data-caption="河濱公園">
324                            <div class="Img">
325                                <div class="innerImg">
326                                    <div class="image" style="background-image: url(./images/img/page04-img-4.jpg);"></div>
327                                    <div class="infoImg">河濱公園</div>
328                                </div>
329                            </div>
330                        </a>
331                        <a href="./images/img/page04-img-5.jpg" data-fancybox="page04-group" data-caption="南崁溪水岸公園">
332                            <div class="Img">
333                                <div class="innerImg">
334                                    <div class="image" style="background-image: url(./images/img/page04-img-5.jpg);"></div>
335                                    <div class="infoImg">南崁溪水岸公園</div>
336                                </div>
337                            </div>
338                        </a>
339                        <a href="./images/img/page04-img-6.jpg" data-fancybox="page04-group" data-caption="藝文特區">
340                            <div class="Img">
341                                <div class="innerImg">
342                                    <div class="image" style="background-image: url(./images/img/page04-img-6.jpg);"></div>
343                                    <div class="infoImg">藝文特區</div>
344                                </div>
345                            </div>
346                        </a>
347                        <a href="./images/img/page04-img-7.jpg" data-fancybox="page04-group" data-caption="藝文特區">
348                            <div class="Img">
349                                <div class="innerImg">
350                                    <div class="image" style="background-image: url(./images/img/page04-img-7.jpg);"></div>
351                                    <div class="infoImg">
351藝文特區</div>
352                                </div>
353                            </div>
354                        </a>
355                    </div>
356                </div>
357            </div>
358        </div>
359    </section>
360    <section class="page05 page">
361        <div class="stage">
362            <div class="layer layer-1 d-none d-lg-block" style="background-image: url(./images/img/page05-layer.jpg);"></div>
363        </div>
364        <div class="container">
365            <div class="row align-items-center px-2">
366                <div class="col-lg-6 TxtBox px-4 px-lg-3">
367                    <div class="d-flex d-lg-block">
368                        <div class="col-6 col-lg-12">
369                            <div class="Txt title mb-lg-5">
370                                <h5 class="font-MT" data-aos="fade-up" data-aos-duration="1500">MRT</h5>
371                                <h2 data-aos="fade-up" data-aos-duration="1500">捷運綠線<br>串連大桃園版圖</h2>
372                                <h5 data-aos="fade-up" data-aos-duration="1500">執掌未來交通軸線</h5>
373                            </div>
374                        </div>
375                        <div class="col-6 col-lg-12">
376                            <div class="subTxt">
377                                <p>
378                                    <span>助攻經國特區繁華,政府為經國特區量身訂製「幸福路延伸計畫」,</span>
379                                    <span>快速連結銜接經國特區與捷運綠線G12站,搶搭捷運軌道經濟效應,</span>
380                                    <span>現在就是關鍵時刻。</span>
381                                </p>
382                            </div>
383                        </div>
384                    </div>
385                </div>
386                <div class="col d-lg-none mt-5">
387                    <div class="Img">
388                        <div class="innerImg">
389                            <div class="image" style="background-image: url(./images/img/page05-img.jpg);"></div>
390                        </div>
391                    </div>
392                </div>
393            </div>
394        </div>
395    </section>
396    <section class="page06 page">
397        <div class="stage">
398            <div class="layer layer-1 d-none d-lg-block" style="background-image: url(./images/img/page-layer-2.png);"></div>
399            <div class="layer layer-1 d-lg-none" style="background-image: url(./images/img/page-layer-m-2.png);"></div>
400        </div>
401        <div class="container">
402            <div class="row justify-content-center align-items-center titleBox px-2">
403                <div class="col-12 TxtBox px-4 px-lg-3">
404                    <div class="d-flex align-items-center">
405                        <div class="col-2 d-none d-lg-block"></div>
406                        <div class="col-6 col-lg-5">
407                            <div class="Txt title mb-lg-5">
408                                <h5 class="font-MT" data-aos="fade-up" data-aos-duration="1500">TRANSPORTATION</h5>
409                                <h2 data-aos="fade-up" data-aos-duration="1500">燙金地標<br>掌權交通軸線</h2>
410                                <h5 data-aos="fade-up" data-aos-duration="1500">執掌未來交通軸線</h5>
411                            </div>
412                        </div>
413                        <div class="col-6 col-lg-7">
414                            <div class="subTxt">
415                                <p>
416                                    <span>「嘉璟上河」緊鄰經國轉運站,4家國道業者、每日330車次,</span>
417                                    <span>全面整合市區及跨區交通脈絡,3分鐘南崁交流道,</span>
418                                    <span>近擁享國道1號路網,高速接軌全台。</span>
419                                </p>
420                            </div>
421                        </div>
422                    </div>
423                </div>
424            </div>
425        </div>
426        <div class="decoBorder d-none d-lg-block" data-aos="fade-up" data-aos-duration="1500"></div>
427        <div class="container imgBox">
428            <div class="row">
429                <div class="col-2 d-none d-lg-block"></div>
430                <div class="col-6 col-lg-5 ps-0 ps-lg-3 pe-2 pe-lg-3">
431                    <a href="./images/img/page06-img-1.jpg" data-fancybox="page06-group" data-caption="經國轉運站">
432                        <div class="Img">
433                            <div class="innerImg">
434                                <div class="image" style="background-image: url(./images/img/page06-img-1.jpg);"></div>
435                                <div class="infoImg">經國轉運站</div>
436                            </div>
437                        </div>
438                    </a>
439                </div>
440                <div class="col-6 col-lg-5 pe-0 pe-lg-3 ps-2 ps-lg-3">
441                    <a href="./images/img/page06-img-2.jpg" data-fancybox="page06-group" data-caption="經國轉運站">
442                        <div class="Img">
443                            <div class="innerImg">
444                                <div class="image" style="background-image: url(./images/img/page06-img-2.jpg);"></div>
445                                <div class="infoImg">經國轉運站</div>
446                            </div>
447                        </div>
448                    </a>
449                </div>
450            </div>
451        </div>
452    </section>
453    <section class="page07 page">
454        <div class="stage">
455            <div class="layer layer-1" style="background-color:#F4F4F4;"></div>
456            <div class="layer layer-1 d-none d-lg-block" style="background-image: url(./images/img/page-layer.png);"></div>
457            <div class="layer layer-1 d-lg-none" style="background-image: url(./images/img/page-layer-m-2.png);"></div>
458        </div>
459        <div class="container">
460            <div class="row  align-items-center titleBox px-2">
461                <div class="col-12 TxtBox px-4 px-lg-3">
462                    <div class="d-flex align-items-center">
463                        <div class="col-6 col-lg-5">
464                            <div class="Txt title mb-lg-5">
465                                <h5 class="font-MT" data-aos="fade-up" data-aos-duration="1500">PERFECT LIFE</h5>
466                                <h2 data-aos="fade-up" data-aos-duration="1500">四大商圈<br>定位完美生活</h2>
467                                <h5 data-aos="fade-up" data-aos-duration="1500">10分鐘全方位便利生活圈</h5>
468                            </div>
469                        </div>
470                        <div class="col-6 col-lg-7">
471                            <div class="subTxt">
472                                <p>
473                                    <span>繁華市心近享富裕商圈,4分鐘經國路商圈、6分鐘藝文特區和特力屋商圈、</span>
474                                    <span>8分鐘台茂商圈,咫尺距離滿足全家所需,完美示範滿分宜居生活。</span>
475                                </p>
476                            </div>
477                        </div>
478                        <div class="col-2 d-none d-lg-block"></div>
479                    </div>
480                </div>
481            </div>
482        </div>
483        <div class="decoBorder d-none d-lg-block" data-aos="fade-up" data-aos-duration="1500"></div>
484        <div class="container">
485            <div class="row">
486                <div class="page07Slick">
487                    <div class="item">
488                        <a href="./images/img/page07-img-1.jpg" data-fancybox="page07-group" data-caption="特力屋">
489                            <div class="Img">
490                                <div class="innerImg">
491                                    <div class="image" style="background-image: url(./images/img/page07-img-1.jpg);"></div>
492                                    <div class="infoImg">特力屋</div>
493                                </div>
494                            </div>
495                        </a>
496                    </div>
497                    <div class="item">
498                        <a href="./images/img/page07-img-2.jpg" data-fancybox="page07-group" data-caption="家樂福經國店">
499                            <div class="Img">
500                                <div class="innerImg">
501                                    <div class="image" style="background-image: url(./images/img/page07-img-2.jpg);"></div>
502                                    <div class="infoImg">家樂福經國店</div>
503                                </div>
504                            </div>
505                        </a>
506                    </div>
507                    <div class="item">
508                        <a href="./images/img/page07-img-3.jpg" data-fancybox="page07-group" data-caption="藝文特區">
509                            <div class="Img">
510                                <div class="innerImg">
511                                    <div class="image" style="background-image: url(./images/img/page07-img-3.jpg);"></div>
512                                    <div class="infoImg">藝文特區</div>
513                                </div>
514                            </div>
515                        </a>
516                    </div>
517                    <div class="item">
518                        <a href="./images/img/page07-img-4.jpg" data-fancybox="page07-group" data-caption="台茂購物中心">
519                            <div class="Img">
520                                <div class="innerImg">
521                                    <div class="image" style="background-image: url(./images/img/page07-img-4.jpg);"></div>
522                                    <div class="infoImg">台茂購物中心</div>
523                                </div>
524                            </div>
525                        </a>
526                    </div>
527                </div>
528            </div>
529        </div>
530    </section>
531    <section class="page08">
532        <div class="container-fluid">
533            <div class="d-none d-lg-block">
534                <div class="row tableBox-1">
535                    <div class="col-3 px-0">
536                        <div class="col tableItem tableItem-1 h-100">
537                            <div class="Txt title mb-lg-5">
538                                <h5 class="font-MT" data-aos="fade-up" data-aos-duration="1500">PERFECT POSITIONING</h5>
539                                <h2 data-aos="fade-up" data-aos-duration="1500">十全十美<br>定位完美</h2>
540                            </div>
541                        </div>
542                    </div>
543                    <div class="col-9">
544                        <div class="row">
545                            <div class="col-lg-4 tableItem">
546                                <div class="d-flex align-items-center justify-content-center subTxt">
547                                    <strong class="font-MT me-2 mb-2">2</strong>
548                                    <h2>水岸首席<br>奢織靜境</h2>
549                                </div>
550                            </div>
551                            <div class="col-lg-4 tableItem">
552                                <div class="d-flex align-items-center justify-content-center subTxt">
553                                    <strong class="font-MT me-2 mb-2">5</strong>
554                                    <h2>轉運核心<br>燙金地標</h2>
555                                </div>
556                            </div>
557                            <div class="col-lg-4 tableItem">
558                                <div class="d-flex align-items-center justify-content-center subTxt">
559                                    <strong class="font-MT me-2 mb-2">8</strong>
560                                    <h2>馳名品牌<br>再造經典</h2>
561                                </div>
562                            </div>
563                        </div>
564                        <div class="row">
565                            <div class="col-lg-4 tableItem">
566                                <div class="d-flex align-items-center justify-content-center  subTxt">
567                                    <strong class="font-MT me-2 mb-2">3</strong>
568                                    <h2>萬坪綠軸<br>沁入日常</h2>
569                                </div>
570                            </div>
571                            <div class="col-lg-4 tableItem">
572                                <div class="d-flex align-items-center justify-content-center subTxt">
573                                    <strong class="font-MT me-2 mb-2">6</strong>
574                                    <h2>捷運綠線<br>快意暢行</h2>
575                                </div>
576                            </div>
577                            <div class="col-lg-4 tableItem">
578                                <div class="d-flex align-items-center justify-content-center subTxt">
579                                    <strong class="font-MT me-2 mb-2">9</strong>
580                                    <h2>寬裕坪數<br>盛裝未來</h2>
581                                </div>
582                            </div>
583                        </div>
584                    </div>
585                </div>
586                <div class="row tableBox-2">
587                    <div class="col-lg-3 tableItem-2">
588                        <div class="d-flex align-items-center justify-content-center subTxt">
589                            <strong class="font-MT me-2 mb-2">1</strong>
590                            <h2>四大商圈<br>豐藏生活</h2>
591                        </div>
592                    </div>
593                    <div class="col-lg-3 tableItem-2">
594                        <div class="d-flex align-items-center justify-content-center subTxt">
595                            <strong class="font-MT me-2 mb-2">4</strong>
596                            <h2>一高軸線<br>縱橫南北</h2>
597                        </div>
598                    </div>
599                    <div class="col-lg-3 tableItem-2">
600                        <div class="d-flex align-items-center justify-content-center subTxt">
601                            <strong class="font-MT me-2 mb-2">7</strong>
602                            <h2>明星學區<br>菁英沃土</h2>
603                        </div>
604                    </div>
605                    <div class="col-lg-3 tableItem-2">
606                        <div class="d-flex align-items-center justify-content-center subTxt">
607                            <strong class="font-MT me-2 mb-2">10</strong>
608                            <h2>嚴選建材<br>品味居家</h2>
609                        </div>
610                    </div>
611                </div>
612            </div>
613            <div class="d-lg-none">
614                <div class="d-flex justify-content-between">
615                    <div class="tableItem-1 h-100 w-50">
616                        <div class="Txt title mb-lg-5">
617                            <h5 class="font-MT">PERFECT POSITIONING</h5>
618                            <h2>十全十美<br>定位完美</h2>
619                        </div>
620                    </div>
621                    <div class="tableItem-6">
622                        <div class="d-flex align-items-center justify-content-center subTxt">
623                            <strong class="font-MT me-2 mb-2">1</strong>
624                            <h2>四大商圈<br>豐藏生活</h2>
625                        </div>
626                    </div>
627                </div>
628                <div class="row tableBox-3">
629                    <div class="col-4 tableItem-4">
630                        <div class="d-flex align-items-center justify-content-center subTxt">
631                            <strong class="font-MT me-2 mb-2">2</strong>
632                            <h2>水岸首席<br>奢織靜境</h2>
633                        </div>
634                    </div>
635                    <div class="col-4 tableItem-4">
636                        <div class="d-flex align-items-center justify-content-center  subTxt">
637                            <strong class="font-MT me-2 mb-2">3</strong>
638                            <h2>萬坪綠軸<br>沁入日常</h2>
639                        </div>
640                    </div>
641                    <div class="col-4 tableItem-5">
642                        <div class="d-flex align-items-center justify-content-center subTxt">
643                            <strong class="font-MT me-2 mb-2">4</strong>
644                            <h2>一高軸線<br>縱橫南北</h2>
645                        </div>
646                    </div>
647                </div>
648                <div class="row tableBox-3">
649                    <div class="col-4 tableItem-4">
650                        <div class="d-flex align-items-center justify-content-center subTxt">
651                            <strong class="font-MT me-2 mb-2">5</strong>
652                            <h2>轉運核心<br>燙金地標</h2>
653                        </div>
654                    </div>
655                    <div class="col-4 tableItem-4">
656                        <div class="d-flex align-items-center justify-content-center subTxt">
657                            <strong class="font-MT me-2 mb-2">6</strong>
658                            <h2>捷運綠線<br>快意暢行</h2>
659                        </div>
660                    </div>
661                    <div class="col-4 tableItem-5">
662                        <div class="d-flex align-items-center justify-content-center subTxt">
663                            <strong class="font-MT me-2 mb-2">7</strong>
664                            <h2>明星學區<br>菁英沃土</h2>
665                        </div>
666                    </div>
667                </div>
668                <div class="row tableBox-4">
669                    <div class="col-4 tableItem-4">
670                        <div class="d-flex align-items-center justify-content-center subTxt">
671                            <strong class="font-MT me-2 mb-2">8</strong>
672                            <h2>馳名品牌<br>再造經典</h2>
673                        </div>
674                    </div>
675                    <div class="col-4 tableItem-4">
676                        <div class="d-flex align-items-center justify-content-center subTxt">
677                            <strong class="font-MT me-2 mb-2">9</strong>
678                            <h2>寬裕坪數<br>盛裝未來</h2>
679                        </div>
680                    </div>
681                    <div class="col-4 tableItem-5">
682                        <div class="d-flex align-items-center justify-content-center subTxt">
683                            <strong class="font-MT me-2 mb-2">10</strong>
684                            <h2>嚴選建材<br>品味居家</h2>
685                        </div>
686                    </div>
687                </div>
688            </div>
689        </div>
690    </section>
691    <nav class="navbar">
692        <a class="navbar-brand" href="index.html">
693            <img src="images/img/logo-b.svg" alt="嘉璟上河">
694        </a>
695        <div class="navbar-Link">
696            <a href="tel:03-3582166" class="btn"><i class="bi bi-telephone-fill"></i>貴賓專線<span>(03)358-2166</span></a>
697            <a href="https://www.facebook.com/profile.php?id=61555270271684" class="btn" target="_blank"><i
698                    class="bi bi-facebook"></i>粉絲專頁<span>FaceBook</span></a>
699            <a href="https://goo.gl/maps/FzjSWkTEzyitERbN8" class="btn" target="_blank"><i class="bi bi-geo-alt-fill"></i>地圖導航<span>GoogleMap</span></a>
700            <a href="#form1" class="btn"><i class="bi bi-envelope-fill"></i>立即預約<span>Booking</span></a>
701        </div>
702    </nav>
703    <footer class="bg-gray">
704        <div class="topBox">
705            <div class="container-fluid ">
706                <div class="row contactList bg-light">
707                    <!-- contactList -->
708                    <div class="col-12 infoBox  text-center mb-3" data-aos="fade-up" data-aos-duration="1500">
709                        <img src="./images/img/footer-logo.png" class="col-8 col-lg-3 d-block mx-auto mb-4">
710                        <h6>貴賓專線:(03)358-2166</h6>
711                        <h6>投資興建:源美建設股份有限公司</h6>
712                        <h6>接待會館:桃園區幸福路/經國二路口</h6>
713                        <h6 class="mb-5">建築代銷:萬騰廣告有限公司</h6>
714                        <h3>預約賞屋</h3>
715                    </div>
716                    <div class="col-12 mt-5">
717                        <form id="form1" class="row" name="form1" method="post"
718                            action=" https://form.utmost.com.tw/admins/contactemailgo.php?id=222" data-aos="fade-up" data-aos-duration="1500">
719                            <div class="col-12">
720                                <label>預約姓名&nbsp;&nbsp;&nbsp;
721                                    <div class="form-check form-check-inline">
722                                        <input class="form-check-input" type="radio" name="contact_sex"
723                                            id="inlineRadio1" value="男" checked>
724                                        <label class="form-check-label" for="inlineRadio1">先生</label>
725                                    </div>
726                                    <div class="form-check form-check-inline">
727                                        <input class="form-check-input" type="radio" name="contact_sex"
728                                            id="inlineRadio2" value="女">
729                                        <label class="form-check-label" for="inlineRadio2">小姐</label>
730                                    </div>
731                                </label>
732                                <input class="form-control" type="text" name="contact_name" placeholder="預約姓名"
733                                    required="required">
734                            </div>
735                            <div class="col-12 mb-2">
736                                <label>連絡電話</label>
737                                <input class="form-control" name="contact_phone" placeholder="連絡電話" type="tel"
738                                    pattern="[0-9]{10}" maxlength="10" required>
739                            </div>
740                            <div class="col-lg-6  mb-3">
741                                <label>居住城市</label>
742                                <select id="city" class="form-control" name="contact_area">
743                                    <option value=" " disabled selected hidden>請選擇居住城市</option>
744                                    <option value="臺北市">臺北市</option>
745                                    <option value="新北市">新北市</option>
746                                    <option value="基隆市">基隆市</option>
747                                    <option value="桃園市">桃園市</option>
748                                    <option value="新竹縣">新竹縣</option>
749                                    <option value="新竹市">新竹市</option>
750                                    <option value="苗栗縣">苗栗縣</option>
751                                    <option val
751ue="臺中市">臺中市</option>
752                                    <option value="南投縣">南投縣</option>
753                                    <option value="彰化縣">彰化縣</option>
754                                    <option value="雲林縣">雲林縣</option>
755                                    <option value="嘉義縣">嘉義縣</option>
756                                    <option value="嘉義市">嘉義市</option>
757                                    <option value="臺南市">臺南市</option>
758                                    <option value="高雄市">高雄市</option>
759                                    <option value="屏東縣">屏東縣</option>
760                                    <option value="宜蘭縣">宜蘭縣</option>
761                                    <option value="花蓮縣">花蓮縣</option>
762                                    <option value="臺東縣">臺東縣</option>
763                                    <option value="澎湖縣">澎湖縣</option>
764                                    <option value="金門縣">金門縣</option>
765                                    <option value="連江縣">連江縣</option>
766                                </select>
767                            </div>
768                            <div class="col-lg-6 mb-3">
769                                <label for="district">鄉鎮市區</label>
770                                <select id="district" class="form-control" name="contact_address">
771                                </select>
772                            </div>
773                            <div class="col-lg-6 mb-2">
774                                <div class="g-recaptcha" data-sitekey="6LcffxApAAAAAKVt0X0-eZRyrukgmeOuKzWEwAqu"></div>
775                            </div>
776                            <div class="col-lg-6 mb-2">
777                                <p class="text-left">你所登錄的個人資料將做為以下用途<br>
778                                    (一)本網站所載之相關事項通知(二)客戶管理與服務(三)本公司行銷業務之推廣本案實際內容以現場公布為準
779                                </p>
780                                <input name="go_email" type="hidden" value="service">
781                                <div class="form-check">
782                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked"
783                                        checked>
784                                    <label class="form-check-label" for="flexCheckChecked">
785                                        我同意<a data-fancybox data-src="#checkme" href="javascript:;"
786                                            class="text-primary">隱私權政策</a>
787                                    </label>
788                                </div>
789                            </div>
790                            <div class="col mt-2">
791                                <div class="d-grid">
792                                    <input class="btn btn-primary btn-block py-3" type="submit" value="送出預約資訊">
793                                    <input name="go_email" type="hidden" value="service">
794                                </div>
795                            </div>
796                        </form>
797                    </div>
798                </div>
799            </div>
800        </div>
801        <div class="bottomBox">
802            <div class="container-fluid  ">
803                <div class="row row-cols-1 justify-content-center">
804                    <!-- <div class="col-12 g-0">
805                        <iframe
806                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3612.2813081545014!2d121.53224691524832!3d25.12617864074358!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442ae78ff3f585d%3A0x730548a6662fc33e!2zMTEx5Y-w5YyX5biC5aOr5p6X5Y2A5Lit5bGx5YyX6Lev5LiD5q61MTkw5be3MTHlvIQ46Jmf!5e0!3m2!1szh-TW!2stw!4v1669169689836!5m2!1szh-TW!2stw"
807                            width="100%" style="border:0; height: 60vh;" allowfullscreen="" loading="lazy"
808                            referrerpolicy="no-referrer-when-downgrade"></iframe>
809                    </div> -->
810                    <div class="g-0 bg-primary py-3 text-center text-white">
811                        <small class="copyright">Copyright © 嘉璟上河 Inc.
812                            All rights reserved
813                            <span>網站製作:<a class="text-light" href="https://utmost.com.tw/">UTMOST</a></span>
814                        </small>
815                    </div>
816                </div>
817            </div>
818        </div>
819    </footer>
820    <div id="checkme" style="display: none;width: 100%; max-width: 1000px; padding: 5%;">
821        <h4>個人資料保護政策暨隱私權聲明</h4>
822        <br>
823        <p>
824            非常歡迎您光臨「嘉璟上河」(以下簡稱本網站),為了讓您能夠安心的使用本網站的各項服務與資訊,特此向您說明本網站的隱私權保護政策,以保障您的權益,請您詳閱下列內容
825        </p>
826        <p>
827            <b>一、隱私權保護政策的適用範圍</b>
828            隱私權保護政策內容,包括本網站如何處理在您使用網站服務時收集到的個人識別資料。隱私權保護政策不適用於本網站以外的相關連結網站,也不適用於非本網站所委託或參與管理的人員。
829        </p>
830        <p>
831            <b>二、個人資料的蒐集、處理及利用方式</b>
832            當您造訪本網站或使用本網站所提供之功能服務時,我們將視該服務功能性質,請您提供必要的個人資料,並在該特定目的範圍內處理及利用您的個人資料;非經您書面同意,本網站不會將個人資料用於其他用途。
833            本網站在您使用服務信箱、問卷調查等互動性功能時,會保留您所提供的姓名、電子郵件地址、聯絡方式及使用時間等。
834            於一般瀏覽時,伺服器會自行記錄相關行徑,包括您使用連線設備的IP位址、使用時間、使用的瀏覽器、瀏覽及點選資料記錄等,做為我們增進網站服務的參考依據,此記錄為內部應用,決不對外公佈。
835            為提供精確的服務,我們會將收集的問卷調查內容進行統計與分析,分析結果之統計數據或說明文字呈現,除供內部研究外,我們會視需要公佈統計數據及說明文字,但不涉及特定個人之資料。
836        </p>
837        <p>
838            <b>三、資料之保護</b>
839            本網站主機均設有防火牆、防毒系統等相關的各項資訊安全設備及必要的安全防護措施,加以保護網站及您的個人資料採用嚴格的保護措施,只由經過授權的人員才能接觸您的個人資料,相關處理人員皆簽有保密合約,如有違反保密義務者,將會受到相關的法律處分。
840            如因業務需要有必要委託其他單位提供服務時,本網站亦會嚴格要求其遵守保密義務,並且採取必要檢查程序以確定其將確實遵守。
841        </p>
842        <p>
843            <b>四、網站對外的相關連結</b>
844            本網站的網頁提供其他網站的網路連結,您也可經由本網站所提供的連結,點選進入其他網站。但該連結網站不適用本網站的隱私權保護政策,您必須參考該連結網站中的隱私權保護政策。
845        </p>
846        <p>
847            <b>五、與第三人共用個人資料之政策</b>
848            本網站絕不會提供、交換、出租或出售任何您的個人資料給其他個人、團體、私人企業或公務機關,但有法律依據或合約義務者,不在此限。
849            前項但書之情形包括不限於:
850            經由您書面同意。
851            法律明文規定。
852            為免除您生命、身體、自由或財產上之危險。
853            與公務機關或學術研究機構合作,基於公共利益為統計或學術研究而有必要,且資料經過提供者處理或蒐集者依其揭露方式無從識別特定之當事人。
854            當您在網站的行為,違反服務條款或可能損害或妨礙網站與其他使用者權益或導致任何人遭受損害時,經網站管理單位研析揭露您的個人資料是為了辨識、聯絡或採取法律行動所必要者。
855            有利於您的權益。
856            本網站委託廠商協助蒐集、處理或利用您的個人資料時,將對委外廠商或個人善盡監督管理之責。
857        </p>
858        <p>
859            <b>六、Cookie之使用</b>
860            為了提供您最佳的服務,本網站會在您的電腦中放置並取用我們的Cookie,若您不願接受Cookie的寫入,您可在您使用的瀏覽器功能項中設定隱私權等級為高,即可拒絕Cookie的寫入,但可能會導至網站某些功能無法正常執行
861            。
862        </p>
863        <p>
864            <b>七、隱私權保護政策之修正</b>
865            本網站隱私權保護政策將因應需求隨時進行修正,修正後的條款將刊登於網站上。
866        </p>
867        <div class="text-center pt-3 pb-3">
868            <button data-fancybox-close class="btn btn-dark">關閉</button>
869        </div>
870    </div>
871    <!-- 
871<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
871 -->
872    
872<script src="js/home.js"></script>
872
873    
873<script src="js/cityDistricts.js"></script>
873
874</body>
875
876</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.