Unhangout ECB Students

<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>