Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<style>
.content {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
margin-left: 200px;
margin-right: 200px;
margin-top: 25px;
}
.content .lead {
text-align: justify;
}
.floated_img {
float: left;
margin-right: 20px;
margin-bottom: 90px;
height: 204px;
display: inline-block;
position: relative;
width: 150px;
height: 154px;
}
.floated_img img {
width: 100%;
height: 100%;
border: 1px #DfDfDf solid;
}
.floated_img .overlay {
box-sizing: border-box;
position: absolute;
bottom: -1px;
left: 1px;
width: 150px;
height: 20px;
color: #fff;
text-align: center;
background-color: #2e7daa;
}
.floated_img .short-bio {
box-sizing: border-box;
position: absolute;
bottom: -30px;
left: 0px;
width: 150px;
height: 20px;
color: black;
background-color: white;
}
</style>
<div class="content">
<h3 style="color: #444;
font-weight: 400;
font-size: 24px;">Meet Your Peer Buddy - Conversation Series</h3>
<!--
<img src="" width="256" height="256" style="float: right; "> -->
<p class="lead">
Join a bunch of storytellers from diverse backgrounds including designers, engineers and entrepreneurs to learn about the topics they are passionate about. On the day of the event, after a live broadcast introducing your peer buddies, we will encourage you to move into different break-out sessions. Each breakout room conversation will be facilitated by a session host where you will know more about their ongoing projects and get an opportunity to ask questions about it. The event will be hosted on the Unhangout platform, a new way of conducting large, online conversations that was developed at the MIT Media Lab. To prepare for the event, make sure you have a <a href="https://accounts.google.com/SignUp?" target="_blank">Google Account</a> and <a href="https://support.google.com/chat/answer/161993" target="_blank">Google Hangout Plug-in</a> setup.
</p>
<a href="https://docs.google.com/forms/d/1_3zD-fjOfYd1ED2zmgBx2GdPzdKWo-GjJK2DrzRV2Fc/viewform" 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";>Signup for the Event</button></a>
<br/> <br/>
<h3 style="color: #444;
font-weight: 400;
font-size: 21px;">Storytellers</h3>
<div class="floated_img">
<a href="https://twitter.com/anand_himanshu" target="_blank">
<img src="https://pbs.twimg.com/profile_images/378800000000165583/943c669126db4e2b72701565752f377b.jpeg" width="174" height="178">
</a>
<span class="overlay">Himanshu Anand</span>
<span class="short-bio">Hacker, Assistive Technology. Loves Sasuke Uchiha.</span>
</div>
<div class="floated_img">
<a href="https://twitter.com/jdk2588" target="_blank">
<img src="http://i.imgur.com/K83M4ov.jpg" width="174" height="178"></a>
<span class="overlay">Jaideep Khandelwal</span>
<span class="short-bio">Interested in System Architecture. Loves to Code and Play Chess.</span>
</div>
<div class="floated_img">
<a href="http://kunalgupta.in" target="_blank">
<img src="https://pbs.twimg.com/profile_images/3479343891/c95bdf5f6d01d2a8b637bf125f32d0c3.jpeg" width="174" height="178">
<span class="overlay">Kunal Gupta</span>
<span class="short-bio">Tinkerer, Loves Prototyping Ideas. Arduino Fanboy.</span>
</a>
</div>
<div class="floated_img">
<a href="http://pacificparas.org/" target="_blank">
<img src=" http://lh4.googleusercontent.com/--r10ou4iBK8/AAAAAAAAAAI/AAAAAAAAALY/yR3VlzgJq9w/photo.jpg" width="174" height="178">
</a>
<span class="overlay">Paras Kuhad</span>
<span class="short-bio">Independent Web Consultant & Product Designer.</span>
</div>
<div class="floated_img">
<a href="http://priyaank.com" target="_blank">
<img src="http://i.imgur.com/QfsPBTU.jpg" width="174" height="178">
</a>
<span class="overlay">Priyaank Choubey</span>
<span class="short-bio"> Entrepreneur, a Startup Founder. Loves Cycling.</span>
</div>
<div class="floated_img">
<a href="http://rahulmotiyar.tumblr.com/" target="_blank">
<img src="http://i.imgur.com/UhczF3w.jpg" width="174" height="178">
</a>
<span class="overlay">Rahul Motiyar</span>
<span class="short-bio">Interaction Designer. Works with Philips Design. </span>
</div>
<div class="floated_img">
<a href="http://anandvivek.com/" target="_blank"><img src="http://i.imgur.com/KuZFQO9.jpg" width="174" height="178"></a>
<span class="overlay">Vivek Anand </span>
<span class="short-bio">UI/UX Designer at Siminars. Loves Photography.</span>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment