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>HTML, CSS and JavaScript demo</title> </head> <body> <div class="header"> <img src="https://i.imgur.com/oav1VXG.png"/> </div> <div class="main"> <h1>UPCOMING EVENTS</h1> <container> <div> <img src="https://i.imgur.com/JDTZFI8.jpg"/> </div> <div> <h2>Bryant Park Author: One Thing Leads to Another</h2> <p><a href="https://www.eventbrite.com/e/neurohacking-101-brain-networks-and-machine-learning-tickets-47202924217?mc_cid=bc42434e0d&mc_eid=0c723f84b1"><em>Wednesday, July 18 at 12:30pm</em></a></p> <p>Julie Wolf hosts Eugenia Bone for a conversation about her new book <em>Microbia: A Journey into the Unseen World Around You</em>, at the Bryant Park Reading Room.</p> <div class="button"> <p>RSVP</p> </div> </div> </container> <container> <div> <img src="https://i.imgur.com/MlWFTNz.png"/> </div> <div> <h2>Neurohacking 101: Brain Networks and Machine Learning</h2> <p><a href="https://www.eventbrite.com/e/neurohacking-101-brain-networks-and-machine-learning-tickets-47202924217?mc_cid=bc42434e0d&mc_eid=0c723f84b1"><em>Starting Thursday, July 19</em></a></p> <p>This introductory course covers some of the most important techniques used in the analysis of MRI data, and you’ll learn plenty about neuroscience along the way!</p> <div class="button"> <p>RSVP</p> </div> </div> </container> <container> <div> <img src="https://i.imgur.com/2JtlMhx.png"/> </div> <div style="margin-top:10px"> <h2>RNA Evolution: From Primordial Life to Masterminds of Gene Expression</h2> <p><a href="https://www.eventbrite.com/e/neurohacking-101-brain-networks-and-machine-learning-tickets-47202924217?mc_cid=bc42434e0d&mc_eid=0c723f84b1"><em>Starting July 28</em></a></p> <p>In this course, students will discover the vast and intricate world of RNA biology. Learn how to extract RNA</p> <div class="button"> <p>RSVP</p> </div> </div> </container> <container> <div> <img src="https://i.imgur.com/lY1GcAR.png"/> </div> <div> <h2>Solving Cases with Genetic Traces: A Forensics and Genomics Workshop</h2> <p><a href="https://www.eventbrite.com/e/neurohacking-101-brain-networks-and-machine-learning-tickets-47202924217?mc_cid=bc42434e0d&mc_eid=0c723f84b1"><em>Saturday August 11</em></a></p> <p>oin Dr. Sophie Zaaijer and Dr. Kadija Ferryman for a workshop exploring the promises, challenges, and perils as genomics becomes a part of everyday life.</p> <div class="button"> <p>RSVP</p> </div> </div> </container> <container> <div> <img src="https://i.imgur.com/6v1awZT.png"/> </div> <div style="margin-top:20px"> <h2>Biohacker Bootcamp</h2> <p><a href="https://www.eventbrite.com/e/neurohacking-101-brain-networks-and-machine-learning-tickets-47202924217?mc_cid=bc42434e0d&mc_eid=0c723f84b1"><em>Saturday August 9</em></a></p> <p>We'll extract our own DNA, analyze ancestry through bioinformatics, splice genes into bacteria, and learn all the standard techniques.</p> <div class="button"> <p>RSVP</p> </div> </div> </container> <container> <div> <img src="https://i.imgur.com/Skmn9FR.png"/> </div> <div style="margin-top:25px"> <h2>Biotech Crash Course</h2> <p><a href="https://www.eventbrite.com/e/neurohacking-101-brain-networks-and-machine-learning-tickets-47202924217?mc_cid=bc42434e0d&mc_eid=0c723f84b1"><em>Saturday August 11</em></a></p> <p>This introductory course covers the basic techniques that facilitated the biotechnology revolution.</p> <div class="button"> <p>RSVP</p> </div> </div> </container> <div class="see-more"> <p>See More</p> </div> </div> <div id="footer"> <p><em>Copyright © 2017 Genspace, All rights reserved.</em></p> <p><strong>Our mailing address is:</strong><br><a href="https://www.google.com/maps?q=140+32nd+Street+%0D%0ABrooklyn,+NY+11232&entry=gmail&source=g">140 32nd Street</a><br>Brooklyn,<br>NY 11232</p> <p>Want to change how you receive these emails?<br>You can update your preferences or unsubscribe from this list.</p> </div> </body> </html>
.lw { font-size: 60px; } html{ font-family: Arial, Helvetica, sans-serif; max-width: 780px; margin: auto; } .header{ max-width: 550px; padding-top: 30px; padding-bottom: 20px; background: #FFFFFF; margin: auto; text-align: center; } h1{ text-align: center; color: white; } h2{ font-size: 23px; line-height: 20px; } p{ font-size: 13px; } .main{ background-size: 100% auto; background-image: url(https://i.imgur.com/Rh1mhLl.png); padding-top: 30px; margin-top: 30px; padding-bottom: 30px; } container{ border-radius: 10px; margin: auto; background-color: white; padding-right: 10px; width: 680px; display: grid; grid-template-columns: 50% 50%; margin-bottom: 15px; } img{ width: 325px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .button { background-color: #b164d1; border-radius: 10px; color: white; width: 330px; height: 30px; text-align: center; display: inline-block; color: white; } .see-more { border-radius: 10px; border-color: white; border-style: solid; border-width: 1px; color: white; width: 690px; height: 40px; text-align: center; margin: auto; } #footer { background-color: black; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: auto; text-align: center; line-height: 18px; padding-top: 40px; padding-bottom: 40px; }
// Write JavaScript here