-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_others.html
346 lines (313 loc) · 13.6 KB
/
_others.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>其他模組／首頁模組</title>
<link href="tempFrame.css" rel="stylesheet" type="text/css"><!-- 非專案需要樣式，套版時不用加入 -->
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/styleC.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="main">
<header class="header" style="height: 120px;">
<section class="search"><!-- 在 header 內的 search -->
<div class="keywordHot">
<ul>
<li><a href="#">熱門詞一</a></li>
<li><a href="#">熱門詞二</a></li>
<li><a href="#">熱門詞三</a></li>
<li><a href="#">熱門詞</a></li>
</ul>
</div>
<form action=""><label for="mustSameAsId">站內搜尋</label>
<input type="text" id="mustSameAsId" name="" value="" placeholder="請輸入關鍵字" accesskey="S" />
<input type="submit" id="" name="" value="查詢" />
<a class="btnAdv" href="#">進階查詢</a>
</form>
</section>
</header>
<div class="row">
<section class="sns">
<ul>
<li><a href="#"><img src="publicData/sns_fb.png" alt=""></a>
<ul>
<li><a href="#f1">Facebook1</a></li>
<li><a href="#f1">Facebook2</a></li>
<li><a href="#f1">Facebook3</a></li>
<li><a href="#f1">Facebook4</a></li>
<li><a href="#f1">Facebook5</a></li>
</ul>
</li>
<li><a href="#"><img src="publicData/sns_YouTube.png" alt=""></a>
<ul>
<li><a href="#Youtube1">YouTube-1</a></li>
<li><a href="#Youtube2">YouTube-2</a></li>
<li><a href="#Youtube3">YouTube-3</a></li>
</ul>
</li>
<li><a href="#"><img src="publicData/sns_twitter.png" alt=""></a></li>
<li><a href="#"><img src="publicData/sns_line.png" alt=""></a>
<ul>
<li><a href="#line1">Line-1</a></li>
<li><a href="#line2">Line-2</a></li>
<li><a href="#line3">Line-3</a></li>
</ul>
</li>
<li><a href="#"><img src="publicData/sns-flickr.png" alt=""></a></li>
<li><a href="#"><img src="publicData/sns_wechat.png" alt=""></a></li>
</ul>
</section>
</div>
<div class="row">
<section class="search">
<div class="keywordHot">
<ul>
<li><a href="#">熱門詞一</a></li>
<li><a href="#">熱門詞二</a></li>
<li><a href="#">熱門詞三</a></li>
<li><a href="#">熱門詞【１２】</a></li>
</ul>
</div>
<form action=""><label for="mustSameAsId">站內搜尋</label>
<input type="text" id="mustSameAsId" name="" value="" placeholder="請輸入關鍵字" accesskey="S" />
<input type="submit" id="" name="" value="查詢" />
<!-- <a class="btnAdv" href="#">進階查詢</a> -->
</form>
</section>
</div>
<div class="row">
<section class="marquee B2T"><!-- 跑馬燈：垂直 -->
<div class="box">
<ul>
<li><a href="https://www.hyweb.com.tw/">【８】跑馬燈訊息，跑馬燈訊息 01010101</a></li>
<li><a href="https://www.hyweb.com.tw/egov/hycms">天２颱風最新停班停課訊息</a></li>
<li><a href="https://www.hyweb.com.tw/lib/hyread">求局由提見空界頭一麗異土們還者有 3333 一，食毒體和單起念萬；意點風經學設樂文一提。</a></li>
<li><a href="https://www.hyweb.com.tw/banking/consumer-finance-intro">德來開 444 時年而世高界頭人視代對常流，興出打質舉小。</a></li>
</ul>
</div>
<button>暫停／繼續</button>
</section>
</div>
<div class="row cx2a">
<section class="marquee R2L"><!-- 跑馬燈：水平 -->
<div class="box">
<ul>
<li><a href="https://www.hyweb.com.tw/">【８】跑馬燈訊息，跑馬燈訊息 01010101</a></li>
<li><a href="https://www.hyweb.com.tw/egov/hycms">天２颱風最新停班停課訊息</a></li>
<li><a href="https://www.hyweb.com.tw/lib/hyread">求局由提見空界頭一麗異土們還者有 3333 一，食毒體和單起念萬；意點風經學設樂文一提。</a></li>
<li><a href="https://www.hyweb.com.tw/banking/consumer-finance-intro">德來開 444 時年而世高界頭人視代對常流，興出打質舉小。</a></li>
</ul>
</div>
<button>暫停／繼續</button>
</section>
<section>【４】</section>
</div>
<div class="row cx2a">
<section>【８】</section>
<section>
<iframe scrolling="no" allowtransparency="true" frameborder="0" border="0" cellspacing="0" title="臺中市清水區戶政叫號機現場等待人數資訊" src="https://wait.mi-great.com.tw/qingshui/getwait.html" height=220 width="100%"></iframe>
</section>
</div>
<div class="row cx3 gutter">
<section><h2>【4】</h2></section>
<section><h2>【4】</h2></section>
<section class="population"><h2><!-- 臺中市 -->西屯區人口統計</h2>
<table>
<caption>到107年03月底</caption>
<tbody>
<tr>
<th>戶 數：</th>
<td>962235</td>
</tr>
<tr>
<th>人口數：</th>
<td>2792164</td>
</tr>
<tr>
<th>男：</th>
<td>1375913</td>
</tr>
<tr>
<th>女：</th>
<td>1416251</td>
</tr>
</tbody>
</table>
<div class="more"><a id="ctl00_ContentPlaceHolder1_HyperLink1" href="http://demographics.taichung.gov.tw/Demographic//Web/Demographic.aspx" target="_blank" title="此連結另開視窗">更多資料</a></div>
</section>
</div>
<div class="row cx2">
<section class="epSubscribe">
<label for="emailU">電子報訂閱【６】
<input type="text" id="emailU" placeholder="請輸入電子郵件" />
</label>
<div class="captcha">
<button type="button" class="refresh">更換驗證碼</button>
<img src="images/captcha.png" alt="驗證碼" />
<input type="text" placeholder="請輸入圖中的字元" />
</div>
<div class="btnDiv">
<input type="submit" value="訂閱" />
<input type="submit" value="取消訂閱" />
</div>
</section>
<section class="sns2">
<ul>
<li><a href="#"><img src="publicData/sns_fb2.png" alt="facebook"></a></li>
<li><a href="#"><img src="publicData/sns_YouTube2.png" alt="YouTube"></a></li>
<li><a href="#"><img src="publicData/sns_rss2.png" alt="訂閱 RSS"></a></li>
</ul>
</section>
</div>
<div class="row cx2">
<section class="sns2">
<ul>
<li><a href="#"><img src="publicData/sns_fb2.png" alt="facebook"></a></li>
<li><a href="#"><img src="publicData/sns_YouTube2.png" alt="YouTube"></a></li>
<li><a href="#"><img src="publicData/sns_rss2.png" alt="訂閱 RSS"></a></li>
</ul>
</section>
<section class="epSubscribe">
<label for="emailU">電子報訂閱【６】
<input type="text" id="emailU" placeholder="請輸入電子郵件" />
</label>
<div class="captcha">
<button type="button" class="refresh">更換驗證碼</button>
<img src="images/captcha.png" alt="驗證碼" />
<input type="text" placeholder="請輸入圖中的字元" />
</div>
<div class="btnDiv">
<input type="submit" value="訂閱" />
<input type="submit" value="取消訂閱" />
</div>
</section>
</div>
<div class="row">
<section class="sns">
<ul>
<li><a href="#"><img src="publicData/sns_fb.png" alt=""></a></li>
<li><a href="#"><img src="publicData/sns_YouTube.png" alt=""></a></li>
<li><a href="#"><img src="publicData/sns_twitter.png" alt=""></a></li>
<li><a href="#"><img src="publicData/sns_line.png" alt=""></a></li>
<li><a href="#"><img src="publicData/sns-flickr.png" alt=""></a></li>
<li><a href="#"><img src="publicData/sns_wechat.png" alt=""></a></li>
</ul>
</section>
</div>
<div class="row cx3">
<section class="eBookType1 ckSlide"><h2>線上電子書第一型【４】</h2>
<div class="box">
<ul>
<li><a href="#"><img src="publicData/book01.jpg" alt="" />
<p>臺中好生活 NO.26(106年10月)</p></a>
<div class="btn read"><a href="#">線上閱覽</a></div>
<div class="btn download"><a href="#">檔案下載</a></div>
</li>
<li><a href="#"><img src="publicData/book02.jpg" alt="" />
<p>臺中好生活 NO.25(106年9月)</p></a>
<div class="btn read"><a href="#">線上閱覽</a></div>
<div class="btn download"><a href="#">檔案下載</a></div>
</li>
<li><a href="#"><img src="publicData/photo02.jpg" alt="" />
<p>臺中好生活 NO.24(106年8月)</p></a>
<div class="btn read"><a href="#">線上閱覽</a></div>
<div class="btn download"><a href="#">檔案下載</a></div>
</li>
</ul>
<div class="arbtn left"></div>
<div class="arbtn right"></div>
</div>
<div class="more"><a href="#">更多</a></div>
</section>
<section class="albumType5"><h2>活動相簿第五型【４】</h2>
<div class="image"><a href="#">
<img src="publicData/photo02.jpg" alt="">
<p>廉能透明大台中</p>
</a></div>
</section>
<section class="fbEmbed"><!-- 臉書嵌入 【４】-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/construction34405/?fref=ts
&colorscheme=light&show_faces=true&stream=true&header=true& scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</section>
</div>
<div class="row cx3">
<section class="eBookType1 ckSlide"><h2>線上電子書第一型【４】</h2>
<div class="box">
<ul>
<li><a href="#"><img src="publicData/book01.jpg" alt="" />
<p>臺中好生活 NO.26(106年10月)</p></a>
<div class="btn read"><a href="#">線上閱覽</a></div>
<div class="btn download"><a href="#">檔案下載</a></div>
</li>
<li><a href="#"><img src="publicData/book02.jpg" alt="" />
<p>臺中好生活 NO.25(106年9月)</p></a>
<div class="btn read"><a href="#">線上閱覽</a></div>
<div class="btn download"><a href="#">檔案下載</a></div>
</li>
<li><a href="#"><img src="publicData/photo02.jpg" alt="" />
<p>臺中好生活 NO.24(106年8月)</p></a>
<div class="btn read"><a href="#">線上閱覽</a></div>
<div class="btn download"><a href="#">檔案下載</a></div>
</li>
</ul>
<div class="arbtn left"></div>
<div class="arbtn right"></div>
</div>
<div class="more"><a href="#">更多</a></div>
</section>
<section class="albumType3 slide"><h2>活動相簿第三型（自動輪播）【４】</h2>
<div class="box">
<ul>
<li><a href="#"><img src="publicData/photo01.jpg" alt="" />
<p>相簿標題<time>2017-10-19</time></p></a></li>
<li><a href="#"><img src="publicData/photo02.jpg" alt="" />
<p>想運和很兩頭公走臺代來大醫今氣<time>2017-10-19</time></p></a></li>
<li><a href="#"><img src="publicData/subject_bg1.jpg" alt="" />
<p>合這利養竟有<time>2017-10-19</time></p></a></li>
<li><a href="#"><img src="publicData/subject_bg2.jpg" alt="" />
<p>林市長：整座城市化身攝影棚 打造台中最友善拍片城市<time>2017-10-19</time></p></a></li>
<li><a href="#"><img src="publicData/subject_bg3.jpg" alt="" />
<p>相簿五標題<time>2017-10-19</time></p></a></li>
<li><a href="#"><img src="publicData/photo03.jpg" alt="" />
<p>相簿六標題</p><time>2017-10-19</time></a></li>
<li><a href="#"><img src="publicData/photo04.jpg" alt="" />
<p>最後一個相簿<time>2017-10-19</time></p></a></li>
</ul>
<div class="arbtn left"></div>
<div class="arbtn right"></div>
</div>
<div class="dots"></div>
<div class="more"><a href="#">更多</a></div>
<a class="hide" href="#">請點選此連結查看完整資料</a>
</section>
<section class="fbEmbed"><!-- 臉書嵌入 【４】-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/construction34405/?fref=ts
&colorscheme=light&show_faces=true&stream=true&header=true& scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</section>
</div>
</div><!--/.main-->
<button type="button" class="goTop">回到頁面最上方</button>
<!-- <div class="popMessage">
<article>
<p>彈出訊息 popup message</p>
<p>為落實開放政府理念，讓施政透明開放，歡迎有興趣者至以下網址收看市政會議。(<strong>直播議程包括主席致詞、專案報告及主席指(裁)示事項。</strong>)<br />
<a href="#">一般民眾、行動裝置</a><br />
<a href="#">府內同仁(限桌上型電腦)：</a></p>
<p>會議名稱：第251次市政會議。<br />
會議時間：105年5月23日(星期一)上午10:00。<br />
會議地點：大甲區公所。</p>
<p>發布暨聯絡單位：臺中市政府研究發展考核委員會<br />
聯絡電話：04-22289111分機21205</p>
</article>
<button tabindex="1" class="closePop">關閉</button>
</div> -->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/rwdTable.js"></script>
<script type="text/javascript" src="js/jquery.jscroll.js"></script>
<script type="text/javascript" src="js/effect.js"></script>
<script type="text/javascript" src="js/slide.js"></script>
<script type="text/javascript" src="styleChange.js"></script><!-- 測試用，非專案所需 -->
</body>
</html>