-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
309 lines (300 loc) · 11.9 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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>日景頂曦</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/default-theme.css">
<link rel="stylesheet" href="assets/css/components.css">
<!-- Images grid -->
<link rel="stylesheet" href="assets/css/images-grid.css">
<script src="assets/js/images-grid.js"></script>
<style>
#mainHeaderWrapper{
position: relative;
background: no-repeat url(images/rijing/master.jpg) 50% / 100%;
}
#mainHeaderWrapper > img{
vertical-align: top;
width: 100%; /* max width */
opacity: 0; /* make it transparent */
}
#mainHeaderWrapper > div{
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
width: 100%;
height: 100%;
min-height: 370px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-bottom" style="border-top: 1px solid #b8b8b8;">
<div class="container-fluid">
<div class="navbar-header">
<img src="images/logo1.png" height="48" width="50" hspace="4" vspace="2">
<img src="images/logo2.png" height="48" width="50" hspace="5" vspace="2">
</div>
<ul class="nav navbar-nav">
<li><a href="profile.html">公司簡介</a></li>
<li><a href="#">最新消息</a></li>
<li class="dropup"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">熱銷建案<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">日景頂曦</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div id="mainHeaderWrapper">
<img src="images/rijing/master.jpg">
<div>
<!--header start-->
<header class="l-header">
<div class="l-navbar l-navbar_expand js-navbar-sticky">
<div class="container-fluid">
<nav class="menuzord js-primary-navigation" role="navigation" aria-label="Primary Navigation">
<!--mega menu start-->
<ul class="menuzord-menu menuzord-right c-nav_s-standard">
<li><a href="#feature06" class="menu-item"><span>建案資訊</span></a></li>
<li><a href="#feature01" class="menu-item"><span>台北悠遊</span></a></li>
<li><a href="#feature02" class="menu-item"><span>光點城市</span></a></li>
<li><a href="#feature03" class="menu-item"><span>時選薈萃</span></a></li>
<li><a href="#feature04" class="menu-item"><span>豐美生活</span></a></li>
<li><a href="#feature05" class="menu-item"><span>日系建築</span></a></li>
<li><a href="login.html" class="menu-item"><span>工程進度</span></a></li>
</ul>
<!--mega menu end-->
</nav>
</div>
</div>
</header>
<!--header end-->
<a class="button" href="#reserve"><i class="fa fa-edit"></i> 預約賞屋</a>
</div>
</div>
<div class="main">
<article class="content cbg_a">
<section id="feature01">
<ul>
<li class="content_img content_float_right"><div id="feature_01"></div></li>
<li class="content_txt content_float_left">
<span class="title"><img alt="特色一" src="images/rijing/feature01.png" /></span>
<div class="txt">
<h1>台北 悠遊</h1>
<h3>頂溪站步行一分鐘，最從容的捷運置產學</h3>
<p>日景頂曦，隱於頂溪捷運站1號出口旁巷弄裡，在漫步中洗滌塵囂，閱讀街道，優雅返家。鄰捷運站房產，始終具有抗跌保值力，距捷運站越近，物件越熱門，更是成功的置產方程式。</p>
</div>
</li>
</ul>
</section>
</article>
<article class="content cbg_b">
<section id="feature02">
<ul>
<li class="content_img content_float_left"><div id="feature_02"></div></li>
<li class="content_txt content_float_right">
<span class="title"><img alt="特色二" src="images/rijing/feature02.png" /></span>
<div class="txt">
<h1>光點 城市</h1>
<h3>一橋到北市，多元交通路網，移動生活無界線</h3>
<p>頂溪站屬捷運新蘆中和線，至古亭站4分鐘，東門站7分鐘，西門站10分鐘，忠孝復興站13分鐘，台北車站16分鐘，台北101站16分鐘！別讓自己委屈租在台北市了，選擇住在最靠近台北市的捷運站-頂溪站，與台北無縫接軌，卻仍享有親民價，是最精明的置產思維。 </p>
</div>
</li>
</ul>
</section>
</article>
<article class="content cbg_a">
<section id="feature03">
<ul>
<li class="content_img content_float_right"><div id="feature_03"></div></li>
<li class="content_txt content_float_left">
<span class="title"><img alt="特色三" src="images/rijing/feature03.png" /></span>
<div class="txt">
<h1>時選 薈萃</h1>
<h3>日系美學人文綠建築</h3>
<p>今田晴雄多年積累深厚的建築功力，每次出手，都讓人驚艷。這次，他與同樣擁有數十年建築經驗、擅於細膩琢磨空間尺度的朱文熙建築師，聯手擘畫「日景頂曦」，創造絕無僅有的17~25坪，日系美學人文綠建築，為您實現住在日式風格住宅的夢想。</p>
</div>
</li>
</ul>
</section>
</article>
<article class="content cbg_b">
<section id="feature04">
<ul>
<li class="content_img content_float_left"><a href="#"><img alt="" src="images/rijing/feature_04.jpg" /></a></li>
<li class="content_txt content_float_right">
<span class="title"><img alt="特色四" src="images/rijing/feature04.png" /></span>
<div class="txt">
<h1>豐美 生活</h1>
<h3>內容待討論</h3>
<p>內容待討論</p>
</div>
</li>
</ul>
</section>
</article>
<article class="content cbg_a">
<section id="feature05">
<ul>
<li class="content_img content_float_right"><a href="#"><img alt="綠建築" src="images/rijing/feature_03.jpg" /></a></li>
<li class="content_txt content_float_left">
<span class="title"><img alt="特色五" src="images/rijing/feature05.png" /></span>
<div class="txt">
<h1>日系 建築</h1>
<h3>內容尚待討論</h3>
<p>內容尚待討論</p>
</div>
</li>
</ul>
</section>
</article>
<article class="content cbg_b">
<section id="feature06">
<div class="heading heading-center">
<h2>建案資訊</h2>
</div>
<div class="container" style="width:800px;">
<div class="table-responsive">
<table class="table table-bordered table-striped">
<colgroup>
<col class="col-xs-4">
<col class="col-xs-4">
</colgroup>
<tbody>
<tr>
<td>投資興建：日景建設</td>
</tr>
<tr>
<td>基地面積：約189坪</td>
</tr>
<tr>
<td>樓層：地上12層, 地下2層</td>
</tr>
<tr>
<td><b>接待中心：新北市永和區復興街36號</b></td>
</tr>
<tr>
<td><b>洽詢電話：(02)8923-5588</b></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</article>
<article class="content cbg_b">
<section>
<div class="heading heading-center">
<h2>接待中心地圖</h2>
</div>
<div id="map"></div>
</section>
</article>
<article class="content cbg_b">
<section>
<div id="reserve" class="heading heading-center">
<h2>預約賞屋</h2>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<form class="contact-comments js-Mailer" method="post">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="form-group">
<!-- Name -->
<input type="text" name="name" class=" form-control" placeholder="姓名" maxlength="100" required data-error="請輸入您的姓名">
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<!-- Phone -->
<input type="text" name="name" class=" form-control" placeholder="電話" maxlength="100" required data-error="請輸入您的電話">
<div class="help-block with-errors"></div>
</div>
<div class="form-group">
<!-- Email -->
<input type="email" name="email" class=" form-control" placeholder="E-MAIL" maxlength="100" required data-error="請輸入您的E-MAIL">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6 col-md-offset-3">
<div class="form-group">
<!-- Comment -->
<textarea name="comments" class="cmnt-text form-control" placeholder="備註欄" maxlength="400"></textarea>
</div>
<div class="form-group full-width">
<button type="submit" class="btn btn-small btn-dark-solid ">送 出 訊 息</button>
</div>
</div>
</div>
</form>
</div>
</div>
</section>
</article>
</div>
<script src="assets/js/scripts.js"></script>
<script>
function initMap() {
var myLatLng = {lat: 25.012938, lng: 121.516345};
var map = new google.maps.Map(document.getElementById('map'), {
center: myLatLng,
zoom: 18
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: '日景頂曦'
});
marker.setMap(map);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDSSXXQDKV-gyx2oX4wECDAjzFFwUxCRhE&callback=initMap&language=zh-TW"
async defer>
</script>
<script>
$('#feature_01').imagesGrid({
images: [
{ src: 'images/rijing/feature1-1.jpg', thumbnail: 'images/rijing/feature_01.jpg', caption: '台北悠遊 (頂溪站步行一分鐘)' },
{ src: 'images/rijing/feature1-2.jpg', caption: '台北悠遊 (一站到北市)' },
{ src: 'images/rijing/feature1-3.jpg', caption: '台北悠遊 (捷運置產首選)' },
{ src: 'images/rijing/feature1-4.jpg', caption: '台北悠遊 (頂溪站週邊行情)' }
],
align: true
});
$('#feature_02').imagesGrid({
images: [
{ src: 'images/rijing/feature2-1.jpg', thumbnail: 'images/rijing/feature_02.jpg', caption: '光點城市 (一橋到北市)' },
{ src: 'images/rijing/feature2-2.jpg', caption: '台北悠遊 (捷運生活圈)' },
{ src: 'images/rijing/feature2-3.jpg', caption: '台北悠遊 (文化啟蒙)' },
{ src: 'images/rijing/feature2-4.jpg', caption: '台北悠遊 (味蕾旅行)' },
{ src: 'images/rijing/feature2-5.jpg', caption: '台北悠遊 (藝文底蘊)' },
{ src: 'images/rijing/feature2-6.jpg', caption: '台北悠遊 (綠意漫遊)' },
{ src: 'images/rijing/feature2-7.jpg', caption: '台北悠遊 (咖啡輕食)' }
],
align: true
});
$('#feature_03').imagesGrid({
images: [
{ src: 'images/rijing/feature3-1.jpg', thumbnail: 'images/rijing/feature_03.jpg', caption: '時選薈萃 (建築實踐)' },
{ src: 'images/rijing/feature3-2.jpg', caption: '時選薈萃 (日本國寶級建築大師-今田晴雄)' },
{ src: 'images/rijing/feature3-3.jpg', caption: '時選薈萃 (名建築師-朱文熙)' },
{ src: 'images/rijing/feature3-4.jpg', caption: '時選薈萃 (美國NASA結構工程設計師-邱輝煌)' }
],
align: true
});
</script>
<div style="margin-bottom:53px;"></div>
</body>
</html>