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 Eblast two coloum2</title> </head> <body> <div class="everything"> <div style="border-top:50px solid #fdfbec;height:5px"></div> <img src="https://imgur.com/BmZOXeW.png" class="logo-images"/> <div style="border-top:30px solid #fdfbec;height:5px"></div> <img src="https://imgur.com/nSMrIr6.png" class="logo-images"/> <div style="border-top:5px solid #fdfbec;height:5px"></div> <div class="discribtion"> <p><b>World’s First Community Lab</b></p> </div> <div style="border-top:10px solid #fdfbec;height:5px"></div> <img src="https://imgur.com/bSqpIJC.png" class="second-images"> <div style="border-top:80px solid #fdfbec;height:5px"></div> <div class="content-container"> <div class="content1-text"> <i>Wednesday, July 18 at 12:30pm</i> <br/> <b>Bryant Park Author : </b> <b>One Thing Leads to Another</b> <br/>Julie Wolf hosts Eugenia Bone for a conversation about her new book Microbia: A Journey into the UnseenWorld Around You, at the Bryant Park Reading Room. <p><i><font color="#6fba54">More Info Here</font></i></p> </div> <div class="content1-img"><img src="https://imgur.com/TgLjVo4.jpg"></div> <div class="content2-text"> <i>Starting Thursday, July 19</i> <br/> <b>Neurohacking 101 : </b> <br/> <b>Brain Networks and </b> <br/> <b>Machine Learning </b> <br/>This is our third time offering this workshop at Genspace, and this time we've decided to include an optional Python Boot Camp. <p><i><font color="#6fba54">More Info Here</font></i></p> </div> <div class="content2-img"><img src="https://imgur.com/QTB1T88.jpg"></div> <div class="content3-text"> <i>Starting July 28</i> <br/> <b>RNA Evolution :</b> <b>From Primordial Life</b> <b>to Masterminds of Gene Expression </b> <br/>From dark matter of genomes to primordial life on earth, RNA is no longer the simple messenger to the genetic code. <br/><br/> </div> <div class="content3-img"><img src="https://imgur.com/qSBxCDl.jpg"></div> <div class="content4-text"> <i>Starting August 9</i> <br/> <b>Biohacker Boot Camp </b> <br/>We'll extract our own DNA, analyze ancestry through bioinformatics, splice genes into bacteria, and learn all the standard techniques such as using pipettes, gel electrophoresis,amplifying DNA with PCR reactions, working with restriction enzymes to build plasmids, and growing and transforming bacteria. <p><i><font color="#6fba54">More Classes Here</font></i></p> </div> <div class="content4-img"><img src="https://imgur.com/h8BdSEo.jpg"></div> </div> <div style="border-top:50px solid #fdfbec;height:5px"></div> <div style="border-top:50px solid #6fba54;height:50px"></div> <div class="discribtion-container"> <div class="logo"> <img src="https://imgur.com/bJnY9E5.png"/> </div> <div class="logo-discribtion"> <b><i>Genspace is a nonprofit organization <br> dedicated to promoting science literacy through citizen access to biotechnology.</b> <br/> <b>We provide STEM educational outreach, <br> cultural events, and a platform for science <br> innovation at the grassroots level. </i></b> </div> </div> <div style="border-top:30px solid #fdfbec;height:5px"></div> <div style="border-top:50px solid #6fba54;height:50px"></div> <div style="border-top:30px solid #fdfbec;height:5px"></div> <div class="content2-img"><img src="https://imgur.com/Xikghtw.jpg"></div> </div> </body> </html>
.everything { background-size: 700px; background-color: #fdfbec; position: absolute; top: 15px; max-width: 700px; min-width: 400px; height: 2400px; margin: 0 auto; left:0; right:0; margin-top: 100px;} .image{ display: block; margin: 0 auto;} .logo-images { width: 700px; padding-top: 20px; } .discribtion { text-align: center; color: #535354; font-size: 13px; font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; font-weight: 400; } .second-images { width: 600px; padding-top: 20px; display: block; margin: 0 auto; } .content1-text {background: #fdfbec;} .content1-img {background: #fdfbec;} .content2-text {background: #fdfbec;} .content2-img {background: #fdfbec;} .content3-text {background: #fdfbec;} .content3-img {background: #fdfbec;} .content4-text {background: #fdfbec;} .content4-img {background: #fdfbec;} .content-container { font-size: 15px; font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; max-width: 700px; align-content: center; display: grid; grid-template-columns: 250px 250px; grid-column-gap: 30px; grid-row-gap: 40px; justify-content: center; } .logo { background: #fdfbec; justify-content: left; } .logo-discribtion { background: #fdfbec;} .discribtion-container { font-size: 15px; font-family: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; max-width: 700px; display: grid; grid-template-columns: 100px 300px; grid-column-gap: 100px; justify-content: center; }
// Write JavaScript here