Initializing...
Liveweave
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
build
Tools
expand_more
restart_alt
Load base template
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> <meta name="viewport" content="width=device-width, initial-scale=1"> <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-latest.min.js"></script> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <!-- Start your code here --> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 yazi"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel tellus viverra, dapibus odio nec, tincidunt arcu. Nulla eu nulla sit amet erat placerat porttitor sit amet id nulla. Phasellus neque magna, venenatis non tempor eget, posuere eu velit. Curabitur eleifend enim a laoreet consequat. Donec elementum fringilla nisl, quis hendrerit tellus mattis in. Donec sagittis lectus quis vulputate elementum. Sed et nisl dolor. Mauris euismod purus ut enim aliquam varius. Integer maximus arcu neque, fringilla tincidunt ante cursus ut. Donec a blandit felis. In at suscipit massa, ac cursus mi. Nam rhoncus odio in pretium facilisis. Aliquam erat volutpat. Nam sit amet tellus vitae tortor lacinia molestie. Fusce pretium arcu eu lectus placerat, ac ultrices ligula ultrices. Cras vestibulum tincidunt sapien non sodales. Aliquam erat volutpat. Etiam tincidunt, augue sit amet rutrum viverra, dui sem dignissim urna, mollis lacinia turpis libero in ante. Pellentesque eget lacinia turpis, quis auctor felis. Quisque egestas dui est, et sollicitudin turpis tristique id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse mattis laoreet auctor. In tellus dui, malesuada eget turpis in, porttitor consequat risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas vestibulum fringilla augue in cursus. Quisque scelerisque, diam a hendrerit sollicitudin, nibh urna sodales nunc, ac bibendum mauris nulla a neque. Ut tempor massa mi, id blandit sapien fermentum at. Nam accumsan tortor et lorem ornare malesuada. Duis sed massa at diam eleifend fermentum. Mauris porttitor rhoncus laoreet. Sed consectetur metus vestibulum aliquam tempus. Mauris lectus ligula, pulvinar et scelerisque tincidunt, semper ut elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ac erat vel ipsum maximus aliquet. Aliquam ut varius lacus. Nunc iaculis maximus tellus, vel vulputate sapien cursus et. Duis eget convallis odio. Nullam id facilisis felis, quis laoreet ante. Phasellus aliquet ullamcorper neque quis rutrum. Vivamus non elit finibus, ornare elit sed, aliquet diam. Vivamus maximus bibendum justo. Ut id condimentum felis, et scelerisque turpis. Phasellus efficitur metus nec neque euismod, sed feugiat magna laoreet. Integer scelerisque arcu quis ex molestie egestas. Fusce non tempor risus. Sed feugiat mauris eros, eget scelerisque ex posuere vel. Etiam scelerisque interdum est, vitae dictum sem eleifend at. Curabitur porta in eros eu rutrum. Etiam posuere orci a sem molestie, ut ultricies tellus bibendum. Sed quis vulputate velit, at dignissim felis. Nunc eu mollis orci. Curabitur faucibus odio a urna bibendum, at euismod lectus eleifend. Ut ante tortor, consectetur id lorem fermentum, tempor bibendum risus. Integer egestas quis justo non mollis. Sed a viverra nunc. Praesent volutpat accumsan ex nec luctus. Vivamus suscipit velit sed nibh semper consectetur. Curabitur scelerisque vehicula efficitur </div> </div> </div> <!-- End your code here --> </body> </html>
.yazi{ background-color: #FF7F50; color: #FFFFFF; margin-top: 10px; font-size: 20px; }
/* Write JavaScript here */