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> <title>GENSPACE</title> </head> <body> <div class="container"> <header> ABOUT THE LAB </header> <h1>Genspace lab follows <br/> Biosafety Level 1 guidelines. </h1> <div class="grid-container"> <!-- <LEFT COLUMN> --> <div class="grid-item"> <!-- <TITLE> --> </div> <!-- <PROFILE> --> <div class="photography"> </div> </div> <!-- <DESCRIPTION> --> <div class="description"> <p> Since 2010, Genspace has provided lab space to independent researchers, scientists, artists, designers, entrepreneurs, hobbyists, teachers and students. <br/><br/> In 2017, we moved to a new facility in Sunset Park where we can provide even more space and resources to our members.<br/><br/> Starting in February 2018, we are also supporting several Community Projects for members who want to work on group research. <br/><br/> In our lab, we freely provide supplies and equipment including: </p> <p>Phone: (929) 387 - 8100<br/> 132 32nd Street, Suite 108, Brooklyn, NY 11232<br/> Copyright © 2018<br /> SUBSCRIBE<br/> Sign up with your email address to receive news and updates. </p> </div> <!-- <CREDITS> --> <div class="footer"> <div class="grid-item"> your e-mail </div> <div class="grid-item"> sign up </div> </div> </div> <!-- </LEFT COLUMN> --> <!-- <RIGHT COLUMN> --> <div class="grid-item"> <div class="photo"> <div class="photos"> <div> <img src="https://imgur.com/sMBDabP.jpg" /> <img src="https://i.imgur.com/q6iuHPK.jpg" /> <img src="https://i.imgur.com/aEac7xf.jpg" /> <img src="https://i.imgur.com/KCQwkXI.jpg" /> <img src="https://i.imgur.com/pQBdhpI.jpg" /> <img src="https://i.imgur.com/XFGDbzo.jpg" /> <img src="https://i.imgur.com/PjJ9PVB.jpg" /> <img src="https://i.imgur.com/q6iuHPK.jpg" /> </div> </div> </div> <!-- </RIGHT COLUMN> --> </div> <!-- End your code here --> </body> </html>
.container header{ width: 100%; height: 30px; background-color: #fff; } .grid-container{ display: grid; grid-template-columns: 50% 50%; } .photography div { display: inline-block; } .photography img{ width: 30px; height: 30px; border-radius: 100%; position: relative; top: 10px; } .photos{ display: grid; grid-template-columns: 80%; } .photos img{ width: 100%; }
// Write JavaScript here