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"/> <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>å°ç£ä¼´æ‰‹ç¦®å¤–國人愛慘ï¼æ–°10大å產åƒå‡ºå¥½é¢¨å‘³<small> <p class="lead"><mark>“å°ç£ç¾Žé£Ÿä»¤äººè®šå˜†â€</mark> 如果外國朋å‹ä¾†å°ç£æ‰¾ä½ 玩,他離開å‰ä½ æœƒæŽ¨è–¦ä»–è²·ä»€éº¼å¸¶å›žå®¶ï¼Ÿå¦‚æžœä½ æº–å‚™å‡ºåœ‹è¦å¸¶ä¸‰å€‹å°ç£ç‰¹ç”¢ï¼Œä½ 會帶什麼? 當然ä¸æ˜¯é³³æ¢¨é…¥ã€å¤ªé™½é¤…ã€é«˜å±±èŒ¶â‹¯â‹¯é€™äº›é˜¿å…¬é˜¿å¬¤é•·è¼©å¸¶çš„,這些年的å°ç£å¥½ç²¾é‡‡ï¼Œæ–°çŽ©æ„éžå¸¸å¤šï¼Œå±¬æ–¼é€™å€‹æ™‚代的å°ç£å‘³é“ã€å°ç£å£æ„Ÿã€å°ç£æ°£å‘³â‹¯â‹¯å°±æ˜¯æ–°å°ç£å產。</p> <blockquote> <p>深耕å°ç£åœ¨åœ°é”人,包å«ä½œå®¶ã€ç¾Žé£Ÿå®¶ã€å“酒師ç‰ï¼Œä»¥å¤šé¢å‘觀點,將屬於這塊土地的美食å“味ã€é¢¨åœŸè¡Œè…³ã€ç”Ÿæ´»ç”¨å“ã€ç™¼æƒ³å‰µæ„ç‰æœ€å…·å°ç£å°è±¡çš„新事物,真心推薦給讀者。</p> </blockquote> <div class="row"> <div class="col-sm-4"> <h2>â€œå† è»ç±³ æ± ä¸Šå¤§å¡æ‘極å“米王â€</h2> <p>å°æ±æ± 上本是有機稻作的æ–籃,好山好水以åŠåš´è¬¹çš„稻çï¼Œè®“æ± ä¸Šç±³æˆç‚ºä¸€å€‹å¥½ç±³ä»£å詞;其ä¸å¤§å¡ç¨»ç±³ç”¢éŠ·ççé•·æž—é¾æ˜Ÿå¾žå°èˆ‡ç”°ç‚ºä¼ï¼Œå°ç¨»ç±³å“質è¦æ±‚精益求精,並崇尚自然追求永續生產ç†å¿µã€‚他所產稻米的外觀漂亮ã€ç³™ç±³é£½æ»¿ã€ç™½ç±³äº®éº—剔é€ï¼Œé£Ÿå‘³å£æ„Ÿå¥½ï¼Œæ˜¯ã€Œé¾æ˜Ÿç¨»ç±³è¾²æ³•ã€çš„呈ç¾ã€‚ </p> </div> <div class="col-sm-4"> <h2>“洲å—鹽花 日曬海洋天然滋味â€</h2> <p>ä½æ–¼å˜‰ç¾©å¸ƒè¢‹çš„「布袋嘴文化å”會ã€ï¼ŒäºŒâ—‹â—‹å…«å¹´æ±ºå®šå°‡é–’置已久的洲å—æ›¬é¹½å ´é‡æ–°å•Ÿå‹•ï¼Œå‚³æ‰¿è€é¹½å·¥çš„曬鹽技術並復育鹽田生態,產出的çµæ™¶ä¾¿æˆäº†ç貴的「洲å—鹽花ã€ã€‚鹽工們è’集漂浮在水é¢ä¸Šçš„鹽花,是最åˆçš„çµæ™¶é¹½ï¼Œåªæœƒæ¼‚浮在水é¢ä¸Šï¼Œé‡é‡è¼•è–„,產é‡ç¨€å°‘,費功耗時,å»å分ç貴。</p> </div> <div class="col-sm-4"> <h2>“黑豆粉地瓜簽禮盒 æ„›è·åœŸåœ°ç¨®æ¤å¥½è¾²ç”¢â€</h2> <p>水賊林å‹å–„土地組åˆæ˜¯ç”±äººç¨±ã€Œè”¡åˆ€ã€çš„蔡得黃所發起,他的雜糧作物計畫是以除è‰åŠ‘ã€ç„¡è¾²è—¥ã€ç„¡åŒ–肥的å‹å–„耕種法,復耕稻米ã€é»‘豆ã€é»ƒè±†ã€åœ°ç“œç‰é›œç³§ä½œç‰©ç‚ºä¸»ï¼Œæ°´æž—é»æ€§åœŸè³ªèˆ‡æ°£å€™æ‰€ç¨®æ¤å‡ºçš„ç•ªè–¯ç‰¹åˆ¥ç¾Žå‘³ï¼Œè£½ä½œå‡ºçš„åœ°ç“œç°½æ›´åŠ å¥½åƒï¼›è€Œé»‘豆粉則ä¸åŒæ–¼å¸‚é¢ä¸Šå¤šç‚ºé€²å£ï¼Œéƒ½æ˜¯è‡ªè¡Œç¨®æ¤é»‘豆後,脫殼ã€æ—¥æ›¬ã€ç ”磨而æˆçš„本土天然黑豆粉。。</p> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; text-shadow: 2px 2px 4px #333333; }
// Write JavaScript here