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/slate/bootstrap.min.css"/> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <div class="container main"> <div class="alert alert-info" role="alert">本網站內容尚未製作完æˆï¼Œé 計在 11/7 æ—¥æ£å¼æŽ¨å‡ºã€‚</div> <!-- Start your code here --> <h1>航海王<small>角色介紹</small></h1> <p class="lead">想è¦æˆ‘的財寶嗎?想è¦çš„話å¯ä»¥å…¨éƒ¨çµ¦ä½ 。去找å§ï¼æˆ‘把所有的財寶都放在那裡ï¼</p> <blockquote> <p>後來世界上的人們將這個寶è—稱作「大秘寶ã€ï¼ˆONE PIECE),為了çˆå¥ªå¤§ç§˜å¯¶ã€ŒONE PIECEã€ï¼Œè€Œå…ˆå¾Œçˆç›¸å‡ºæµ·æˆç‚ºæµ·è³Šï¼Œå› æ¤é€ 就了「大海賊時代ã€ã€‚主角 蒙其·D·é¯å¤«ç‚ºäº†è¦å¯¦ç¾èˆ‡ã€Œç´…é«®ã€å‚‘克的約定而出海,在é™é 的路途上找尋著志åŒé“åˆçš„夥伴,進入「å‰å¤§çš„航é“ã€ï¼Œç›®æ¨™æ˜¯å¾—到「ONE PIECEã€èˆ‡æˆç‚ºã€Œæµ·è³ŠçŽ‹ã€ã€‚ </p> </blockquote> <div class="jumbotron"> <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>蒙奇.D.é¯å¤«</h2> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQXUusfqMno2a7iYJMN3ENaD0tAtaW4y0LJ8krT5gyNeN-gC8GL" /> <p>夢想:æˆç‚ºæµ·è³ŠçŽ‹ã€è·Ÿç´…é«®å†åº¦è¦‹é¢ 使用的æ¦è¡“:橡皮的身體 優點:自信ã€å¦çŽ‡ã€èª 實ã€é‹æ°£å¥½ã€‚èƒ½å¤ äº†è§£åˆ¥äººå¿ƒä¸çš„想法,å¯ä»¥ç„¡æ¢ä»¶åœ°ç‚ºåŒä¼´å‡ºç”Ÿå…¥æ»ï¼Œæ˜¯ä¸€å€‹å¯é 的船長 缺點:食é‡éŽå¤§ã€è¡å‹•ã€å–®ç´”ã€é ‘固ã€é²éˆã€ç„¡çŸ¥ã€å–„忘åŠæ„šè ¢</p> </div> <div class="col-sm-4"> <h2>羅羅亞.索隆</h2> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTBy6qZbUtzA6tWaXEvnE1Squzvh41WNOVavSSuJxzgEFBO2z_4" /> <p>最çè²´çš„æ±è¥¿ï¼šå¤ä¼Šå¨œéºä¸‹çš„å刀—"å’Œé“一文å—" 夢想:æˆç‚ºä¸–界第一的åŠè±ª 使用的æ¦è¡“:自創的三刀æµåŠè¡“ 優點:æ„å¿—å …å®šã€æœ‰è‡ªä¿¡ã€èƒ½è‡ªæˆ‘åçœåŠç£¨ç·´è‡ªå·± 缺點:方å‘白痴ã€æ„›ç¡</p> </div> <div class="col-sm-4"> <h2>娜美</h2> <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQRzUykUpCT9mrYHcmV42qT1MWF7oEKrdv-g3xD7VTUrEwSTKqc"/> <p>最çè²´çš„æ±è¥¿ï¼šéŒ¢å’Œèˆ¹ä¸Šçš„蜜柑樹 夢想:繪畫全世界的航海地圖 使用的æ¦å™¨ï¼šå¤©å€™æ£’ 優點:航海知è˜è±å¯Œã€å£æ‰å¥½å’Œæ“…é•·å·ç«Š 缺點:貪錢ã€å嗇和經常欺è©äºº</p> </div> <div class="col-sm-4"> <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSgG6Sdb-KIZyHam989pugcOLYGQtAPaVVPtCUdqMeW1w2OsIRbBA"/> <h2>騙人布</h2> <p>最çè²´çš„æ±è¥¿ï¼šä¸è©³ 夢想:到戰士之æ‘艾爾帕布並æˆç‚ºå‹‡æ•¢çš„海上戰士 使用的æ¦å™¨ï¼šå½ˆå¼“å’ŒéµéŽš 優點:百發百ä¸çš„射擊能力,有è—術和發明家的天份 缺點:常說沒有人會信的謊話ã€æ„›å¹ç‰›ã€è†½å°ã€ä»–的戰鬥能力在整個é¯å¤«æµ·è³Šåœ˜ä¸æ˜¯æœ€å·®çš„一個</p> </div> <div class="col-sm-4"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSNbq2SQUunEcYmH5QcrJ-JO4G6Ed4QLD_A4YpGt13yDYIcw7Z2"/> <h2>香å‰å£«</h2> <p>最çè²´çš„æ±è¥¿ï¼šé¦™ç…™ 夢想:找到全世界的海洋食æèšé›†çš„傳說之海「ALL BLUE〠使用的æ¦è¡“:紅腳哲普傳授的腿法 優點:超強的烹飪技巧ã€æœ‰ç´³å£«é¢¨åº¦ 缺點:見到美女會失控</p> </div> <div class="col-sm-4"> <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS7P8V_zMfyAlJih_tbqJH4XwJSgbLBtuY5NOnS3HKSR3NeDvt7Yg"/> <h2>多尼多尼.喬巴</h2> <p>最çè²´çš„æ±è¥¿ï¼šå¸Œé¯é¯å…‹é†«ç”Ÿé€çµ¦ä»–çš„ 帽夢想:製æˆè¬èƒ½è—¥ï¼Œåšä¸€å€‹èƒ½æ²»å¥½æ‰€æœ‰ç—…的醫生 使用的æ¦è¡“:人類果實的變形能力 優點:懂得醫術ã€èƒ½å’Œå‹•ç‰©æºé€šã€å—…覺比其他人éˆæ• 缺點:單純ã€è‡ªå‘ã€æ²’有自信ã€å£æ˜¯å¿ƒéž</p> </div> </div> </div> <!-- End your code here --> </body> </html>
// Write JavaScript here