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="https://bootswatch.com/darkly/bootstrap.min.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container main"> <div class="alert alert-info" role="alert"></div> <!-- Start your code here --> <h1>澄清湖 <small>Chengcing Lake</small></h1> <p class="lead"><strong>澄清湖</strong>原å<mark>「大埤ã€</mark>,係曹公圳之一支æµï¼Œåˆç‚ºèª¿ç¯€è¾²ç”°çŒæº‰ä¹‹ç”¨ã€‚至日本據å°æœ«æœŸï¼Œç‚ºå› 應è»äº‹åŠé‡å·¥æ¥ç”Ÿç”¢ç”¨æ°´éœ€è¦ï¼Œä¹ƒæ–¼æ°‘國29年開始利用曹公圳,將原水引儲湖內,並增建供水è¨å‚™ã€‚</p> <blockquote> <p>澄清湖天然æ¢ä»¶å„ªè¶Šï¼Œç’°å¢ƒæ¸…å¹½ï¼ŒåŠ ä¸Šæ°´åœŸä¿æŒè‰¯å¥½ï¼Œæž—木花å‰ä¸æ–·åŸ¹æ¤ï¼Œæ¹–光山色更顯秀麗,早在民國44年春å£ï¼Œä¾†éŠè€…已絡繹ä¸çµ•ï¼ŒåŒå¹´ç«‹æ³•é™¢å¼µæ•…院長é“籓先生蒞臨åƒè§€æ›¾è½ä¹‹ç‚ºã€Œå°ç£ç¬¬ä¸€é¢¨æ™¯å€ã€ã€‚ </p> <footer>å°ç£è‡ªä¾†æ°´å…¬å¸ç¬¬ä¸ƒå€ç®¡ç†è™•</footer> </blockquote> <div class="jumbotron"> <h1>ç«‹å³é 約嚮導</h1> <p>由在地旅éŠé”人帶路。</p> <p><a class="btn btn-info btn-lg" href="#" role="button"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> ç«‹å³é ç´„</a></p> </div> <div class="row"> <div class="col-sm-4"> <h2>梅隴春曉</h2> <img src="http://chengcinglake.water.gov.tw/file/userfiles/image/scenery/scenery_01-000.jpg" alt="花園夜市" class="img-responsive img-thumbnail" /> <p>æ¤æ™¯ç‚ºè§€å…‰å€å¤§é–€ï¼Œè¶Šå°ä¸˜è‡³æ¹–濱一帶,左之å°å±±ä¸Šéæ¤å—洋櫻花,在大門樓內高地å‰ï¼Œå»ºæœ‰ç™½è‰²çŽ‰å¢€ï¼Œé«˜åœ°ä¹‹ä¸å¤®å»ºæœ‰å…ˆç¸½çµ± 蔣公紀念銅åƒï¼Œåƒå¾Œå…©å´å„建有仿清建築物一棟,分別為水æ—館之淡水åŠæµ·æ°´é¤¨ï¼Œå·¦å´å°å±±äº¦æ¤å—æ´‹æ«»èŠ±ï¼Œå±±é ‚å»ºæœ‰ä»¿å”å¼ä¹‹è‡ªç”±äºï¼Œå±±è…°å»ºæœ‰å¤è‰²å¤é¦™çš„éµ²æ©‹ï¼Œæ©‹èº«è·¨è¶Šè“®æ± ï¼Œæ©‹ä¸‹å‡å±±é‡ç–Šï¼Œç¡è“®æœµæœµï¼Œæ¥µå¯Œè©©æ„。</p> </div> <div class="col-sm-4"> <h2>曲橋釣月</h2> <img src="http://chengcinglake.water.gov.tw/file/userfiles/image/scenery/scenery_02-000.jpg" alt="逢甲夜市" class="img-responsive img-thumbnail" /> <p>由寧éœåœ’沿湖岸經近水欄ã€æ›´ä¸Šå°ã€ç©¿è¿ŽèŠ±æž¶ï¼ŒéŽä¹æ›²æ©‹ï¼Œè¶Šè±æºé–£ï¼Œç™»æ…ˆæš‰æ¨“至兒童樂園一帶為本景å€åŸŸç¯„åœï¼Œæ™¯å…§ä½³æœ¨ç± 蔥,花å‰è±”麗,沿湖倚山漫æ¥ï¼Œæˆ–疾或å¾ï¼Œå¯éŠå¯æ†©ï¼Œæ™¯è‰²å¦‚畫,令人陶醉。</p> </div> <div class="col-sm-4"> <h2>柳岸觀蓮</h2> <img src="http://chengcinglake.water.gov.tw/file/userfiles/image/scenery/scenery_03-000.jpg" alt="士林夜市" class="img-responsive img-thumbnail" /> <p>本å€ç¯„åœç”±å…’童樂園至甘泉橋尾,築有蒔花路12æ¢ï¼Œå„路兩æ—éæ¤ä¸åŒçš„花木,å³ä»¥èŠ±æœ¨ä¹‹å為路å,兩å´å»ºæœ‰èŠ±å£‡ã€èŠ±æ£šã€èŠ±å‚˜ï¼Œç¨®æ¤å„種應時花å‰ï¼Œå曰「百花崗ã€ï¼Œå´—上有射ç®å ´ã€‚å·¦å´ç‚ºåˆ’èˆ¹å ´ã€‚ç”˜æ³‰æ©‹å³å´æ¹–邊有蓮花約5å…¬é ƒï¼Œç´…ç™½ç›¸æ˜ ï¼Œç…žæ˜¯ç¾Žéº—ã€‚æ¹–é‚Šåž‚æŸ³éš¨é¢¨æ–曳,柳絮飄æšï¼Œåˆ’èˆ¹å ´çš„å°èˆŸéš±ç´„於柳絲之下,所表ç¾çš„閒情逸致,æ°èˆ‡å…¶å…§å´é¨Žé¦¬å ´ä¹‹é¦¬å˜¶åŠé¦¬è¹„æšèµ·å¡µåœŸä¹‹æ´»èºè±ªæƒ…æˆå¼·çƒˆä¹‹å°æ¯”。</p> </div> <div class="col-sm-4"> <h2>高丘望海</h2> <img src="http://chengcinglake.water.gov.tw/file/userfiles/image/scenery/scenery_04-000.jpg" alt="士林夜市" class="img-responsive img-thumbnail" /> <p>由甘泉橋沿環湖公路上行,途ä¸å³å‘折經周雨寰將è»å¢“å‰å¾€é˜æ¨“,下å¡å†è·¨éµç´¢åŠæ©‹é”富國島åŠæ€æºäºã€‚折回環湖公路,å‰å¾€æ¹–å€æœ€é«˜è™•ï¼Œå…¶å·”建有ä¸èˆˆå¯¶å¡”,登臨塔上,ä¸åƒ…æ¹–å€ç›¡æ”¶çœ¼åº•ï¼Œé«˜é›„市å€ä¹‹é«˜æ¨“大廈åŠé«˜é›„港之船隻亦隱約å¯è¦‹ã€‚</p> </div> <div class="col-sm-4"> <h2>深樹鳴禽</h2> <img src="http://chengcinglake.water.gov.tw/file/userfiles/image/scenery/scenery_05-000.jpg" alt="士林夜市" class="img-responsive img-thumbnail" /> <p>景å€è‡ªä¸èˆˆå¡”å‰è¡Œï¼Œç¶“åƒæ¨¹æž—至攬秀樓一帶。å€å…§æ¤æœ‰å„種貴é‡æ¨¹æœ¨ï¼Œå»ºæœ‰èŠ±å£‡åŠç£šç Œä¹‹èŠ±å¾‘,鳥語花香,景色宜人。</p> </div> <div class="col-sm-4"> <h2> 湖山佳氣</h2> <img src="http://chengcinglake.water.gov.tw/file/userfiles/image/scenery/scenery_06-000.jpg" alt="士林夜市" class="img-responsive img-thumbnail" /> <p>æ¤ç‚ºåƒæ¨¹æž—å°é¢çªå‡ºæ¹–é¢ä¹‹åŠå³¶ï¼Œå…¶ä¸ä¾›å¥‰åœ‹è»å°‡å£«ä¹‹éˆéª¨ï¼Œåºåœ’之佈置極為雅緻。</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here