Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
frame_source
Python Playground
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript" src="http://getbootstrap.com/dist/js/bootstrap.js"></script> <link type="text/css" rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container"> <!-- Start your code here --> <h1>å°ç£å大絕美秘境 <small>景點旅éŠæŒ‡å—</small></h1> <p class="lead">ä¾å±±å‚水的寶島å°ç£æœ‰ä¸å°‘ä¸è¼¸åœ‹å¤–的美景。KKday在這幫大家評比出å°ç£å大必去的絕美秘境,除了詳細介紹外,更幫大家整ç†å¥½äº¤é€šæ”»ç•¥ï¼Œè¶è‘—å‡æ—¥å‡ºé–€è¸é’å§ï¼<mark>發ç¾å°ç£çš„美</mark>~~</p> <blockquote> <p>http://blog.kkday.com/2016/02/taiwanspot.html </p> </blockquote> <div class="jumbotron"> <h1>趕快出門å§~~</h1> <p>專人導éŠ~</p> <p><a href="#" role="button"><button type="button" class="btn btn-success">é 約專線p> </div> <div class="col-sm-4"> <h2> å…«ç…™èšè½ï½œé™½æ˜Žå±±ï½œæ–°åŒ— <small>第åå</small></h2> <img src="https://4.bp.blogspot.com/-M5HS49-jDdE/Vs-_Xm7es0I/AAAAAAAAB9A/kIctGy-9Ogg/s640/15069878810_68cb314240_k.jpg"alt="å…«ç…™èšè½"class="img-thumbnail"> <p>å…«ç…™èšè½ä½åœ¨é€£æŽ¥é‡‘å±±çš„æ¥Šé‡‘å…¬è·¯ä¸Šï¼Œç”±æ°´æ¢¯ç”°å’ŒçŸ³ç Œå±‹æ§‹æˆæ¸…幽的景色,山水一色的風光如世外桃æºä¸€èˆ¬ã€‚喜愛登山的朋å‹å¯ä»¥å¾žéšè·¯å¤é“(金包里大路)å‰å¾€ï¼Œäº¦èƒ½å¾žæ¥Šé‡‘公路直接抵é”。 ▶︎地點:新北市金山å€é‡åˆé‡Œä¸‰é‡æ©‹6é„°24號(陽明山,楊金公路上) ▶︎交通:於å°åŒ—車站ã€æ·é‹åŠæ½ç«™ã€æ·é‹å£«æž—站乘皇家客é‹å…¬è»Š1717,抵é”å·´ç…™ï¼ˆç¶ å³°å±±èŽŠï¼‰ ▶︎票價與時刻表:皇家客é‹ç¶²ç«™ ▶︎其他實用資訊:éšè·¯å¤é“簡介與交通 (éšè·¯å¤é“é•·ç´„2.4公里,æ¥è¡Œç´„1å°æ™‚40分é˜ï¼‰ </p> </div> <div class="col-sm-4"> <h2>æ —æ¾æº«æ³‰ï½œå°æ±<small>第ä¹å</small></h2> <img src="https://3.bp.blogspot.com/-i1_TOIlBrEE/Vs_Iytu-_1I/AAAAAAAAB-A/Er7D7Z3osI4/s640/16516017660_eb52a54df5_k.jpg"alt="æ —æ¾æº«æ³‰"class="img-thumbnail"> <p>æ —æ¾æº«æ³‰è¢«ç¨±ä½œã€Œå…¨å°æœ€ç¾Žçš„溫泉ã€çµ•éžæµªå¾—è™›åï¼å› 礦物çµæ™¶ã€ç¿ ç¶ æº«æ³‰è—»è€Œæ“有特殊的色彩,沿山碧傾æµè€Œä¸‹çš„æ³‰æ°´ç€‘å¸ƒï¼Œéƒ½ç›¸ç•¶æœ‰ç‰¹è‰²ã€‚ç„¶å› ä½åœ¨æ–°æ¦å‘‚溪支æµå³½è°·çš„上游,虛經éŽæ”€çˆ¬ã€æº¯æºªæ‰èƒ½æŠµé”ï¼Œé ˆæœ‰ä¸€ç•ªé«”èƒ½è€ƒé©—ï¼Œä¸éŽç¶“山路激æµå¾Œï¼Œåœ¨æº«æ³‰ä¸ä¸€æŽƒç–²æ†Šçµ•å°æ˜¯ä¸€å¤§äº«å—ï¼ â–¶ï¸Žåœ°é»žï¼šå°æ±ç¸£æµ·ç‘žé„‰å—橫公路 利稻附近æ±æ®µ æ–°æ¦å‘‚溪上游河谷 â–¶ï¸Žäº¤é€šï¼šæ —æ¾æº«æ³‰ç™»å±±å£ç„¡å…¬è»ŠæŠµé”,å¯ç§Ÿè³ƒäº¤é€šå·¥å…·ï¼Œæ²¿20好é“æ—的雜貨店抵é”。令進入溫泉需è¦ç™»å±±æº¯æºªï¼Œè«‹è¡¡é‡å‰å¾€ã€‚ ▶︎é 計åœç•™æ™‚間:5å°æ™‚(入å£è‡³æº«æ³‰ä¾†å›žè‡³å°‘å…©å°æ™‚)</p> </div> <div class="col-sm-4"> <h2>忘憂森林|å—投<small>第八å</small></h2> <img src="https://1.bp.blogspot.com/-lhsOGGI0oTE/Vs-wYRn-0ZI/AAAAAAAAB7o/l9bnc1NDdC8/s640/7778713318_2838bf2528_k.jpg"alt="忘憂森林"class="img-thumbnail"> <p>忘憂森林ä½æ–¼å—投,èžèªªæ˜¯921地震後形æˆçš„沼澤。這裡的å‡é ‚çƒé¾èŒ¶éžå¸¸è‘—å,是出產茶葉的山嶺。å¦å¤–,鹿谷的石馬公園在新年期間還å¯ä»¥è³žæ«»ã€‚ ▶︎地點:557å—投縣竹山鎮溪山路3號之 25 號 ▶︎交通: 1. æ–¼å°ä¸ç«™ï¼ˆç«è»Šç«™æ£å°é¢ï¼‰ã€è‰å±¯ç«™ï¼ˆè‰å±¯æœƒå¾·å®®æ—)ã€å—投站(å—投家樂ç¦æ—)乘å‰å¾€æ‰æž—溪的公車,忘憂森林站下車。 2. 乘高éµè‡³å°ä¸ç«™ï¼Œè½‰æå°ç£å¥½è¡Œå…¬è»ŠæŠµé”溪é éŠæ¨‚å€ï¼Œå†è½‰ä¹˜å¾€æ‰æž—溪的公車,忘憂森林站下車。 3. æ車至斗å…,於å°è¥¿å®¢é‹ç«™ä¹˜å‰å¾€ç«¹å±±çš„公車,å†è½‰ä¹˜å¾€æ‰æž—溪的公車,忘憂森林站下車。 ▶︎忘憂森林交通資訊 ▶︎建è°ï¼šå¿˜æ†‚森林外,åŒå¤©ä¸€èµ·èµ°è¨ªæ‰æž—溪森林生態園å€è·Ÿå¦–怪æ‘ï¼ ..</p> </div> <div class="col-sm-4"> <h2>陰陽海 å三層éºå€ |新北市<small>第七å</small></h2> <img src="https://1.bp.blogspot.com/-kd3NsuVKT3c/VrFwA9ugZ_I/AAAAAAAABXc/yQ7MgeKlXlE/s640/9319466620_bc7fd2352e_h.jpg"alt="陰陽海 å三層éºå€"class="img-thumbnail"> <p>å三層éºå€ä½åœ¨æ–°åŒ—å¸‚é‡‘ç“œçŸ³ä¸€å¸¶ï¼Œæ—¥æ²»æ™‚æœŸæœ‰ç¤¦ç…‰è£½å» ã€æŽ¡ç¤¦éºè·¡ï¼Œé™¤äº†åœ°ç†æ™¯è§€ä»¥å¤–,亦有ä¸å°‘傳奇的人文故事。å三層éºå€æ²¿å±±å±¤å±¤å‘上æ建,往上攀爬還å¯ä»¥å±…高眺望陰陽海的景觀,å¦å¯é€£åŒåƒè§€é»ƒé‡‘瀑布ã€å¤ªå賓館ã€é»ƒé‡‘神社ã€åŸºéš†å±±ç‰å¤šå€‹æ™¯é»žã€‚ ▶︎地點:新北市瑞芳å€ç”±åŸºéš†æ–¹å‘èµ°å°äºŒç·š(濱海公路),直直走å‘濱海(å°äºŒç·š)å³è½‰ï¼Œæ²¿æ¿±æµ·é–‹ï¼Œå¾€æ°´æ¹³æ´žçš„81公里處å³å¯çœ‹è¦‹ã€‚ ▶︎交通:自行開車或承租交通工具å‰å¾€ã€‚ ▶︎å¯ä¸€åŒèµ°è¨ªï¼šé»ƒé‡‘瀑布ã€é‡‘瓜石ã€é»ƒé‡‘åšç‰©é¤¨ã€çŒ´éŠ…貓æ‘ã€è銅ã€å分è€è¡—ã€å¹³æºªã€ä¹ä»½</p> </div> <div class="col-sm-4"> <h2>ç¶ è‰²éš§é“|四è‰ï½œå°å—<small>第å…å</small></h2> <img src="https://4.bp.blogspot.com/-isCbcN29Rto/VrF-rWd_ucI/AAAAAAAABX8/BGgOgFs0228/s640/%25E5%259B%259B%25E8%258D%2589.jpg"alt="ç¶ è‰²éš§é“"class="img-thumbnail"> <p>å¤éƒ½å°å—除了眾多å¤è¹Ÿäººæ–‡æ™¯é»žä»¥å¤–,還有一個以「四è‰ç¶ 色隧é“ã€æœ€ç‚ºçŸ¥åçš„å°æ±Ÿåœ‹å®¶å…¬åœ’。特殊的沙洲ã€æº¼åœ°ç”Ÿæ…‹ï¼Œåœ¨è¡Œé§›æ–¼ç¶ æ„ä¸çš„竹ç飽覽無疑,冬å£é‚„å¯ä»¥çœ‹å€™é³¥ã€‚ ▶︎地點:å°å—å°æ±Ÿåœ‹å®¶å…¬åœ’ ▶︎交通: 1.轉乘高éµæŽ¥é§è»Šé«˜éµè‡ºå—ç«™ï¼è‡ºå—市政府線: 至興å—客é‹å°å—站(大億麗緻酒店)下車,轉乘臺å—市å€ï¼’號公車至四è‰ç«™ä¸‹è»Šã€‚ 至臺å—市政府站下車,轉æ計程車至四è‰ã€‚ 2.轉乘臺éµæ²™å´™ç·šè‡³è‡ºå—ç«è»Šç«™ï¼Œå†è½‰ä¹˜è‡ºå—市å€ï¼’號公車至四è‰ç«™ä¸‹è»Šï¼Œæˆ–轉乘臺ç£å¥½è¡Œ99å°æ±Ÿç·šè‡³å››è‰å¤§æ©‹ç«™/å››è‰ç”Ÿæ…‹æ–‡åŒ–園å€ï¼ˆå¤§çœ¾å»Ÿï¼‰ç«™ä¸‹è»Šã€‚ 3.æ乘臺éµï¼šè‡³è‡ºå—站下車,轉乘臺éµæ²™å´™ç·šè‡³è‡ºå—ç«è»Šç«™ï¼Œå†è½‰ä¹˜è‡ºå—市å€ï¼’號公車至四è‰ç«™ä¸‹è»Šï¼Œæˆ–轉乘臺ç£å¥½è¡Œå°æ±Ÿç·šè‡³å››è‰å¤§æ©‹ç«™/å››è‰ç”Ÿæ…‹æ–‡åŒ–園å€ï¼ˆå¤§çœ¾å»Ÿï¼‰ç«™ä¸‹è»Šã€‚ ▶︎門票:全票200å…ƒã€èº«éšœæœ‹å‹åŠåœ‹å°å„ªæƒ 票100元(憑è‰ï¼‰ã€ï¼–æ²ä»¥ä¸‹éœ€è³¼è²·é»‘çµç¥¨30元。 ▶︎固定航ç時間:10:00 / 14:00 (除固定航ç,滿å五人å³æœƒå®‰æŽ’開船) ▶︎æ船地點:臺å—市安å—å€å¤§çœ¾è·¯360號(四è‰å¤§çœ¾å»Ÿæ—) </p> </div> <div class="col-sm-4"> <h2>石碇 åƒå³¶æ¹–|新北<small>第五å</small></h2> <img src="https://3.bp.blogspot.com/-kogDpbk61pk/VrGIZRRkIfI/AAAAAAAABYg/U6ZatuofNyY/s640/7636366946_a873ac0825_o.jpg"alt="石碇 åƒå³¶æ¹–"class="img-thumbnail"> <p>çŸ³ç¢‡é„‰æ—©æœŸç‚ºç…¤ç¤¦çš„ä¾›æ‡‰åœ°ï¼Œå¾Œå› ç¤¦ç½æ…¢æ…¢è½‰åž‹ç‚ºåŒ—部茶葉的主è¦ç”¢å€ä¹‹ä¸€ã€‚而有「å°ç£å°åƒå³¶ã€ä¹‹ç¨±çš„石碇åƒå³¶æ¹–,ä½åœ¨ç¿¡ç¿ æ°´åº«çš„ä¸Šæ¸¸ï¼Œå±±å·’çš„ç¿ ç¶ ï¼Œè¼”ä»¥æ¹–æ°´çš„æ¸…æ¾ˆï¼Œä¸¦èˆ‡è‡¨è¿‘çš„æ¢¯ç”°æ™¯è§€æ§‹æˆäº†å¦‚畫般的景致。 ▶︎地點:新北市石碇å€æ°¸å®‰é‡Œ ▶︎交通: 1. 大眾é‹è¼¸ï¼šæ乘æ·é‹è‡³æ–°åº—站,轉æ新店客é‹ç¶ 12æ–¼å三股站下車。 2. 自行開車:北宜公路27公里處,於å‹å®‰å®®ç‰Œæ¨“ã€æ°¸å®‰ç¤¾å€çš„岔路å³è½‰ï¼ŒæŠµé”ç¿¡ç¿ æ°´åº«ï¼ˆé¯‰éšå¹¹49號)下車æ¥è¡Œå³å¯æŠµé”。</p> </div> <div class="col-sm-4"> <h2>æ¾è˜¿æ¹–|宜è˜<small>第四å</small></h2> <img src="https://4.bp.blogspot.com/-R-_Ea9TKVZU/Vs_EUW5L77I/AAAAAAAAB9k/bpspONhfAfc/s640/3679051560_ec48ac9ce3_o.jpg"alt="æ¾è˜¿æ¹–"class="img-thumbnail"> <p>æ¾ç¾…æ¹–åˆå「夢幻湖ã€ï¼Œä½åœ¨é›ªå±±å±±è„ˆåŒ—邊,海拔約1300å…¬å°ºï¼Œå› è™•é«˜å±±è°·åœ°ç¶“å¸¸é›²éœ§ç¹šç¹žã€‚è€Œå±±ä¸Šæ¸…æ–°çš„ç©ºæ°£ï¼Œå› éœ²æ°´æ›´é¡¯ç¶ æ„盎然的少地,或幸é‹é‡ä¸Šé™½å…‰ï¼Œè€Œå射倒影與光暈的湖水,都讓æ¤åœ°ä»¿å¦‚仙境。 ▶︎è‰ä»¶ï¼šéœ€è¾¦ç†ç”²ç¨®å…¥å±±è‰ ▶︎地點:宜è˜ç¸£å¤§åŒé„‰æ¾è˜¿æ‘ ▶︎交通: 1. 大眾é‹è¼¸ï¼šå¾žå®œè˜æå‰å¾€æ¾è˜¿æ‘ã€å—å±±æ‘ã€ç¨ç«‹å±±ã€æ¢¨å±±çš„å°æ±½å®¢é‹ï¼Œæ–¼æ¾è˜¿æ‘或玉è˜æ‘下車。 2. 自行開車</p> </div> <div class="col-sm-4"> <h2>æ…•è°·æ…•éš |花蓮<small>第三å</small></h2> <img src="https://2.bp.blogspot.com/-F-n6R7H31SI/VsP1MHIub0I/AAAAAAAABl0/72yWMYZq-s4/s640/8396565035_f572bcfe52_b.jpg"alt="æ…•è°·æ…•éš"class="img-thumbnail"> <p>æ…•è°·æ…•éšç‚ºå¤ªé¯é–£å±…æ°‘è¦åŠƒå‡ºçš„生態廊é“,以生態旅éŠå‰µé€ 在地就æ¥æ©Ÿæœƒï¼Œé›–然知ååº¦å·²ç¶“é —é«˜ï¼Œä½†æ¹›è—清澈的水色ã€å‚¾æ–œå¸¶è‘—紋路的岩層,以åŠéŠ…門的山刀街的工è—å“ï¼Œéƒ½é‚„æ˜¯è®“å®ƒå¿…é ˆåˆ—åœ¨ç§˜å¢ƒçš„è¡Œåˆ—è£¡ã€‚ 唯需注æ„的是,æ¤åœ°ç‚ºä¿è·ç’°å¢ƒï¼Œæ¯å¤©æœ‰äººæ•¸æŽ§ç®¡ï¼Œé ˆå…ˆå‰å¾€éŠ…門派山所申請入山è‰ã€‚ ▶︎è‰ä»¶ï¼šéœ€è¾¦ç†å…¥å±±è‰ï½œä¸Šåˆä¸‹åˆé™åˆ¶å„300人 |需備身分è‰ã€ç”³è«‹è²»10元|事先網路申請好å¯çœåŽ»æŽ’隊麻煩ã€ç¢ºä¿å–得入山è‰ã€‚ ▶︎地點:花蓮縣秀林鄉銅門æ‘榕樹路18-7號 ▶︎交通:自行開車ã€é¨Žè»Šå‰å¾€ ▶︎建è°ï¼šå›žç¨‹ç›®çš„地是臺北的話,å¯åƒåŠ 一路å‘北特色一日éŠï¼Œå†çŽ©å®œè˜è‡ºåŒ—ï¼Œè®“ä½ æœ€å¾Œä¸€å¤©ä¹Ÿçµ²æ¯«ä¸æµªè²»ï¼</p> </div> <div class="col-sm-4"> <h2>利å‰æƒ¡åœ° | å°æ±<small>第二å</small></h2> <img src="https://4.bp.blogspot.com/-aNAP19DZlZw/Vs_LAg5SfjI/AAAAAAAAB-Q/YaG8Sev5GbM/s640/5799499627_0075ef389c_b.jpg"alt="利å‰æƒ¡åœ°"class="img-thumbnail"> <p>利å‰æƒ¡åœ°åˆå「利å‰æœˆä¸–ç•Œã€ï¼Œå› 泥沙岩風化ã€åœŸçŸ³æµå¤±ä½¿å¾—表é¢å¯¸è‰ä¸ç”Ÿï¼Œè’涼如月çƒè¡¨é¢è€Œå¾—å。利å‰æƒ¡åœ°çš„泥岩å”ç´°å°ï¼Œåœ¨é›¨æ°´æ²–åˆ·ä¸‹ï¼Œå› ç„¡æ³•æ»²é€æ–¼è¡¨é¢å½¢æˆé›¨è•æºï¼Œå¶™å³‹çš„外表,寬2公里ã€æ·±1公里的è¦æ¨¡ï¼Œè®“景象相當壯麗。 ▶︎建è°ï¼šå¯ä»¥ä¸€åŒèµ°è¨ªé™„è¿‘çš„å°é»ƒå±± ▶︎地點:å°æ±ç¸£å‘å—鄉利å‰æ‘ ▶︎交通:自行開車/騎車å‰å¾€ (利å‰éƒ¨è½é™„近無公車åœé ,ä¾å°ä¹ç·š(更生北路)行走後,轉11乙線(志航路)ç´„2公里後,轉入æ±45鄉é“,éŽåˆ©å‰å¤§æ©‹å¾Œå³æŠµé”利å‰æƒ¡åœ°ï¼‰</p> </div> <div class="col-sm-4"> <h2>石門 è€æ¢…ç¶ çŸ³æ§½ï½œæ–°åŒ— (3至5月期間é™å®šï¼‰<small>第一å</small></h2> <img src="https://3.bp.blogspot.com/-gnP23nY25Ac/VsQX1eKCNiI/AAAAAAAABmQ/45IV5CVecjM/s640/8585411885_a26f5a2b00_o.jpg"alt="石門 è€æ¢…ç¶ çŸ³æ§½"class="img-thumbnail"> <p>è€æ¢…ç¶ çŸ³æ§½ä½åœ¨åŒ—海岸,在近年來å¯èªªæ˜¯ç‚™æ‰‹å¯ç†±çš„景點。其「石槽ã€çš„特殊地形,是大屯ç«å±±çˆ†ç™¼å¾Œçš„ç«å±±ç¤å²©åœ¨æµ·æµªå·®ç•°ä¾µè•ä¸‹çš„çµæžœï¼Œè€Œæ¯å¹´æ±åŒ—å£é¢¨å°‡æµ·æ°´å¸¶ä¸ŠçŸ³æ§½ï¼Œå°Žè‡´å£ç¯€æ€§çš„藻類滋生所形æˆçš„景觀,更是æ¤è™•çš„最大亮點。 ▶︎地點:新北市石門å€è€æ¢…里 ▶︎交通: 1. 大眾é‹è¼¸ï¼šæŠµæ·¡æ°´æ·é‹ç«™å¾Œè½‰æ862ã€863ã€865ã€867號公車,於è€æ¢…站下車,下車直行éŽè€æ¢…社å€å³å¯æŠµé”。 2. 自行開車抵é”石門(2號çœé“26.3公里處)</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; text-shadow: 2px 2px 4px #333333; }
// Write JavaScript here