-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
186 lines (183 loc) · 8.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Real estates search of Taipei city">
<meta name="keyword" content="Real estates, search, Firebase, Google map">
<meta property="og:title" content="台北市實價登錄查詢">
<meta property="og:url" content="">
<meta property="og:image" content="">
<meta property="og:description" content="Real estates search of Taipei city">
<meta property="og:type" content="website">
<meta property="og:site_name" content="台北市實價登錄查詢"/>
<link rel="shortcut icon" href="images/favicon.ico">
<title>台北市實價登錄查詢</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/jquery.xml2json.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<div class="clearfix">
<h1 class="title">台北市實價登錄查詢</h1>
<nav>
<ul class="clearfix">
<li>
<a href="#" class="create-account js--create-account">註冊</a>
</li>
<li>
<a href="#" class="login-account js--login-account">登入</a>
</li>
</ul>
</nav>
</div>
<form action="">
<div class="row clearfix">
<div class="col col-1">
<label for="district">行政區</label>
</div>
<div class="col col-2">
<select name="district" id="district">
<option value="北投區">北投區</option>
<option value="士林區">士林區</option>
<option value="內湖區">內湖區</option>
<option value="中山區">中山區</option>
<option value="松山區">松山區</option>
<option value="大同區">大同區</option>
<option value="南港區">南港區</option>
<option value="萬華區">萬華區</option>
<option value="信義區">信義區</option>
<option value="中正區">中正區</option>
<option value="大安區">大安區</option>
<option value="文山區">文山區</option>
</select>
<label for="park">車位</label>
<input type="checkbox" id="park">
</div>
<div class="col col-3">
<label for="type">建物型態</label>
<select name="type" id="type">
<option value="">請選擇型態</option>
<option value="公寓(5樓含以下無電梯)">公寓(5樓含以下無電梯)</option>
<option value="透天厝">透天厝</option>
<option value="店面(店鋪)">店面(店鋪)</option>
<option value="辦公商業大樓">辦公商業大樓</option>
<option value="住宅大樓(11層含以上有電梯)">住宅大樓(11層含以上有電梯)</option>
<option value="華廈(10層含以下有電梯)">華廈(10層含以下有電梯)</option>
<option value="套房(1房(1廳)1衛)">套房(1房(1廳)1衛)</option>
<option value="工廠">工廠</option>
<option value="廠辦">廠辦</option>
</select>
</div>
<button class="btn search" type="submit">搜尋</button>
</div>
<div class="row advanced clearfix">
<div class="col col-1">
<label for="unitPriceRangeFrom">交易單價</label>
</div>
<div class="col col-2">
<input type="text" id="unitPriceRangeFrom" name="unitPriceRangeFrom" maxlength="7"> ~
<input type="text" id="unitPriceRangeEnd" name="unitPriceRangeEnd" maxlength="7">萬元
</div>
<div class="col col-3">
<label for="age">屋齡</label>
<select name="age" id="age">
<option value="">請選擇期間</option>
<option value="0">1年以下</option>
<option value="1">1-5年</option>
<option value="5">5-10年</option>
<option value="10">10-20年</option>
<option value="20">20-30年</option>
<option value="30">30年以上</option>
</select>
</div>
</div>
<div class="row advanced clearfix">
<div class="col col-1">
<label for="totalPriceRangeFrom">交易總價</label>
</div>
<div class="col col-4">
<input type="text" id="totalPriceRangeFrom" name="totalPriceRangeFrom" maxlength="15"> ~
<input type="text" id="totalPriceRangeEnd" name="totalPriceRangeEnd" maxlength="15">萬元
</div>
</div>
</form>
</header>
<section id="main">
<ul class="estate-list js--estate-list">
<!-- <li class="clearfix">
<h2>信義區莊敬路197巷1-30號</h2>
<dl class="estate-detail">
<dt>交易年月：</dt>
<dd class="soldDate"></dd>
<dt>總價：</dt>
<dd><span class="totalPrice"></span>萬元</dd>
<dt>單價：</dt>
<dd><span class="unitPrice"></span>萬/坪</dd>
<dt>型態：</dt>
<dd class="type"></dd>
</dl>
<dl class="estate-detail">
<dt>建坪：</dt>
<dd><span class="unit"></span>坪</dd>
<dt>屋齡：</dt>
<dd><span class="age"></span>年</dd>
<dt>車位：</dt>
<dd class="park"></dd>
<dt>樓高：</dt>
<dd class="totalFloors"></dd>
</dl>
</li> -->
</ul>
</section>
<section id="map"></section>
<section id="overlay" class="js--overlay">
<form action="" class="login-form js--login-form">
<input type="email" name="login_email" class="required" placeholder="Email">
<input type="password" name="login_pwd" class="required" placeholder="密碼">
<input type="submit" class="btn login" value="登入">
<button class="btn cancel js--btn-cancel">取消</button>
<hr>
<button class="btn google js--btn-google">以 Google 帳號登入</button>
</form>
<form action="" class="register-form js--register-form">
<input type="email" name="register_email" class="required" placeholder="Email">
<input type="password" name="register_pwd" id="register_pwd" minlength="6" placeholder="密碼長度大於6個字元">
<input type="password" name="register_pwd_again" placeholder="請輸入一樣的密碼">
<input type="submit" class="btn register" value="註冊">
<button class="btn cancel js--btn-cancel">取消</button>
</form>
</section>
<!-- template -->
<template id="template-estate">
<li class="clearfix">
<h2 class="address"></h2>
<dl class="estate-detail">
<dt>交易年月：</dt>
<dd class="soldDate"></dd>
<dt>總價：</dt>
<dd><span class="totalPrice"></span>萬元</dd>
<dt>單價：</dt>
<dd><span class="unitPrice"></span>萬/坪</dd>
<dt>型態：</dt>
<dd class="type"></dd>
</dl>
<dl class="estate-detail">
<dt>建坪：</dt>
<dd><span class="unit"></span>坪</dd>
<dt>屋齡：</dt>
<dd><span class="age"></span>年</dd>
<dt>車位：</dt>
<dd class="park"></dd>
<dt>樓高：</dt>
<dd class="totalFloors"></dd>
</dl>
</li>
</template>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBN6Tg0EOI4MTNVYKFPH75jMlaif5Bt19M">
</script>
</body>
</html>