Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<!DOCTYPE html>
<html>
<style>
.content {
/*background-color: #eeeeee; */
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
}
.event-static {
margin-top: -40px;
padding: 0.6em;
}
.event-static h3 {
letter-spacing: 2px;
font-weight: 400;
font-size: 30px;
color: white;
text-align: center;
margin-top: 60px;
}
.event-static h4 {
font-size: 0px;
height: 0px; width: 0px;
}
#about-event h3 {
text-align: center;
color: white;
letter-spacing: 2px;
margin-top: 40px;
}
.event-banner {
background-color: #ED6F00;
background-size: cover;
background-position: center;
color: #ffffff;
z-index: 100000;
overflow: auto;
margin-left: -10px;
margin-right: -10px;
margin-top: -170px;
padding-top: 4em;
padding-bottom: 3em;
}
.event-banner h3 {
font-size: 2em;
text-align: center;
color: white;
letter-spacing: 1px;
}
.event-banner h2 {
font-size: 2em;
text-align: center;
color: white;
font-weight: 400;
}
.event-banner p {
font-size: 1.2em;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.event-banner a {
text-decoration: none;
color: white;
}
.event-banner .date {
font-size: 1.4em;
margin-top: 60px;
}
.event-container {
font-size: 1.2em;
line-height: 26px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
.event-container a {
text-decoration: none;
color: #ED6F00;
}
.event-container img{
margin-top: 10px;
width: 700px;
}
</style>
<div class="content">
<div class="event-banner">
<p class="date">August 28, 2014 11 A.M. EDT</p>
<!-- <h2>stay tuned...</h2> -->
<br/>
<p>For more information, visit <a href="http://learn.media.mit.edu/events/medialab" target="_blank">http://learn.media.mit.edu/events/medialab</a></p>
</div>
<div class="event-container">
<p class="event-desc">Join us here live on the posted start time and <a href="http://unhangout.media.mit.edu/event/medialab/auth/" target="_blank">login</a> to participate. To learn more about the event visit <a href="http://learn.media.mit.edu/events/medialab" target="_blank">here. </a> To prepare for the event, have a look at the How-To Unhangout instructions, <a href="https://unhangout.media.mit.edu/how-to-unhangout/" target="_blank">https://unhangout.media.mit.edu/how-to-unhangout/</a> and make sure your computer fulfills the basic requirements.</p>
<img src="https://lh5.googleusercontent.com/sZltZYM9cDJ3KLd4t8Uq5aY4RjcH1Ec0U65aokG4UfXftcgYvrLbL0E-QcdMwP0uuVAYSezu7H5FNh88HSpc2h-Gapw49tYQpTo8yuCHtBatQwcr72wxVd1SVkYP8m-prQ">
<p>For event related queries, email to <a href="mailto:srishti@media.mit.edu">srishti@media.mit.edu</a></p>
</div>
</div>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment