Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<style>
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
}
.floated_img {
float: left;
margin-left: 10px;
margin-top: 10px;
height: 204px;
display: inline-block;
position: relative;
width: 150px;
height: 151px;
}
.floated_img img {
width: 100%;
height: 100%;
border: 1px #2e7daa solid;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.floated_img .overlay {
box-sizing: border-box;
position: absolute;
bottom: -1px;
width: 152px;
height: 20px;
color: #fff;
text-align: center;
background-color: #2e7daa;
border-radius: 0px 0px 3px 3px;
}
</style>
<img src="http://thegreeneyl.com/sites/default/files/styles/pagelayout_nodereference/27/public/LogoMain.jpg?00195210-185-69531300" width="256" height="256" style="float: right;">
<br/>
<p>
We want to experiment this year with a number of different ways to advance ideas, i.e. to Ideas in Action. We have the opportunity to try an interesting new format - virtual conversations using the Unhangout Platform. We are inviting some of our speakers to be hosts of virtual discussion rooms on Feb 12. On the day of the event, there will be a kick-off webinar, after which people will proceed to the session they are interested in. In the individual discussion room, participants will hear from a speaker, view a TEDxBeaconStreet talk and discuss it. We hope this catalyzes interest, ideas, and the potential for follow-up to help advance the idea.
</p>
<br/>
<a href="" target="_blank"><button style="width: 250px; height:40px; background-color: #2e7daa; border: 2px; border-radius: 5px; font-family: sans-serif; font-size: 20px; color: #fff"; >Register for the Event</button></a>
<br/> <br/> <br/>
<h3>Speakers</h3>
<div class="floated_img">
<a href="http://www.pipmothersill.com/" targer="blank">
<img src="http://pldb.media.mit.edu/face/pip" width="174" height="178">
</a>
<span class="overlay">Philippa Mothersill</p>
</div>
<div class="floated_img">
<img src="https://lh6.googleusercontent.com/-K_ETwUKCMuo/AAAAAAAAAAI/AAAAAAAAHyI/BVklTUlSB8A/photo.jpg" width="174" height="178">
<span class="overlay">Abdulrahman Y. idlbi </p>
</div>
<div class="floated_img">
<a href="">
<img src="http://pldb.media.mit.edu/face/champika" width="174" height="178"></a>
<span class="overlay">Champika Fernando</p>
</div>
<div class="floated_img">
<a href="http://web.mit.edu/xiac/www/">
<img src="http://pldb.media.mit.edu/face/xiac" width="174" height="178"></a>
<span class="overlay">Cassandra Xia</p>
</div>
<div class="floated_img">
<a href="http://bentcircuit.blogspot.com/">
<img src="http://pldb.media.mit.edu/face/micahrye" width="174" height="178">
</a>
<span class="overlay">Micah Eckhardt</p>
</div>
<div class="floated_img">
<a href="http://erhardtgraeff.com/">
<img src="http://pldb.media.mit.edu/face/erhardt" width="174" height="178">
</a>
<span class="overlay">Erhardt Graeff</p>
</div>
<div class="floated_img">
<a href="http://taylorlevy.com/">
<img src="http://itpedia.nyu.edu/mediawiki/images/thumb/5/5a/Levy_t.jpg/200px-Levy_t.jpg" width="174" height="178">
</a>
<span class="overlay">Taylor Levy</p>
</div>
<div class="floated_img">
<a href="http://smilkov.com/">
<img src="http://pldb.media.mit.edu/face/smilkov" width="174" height="178"></a>
<span class="overlay">Daniel Smikov</p>
</div>
<div class="floated_img">
<a href="http://simonetti.media.mit.edu/~jieqi/">
<img src="http://pldb.media.mit.edu/face/jieqi" width="174" height="178">
</a>
<span class="overlay">Jie Qi</p>
</div>
<br/><br/><br/><br/><br/><br/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment