Difference between revisions of "Team:Imperial College/Team"

Line 3: Line 3:
 
<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.3.1/scrollreveal.min.js"></script>
 
<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.3.1/scrollreveal.min.js"></script>
  
−
<body id="page-team">
+
<div id="mainContent" style="width:1500px;height:927;padding:10px;margin:0 auto">
−
 
+
        <img src="https://static.igem.org/mediawiki/2016/0/0c/T--Imperial_College--TeamPageMain.gif" style="margin-top:-10px;margin-left:-10px" usemap="#memberMap" />
−
<div class="row" id="banner">
+
        <map name="memberMap">
−
             <div id="bannercontent">
+
            <area href="#Stefan" shape="rect" coords="1299,379,1489,644" alt="Stefan" />
−
                 <center>
+
            <area href="#Alice" shape="rect" coords="254,440,482,705" alt="Alice" />
−
                 <specialh1>Eco.librium</specialh1>
+
            <area href="#Lisa" shape="rect" coords="560,107,855,372" alt="Lisa" />
−
                 <br>
+
            <area href="#AkashD" shape="rect" coords="292,142,499,417" alt="AkashD" />
−
                <br>
+
            <area href="#Carter" shape="rect" coords="940,348,1118,575" alt="Carter" />
−
                <specialh2>
+
<area href="#Aditi" shape="rect" coords="1285,672,1479,900" alt="Aditi" />
−
                      Cell population control for novel applications.
+
            <area href="#AkashB" shape="rect" coords="488,599,659,834" alt="AkashB" />
−
                </specialh2>          
+
            <area href="#Alyssa" shape="rect" coords="729,702,942,924" alt="Alyssa" />
−
                 </center>
+
            <area href="#Johnny" shape="poly" coords="17,624,222,633,323,816,271,926,-1,915,5,705" alt="Johnny" />
 +
            <area href="#Gear" shape="poly" coords="984,597,1172,559,1270,715,1232,870,977,848" alt="Gear" />
 +
            <area href="#Henry" shape="rect" coords="53,211,223,448" alt="Henry" />
 +
            <area href="#Carys" shape="rect" coords="1152,40,1392,284" alt="Carys" />
 +
        </map>
 +
        <h2>Team Introduction</h2>
 +
        <p>
 +
            Bunch of nerds
 +
        </p>
 +
        <img src=".png" style="border:4px solid #609fd2;display:block;margin:0 auto" />
 +
        <div id="Stefan" class="member">
 +
            <img src="Stefan.png" style="margin-top:-180px" />
 +
             <div class="popover right" style="margin-top:80px">
 +
                 <div class="arrow"></div>
 +
                 <h3 class="popover-title">Stephan Grossfurthner</h3>
 +
                 <div class="popover-content">
 +
                    <p>Major: BioTech</p>
 +
                    <p>
 +
                        Stuff
 +
                    </p>
 +
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
        <div id="Alice" class="member">
 +
            <img src="Alice.png" style="margin-top:-230px" />
 +
            <div class="popover right">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Alice Boo</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: BioEng</p>
 +
                    <p>
 +
                        Fairy
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Lisa" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Lisa Asher</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: BioEng</p>
 +
                    <p>
 +
      More stuff
 +
    </p>
 +
                </div>
 +
            </div>
 +
            <img src="Lisa.png" style="margin-top:-140px" />
 +
        </div>
 +
        <div id="AkashD" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Akash Das</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: BioEng</p>
 +
                    <p>
 +
                        YAY!!!
 +
                    </p>
 +
                </div>
 +
            </div>
 +
            <img src="AkashD.png" style="margin-top:-150px" />
 +
        </div>
 +
        <div id="Carter" class="member">
 +
            <img src="Carter.png" style="margin-top:-100px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Carter Teal</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: BioEng</p>
 +
                    <p>
 +
                        Wiki destroyer
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Aditi" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Aditi Satija</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Biology</p>
 +
                    <p>Things</p>
 +
                </div>
 +
            </div>
 +
            <img src="aditi.png" style="margin-top:-150px" />
 +
        </div>
 +
        <div id="AkashB" class="member">
 +
            <img src="akashB.png" style="margin-top:-180px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Akash B</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Bio Chem</p>
 +
                    <p>
 +
                      Pokémon
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Alyssa" class="member">
 +
            <img src="Alyssa.png" style="margin-top:-100px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Alyssa</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Bio chemistry</p>
 +
                    <p>
 +
                        Rocks
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Johnny" class="member">
 +
            <img src="Johnny.png" style="margin-top:-130px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Johnny Li</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Bio Eng</p>
 +
                    <p>
 +
                        Out of the box master
 +
                    </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Gear" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Gear</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Bio tech</p>
 +
                    <p>Genetically Engineered Artificial Ratio</p> 
 +
                </div>
 +
            </div>
 +
            <img src="Gear.png" style="margin-top:-80px" />
 +
        </div>
 +
        <div id="Henry" class="member memberight">
 +
            <div class="popover left" style="margin-top:20px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Henry</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Bio Chem</p>
 +
                    <p> Flower Master</p>   
 +
                </div>
 +
            </div>
 +
            <img src="Henry.png" style="margin-top:-140px" />
 +
        </div>
 +
        <div id="Carys" class="member">
 +
            <img src="carys.png" style="margin-top:-120px" />
 +
            <div class="popover right" style="margin-top:40px">
 +
                <div class="arrow"></div>
 +
                <h3 class="popover-title">Yu Lei</h3>
 +
                <div class="popover-content">
 +
                    <p>Major: Bio Eng</p>
 +
                    <p>
 +
                        Hot chocolate
 +
                    </p>
 +
                   
 +
                </div>
 +
            </div>
 +
        </div>   
 +
    </div>
  
  

Revision as of 10:44, 16 August 2016

Stefan Alice Lisa AkashD Carter Aditi AkashB Alyssa Johnny Gear Henry Carys

Team Introduction

Bunch of nerds

Stephan Grossfurthner

Major: BioTech

Stuff

Alice Boo

Major: BioEng

Fairy

Lisa Asher

Major: BioEng

More stuff

Akash Das

Major: BioEng

YAY!!!

Carter Teal

Major: BioEng

Wiki destroyer

Aditi Satija

Major: Biology

Things

Akash B

Major: Bio Chem

Pokémon

Alyssa

Major: Bio chemistry

Rocks

Johnny Li

Major: Bio Eng

Out of the box master

Gear

Major: Bio tech

Genetically Engineered Artificial Ratio

Henry

Major: Bio Chem

Flower Master

Yu Lei

Major: Bio Eng

Hot chocolate