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>Flickr公布å°ç£äº”大超美新景點 <small>景點指å—</small></h1> <p class="lead">元旦四天連å‡å³å°‡åˆ°ä¾†ï¼Œå·²è¨ˆç•«å¥½è¦åŽ»<mark>哪裡出éŠäº†</mark>嗎?</p> <div class="btn btn-primary btn-lg"> <h1>æ¡è¿Žé ç´„</h1> <p></p> <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> </div> <blockquote> <p>Flickræ ¹æ“šYahoo奇摩爆紅新興景點熱æœçµæžœï¼Œç²¾é¸ä¸¦è³žæž2014年「å°ç£äº”大新興景點〠</p> </blockquote> <div class="row"> <div class="col-sm-4"> <h2>åŒ—é–€æ°´æ™¶æ•™å ‚</h2> <img src="http://img.chinatimes.com/newsphoto/2014-12-29/590/20141229003953.jpg" alt="åŒ—é–€æ°´æ™¶æ•™å ‚" class="responsive img-thmbnail"/> <p>ä½æ–¼å°å—,國內第一座公家機關è¨è¨ˆï¼Œä»¥å©šç´—æ”å½±ç‚ºä¸»é¡Œçš„ç™½è‰²æ°´æ™¶æ•™å ‚ï¼Œæ˜¯åŒ—é–€éŠå®¢ä¸å¿ƒæœ€å—矚目的景點。æ‹æ”秘訣:於夕陽下,é€éŽæ°´é¢å射與光影的控制技巧,色彩å°æ¯”強烈,呈ç¾å‡ºç™½è‰²å»ºç¯‰ç‰©çš„純淨。</p> </div> <div class="col-sm-4"> <h2>è‹—æ —å¾Œé¾åœŸæ¨“</h2> <img src="http://img.chinatimes.com/newsphoto/2014-12-29/590/20141229003956.jpg" alt="è‹—æ —å¾Œé¾åœŸæ¨“" class="responsive img-thmbnail"/> <p>ä½æ–¼è‹—æ —ç¸£å¾Œé¾éŽ®é«˜éµè‹—æ —ç«™ç‰¹å®šå€ï¼Œå……滿濃濃客家建築特色的土樓,2014å¹´10月底æ£å¼é–‹å¹•ã€‚æ‹æ”秘訣:æ¯ç•¶å¤œæ™šå››å‘¨ç‡ˆå…‰äº®èµ·ï¼Œæ”影愛好者å³å¯åˆ©ç”¨æ°´é¢å射呈ç¾å‡ºåœŸæ¨“夜間的燈景,是ä¸éŒ¯çš„構圖。</p> </div> <div class="col-sm-4"> <h2>å°ä¸åœ‹å®¶æŒåŠ‡é™¢å¤œæ™¯</h2> <img src="http://img.chinatimes.com/newsphoto/2014-12-29/590/20141229003957.jpg" alt="å°ä¸åœ‹å®¶æŒåŠ‡é™¢å¤œæ™¯" class="responsive img-thmbnail"/> <p>2014年完æˆæ”¹å»ºçš„å°ä¸å¤§éƒ½æœƒæŒåŠ‡é™¢ï¼Œæ£å¼æ”¹å為「å°ä¸åœ‹å®¶æŒåŠ‡é™¢ã€ï¼Œå…¶æœ€è‘—åçš„ç‰¹è‰²å°±æ˜¯é€ åž‹ç‰¹æ®Šçš„å¤–ç‰†ã€‚æ‹æ”秘訣:夜間æ‹æ”時,é€éŽæ˜Žæš—å°æ¯”,讓窗å的曲線清楚且æ¶çœ¼çš„表ç¾å‡ºä¾†ã€‚..</p> </div> <div class="col-sm-4"> <h2>岡林水管屋</h2> <img src="http://img.chinatimes.com/newsphoto/2014-12-29/590/20141229003959.jpg" alt="岡林水管屋" class="responsive img-thmbnail"/> <p>ä½æ–¼å°å—左鎮的岡林水管屋,由觀光旅éŠå±€æ‰€è¦ç•«ï¼Œæ–¼2014年八月開放民眾訂房。ç¨ç‰¹çš„ä½å®¿é«”驗引發大é‡æ°‘眾æœè–。æ‹æ”秘訣:æ¯åˆ°å‚晚時分,電燈亮起,æ”影愛好者å¯åˆ©ç”¨HDR與廣角é¡æ‹ä¸‹æ°´ç®¡å±‹åœ¨å¤œè‰²ä¸‹çš„å½±åƒï¼Œç‰¹åˆ¥æ˜¯å³é‚Šçš„人影,更讓畫é¢å¢žæ·»é€¸è¶£ã€‚</p> </div> <div class="col-sm-4"> <h2>伯朗大é“晨之美</h2> <img src="http://img.chinatimes.com/newsphoto/2014-12-29/590/20141229003961.jpg" alt="伯朗大é“晨之美" class="responsive img-thmbnail"/> <p>多年å‰å› 為æ‹æ”伯朗咖啡廣告而èžå的伯朗大é“,近期åˆå› 以金城æ¦ç‚ºä¸»è§’的長榮航空形象廣告於æ¤åœ°å–景而å†åº¦çˆ†ç´…。æ‹æ”秘訣:æ¤æ™¯å¯åˆ©ç”¨æ°´ç”°çš„倒影,讓相片ä¸æ± 上的山與樹呈ç¾å®Œç¾Žçš„é¡åƒæ§‹åœ–手法。</p> </div> <div class="col-sm-4"> </div> </div> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
// Write JavaScript here