Team:Imperial/Students

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Imperial/Templates:header}}
{{:Team:Imperial/Templates:header}}
-
 
+
<html>
-
<html lang="en">
+
<div class="content-wrapper">
-
    <head>
+
            <h2>The Students</h2>
-
        <meta charset="UTF-8" />
+
            <div class="pure-g">
-
        <link rel="stylesheet" href="https://2014.igem.org/Team:Imperial/css/carousel?action=raw&ctype=text/css">
+
                <div class="pure-u-1-1">
-
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
+
                    <img class="content-image image-full" src="https://static.igem.org/mediawiki/2014/9/9c/IC14-Team.jpg">
-
<link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
+
               
-
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />
+
                </div>
-
    </head>
+
-
    <body>
+
-
<h2>Meet the Team</h2>
+
-
<div class="row">
+
-
<div class="col-sm-12">
+
-
    <img class=center-block src="https://static.igem.org/mediawiki/2014/9/9c/IC14-Team.jpg" width="900">
+
</div>
</div>
-
</div>
 
-
<div class="container">
 
-
<div id="ca-container" class="ca-container">
 
-
<div class="ca-wrapper">
 
-
<div class="ca-item ca-item-1">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Haroon Chughtai</h3>
 
-
<h3 class="subject">Biomedical Engineering</h3>
 
-
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong>Harpoon (Why does this always happen to me?)</p>
 
-
<p><strong>Age? </strong>20</p>
 
-
<p><strong>Where are you from? </strong>London</p>
 
-
<p><strong>What do you enjoy aside from science? </strong>Dressing up all in white and poking people with swords. Otherwise reading pop-sci, sci-fi and fantasy.</p>
 
-
<p><strong>Why iGEM? </strong>Definitely didn’t promise someone I’d make them a dragon...</p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong>Depends on what you’re measuring.</p>
 
-
<p><strong>Hot or cold? </strong>“Some say the world will end in fire,Some say in ice.”</p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong>Riding a dragon.</p>
 
-
<p><strong>What languages do you speak? </strong>English</p>
 
-
<p><strong>What song should everyone listen to? </strong><a href=""></a></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="ca-item ca-item-2">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Michael Florea</h3>
 
-
<h3 class="subject">Biology</h3>
 
-
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong></p>
 
-
<p><strong>Where are you from? </strong></p>
 
-
<p><strong>What do you enjoy aside from science? </strong></p>
 
-
<p><strong>Why iGEM? </strong></p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong></p>
 
-
<p><strong>Hot or cold? </strong></p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong></p>
 
-
<p><strong>What languages do you speak? </strong></p>
 
-
<p><strong>What song should everyone listen to? </strong></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="ca-item ca-item-3">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Laura de Arroyo Garcia</h3>
 
-
<h3 class="subject">Biotechnology with Management</h3>
 
-
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong>Almost 21 yay!</p>
 
-
<p><strong>Where are you from? </strong>Canary Islands; a warm, Spanish hotspot near the Moroccan coast.</p>
 
-
<p><strong>What do you enjoy aside from science? </strong>I enjoy keeping fit and cooking yummy meals! I am also into photography, fashion, travelling, hanging out…. I am just interested in anything interesting really!</p>
 
-
<p><strong>Why iGEM? </strong>You get to learn loads by working with others! iGEM is all about collaborating with experts from different fields, a good team-working environment is crucial to develop an outstanding project. On top of that, it also allows you to be creative! Can’t get any better than pioneering Synthetic Biology and also developing a project that can make a difference. </p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong>Being pessimistic is great! I prefer preparing for the worst, so if things don’t go as planned I won’t get disappointed. Is this weird? </p>
 
-
<p><strong>Hot or cold? </strong>Hot during the summer, cold during the winter, just right :)</p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong>Working on SB for NASA and helping terraform a new galaxy!</p>
 
-
<p><strong>What languages do you speak? </strong>Spanish, English, and I also like to say I can speak a hint of German.</p>
 
-
<p><strong>What song should everyone listen to? </strong><a href=""></a></p>
 
-
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="ca-item ca-item-4">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Deze Kong</h3>
 
-
<h3 class="subject">Biomedical Engineering</h3>
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong></p>
 
-
<p><strong>Where are you from? </strong></p>
 
-
<p><strong>What do you enjoy aside from science? </strong></p>
 
-
<p><strong>Why iGEM? </strong></p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong></p>
 
-
<p><strong>Hot or cold? </strong></p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong></p>
 
-
<p><strong>What languages do you speak? </strong></p>
 
-
<p><strong>What song should everyone listen to? </strong></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
 
-
 
-
<div class="ca-item ca-item-5">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Christopher Lazenbatt</h3>
 
-
<h3 class="subject">Biochemistry</h3>
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong></p>
 
-
<p><strong>Where are you from? </strong></p>
 
-
<p><strong>What do you enjoy aside from science? </strong></p>
 
-
<p><strong>Why iGEM? </strong></p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong></p>
 
-
<p><strong>Hot or cold? </strong></p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong></p>
 
-
<p><strong>What languages do you speak? </strong></p>
 
-
<p><strong>What song should everyone listen to? </strong></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
 
-
 
-
<div class="ca-item ca-item-6">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Chris Micklem</h3>
 
-
<h3 class="subject">Biology</h3>
 
-
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong></p>
 
-
<p><strong>Where are you from? </strong></p>
 
-
<p><strong>What do you enjoy aside from science? </strong></p>
 
-
<p><strong>Why iGEM? </strong></p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong></p>
 
-
<p><strong>Hot or cold? </strong></p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong></p>
 
-
<p><strong>What languages do you speak? </strong></p>
 
-
<p><strong>What song should everyone listen to? </strong></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
 
-
<div class="ca-item ca-item-7">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Despoina Paschou</h3>
 
-
<h3 class="subject">Biomedical Engineering</h3>
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong></p>
 
-
<p><strong>Where are you from? </strong></p>
 
-
<p><strong>What do you enjoy aside from science? </strong></p>
 
-
<p><strong>Why iGEM? </strong></p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong></p>
 
-
<p><strong>Hot or cold? </strong></p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong></p>
 
-
<p><strong>What languages do you speak? </strong></p>
 
-
<p><strong>What song should everyone listen to? </strong></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="ca-item ca-item-8">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Gabriella Santosa</h3>
 
-
<h3 class="subject">Biochemistry with a Year in Industry</h3>
 
-
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong></p>
 
-
<p><strong>Where are you from? </strong></p>
 
-
<p><strong>What do you enjoy aside from science? </strong></p>
 
-
<p><strong>Why iGEM? </strong></p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong></p>
 
-
<p><strong>Hot or cold? </strong></p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong></p>
 
-
<p><strong>What languages do you speak? </strong></p>
 
-
<p><strong>What song should everyone listen to? </strong></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="ca-item ca-item-9">
 
-
<div class="ca-item-main">
 
-
<div class="ca-icon"></div>
 
-
<h3>Xenia Spencer-Milnes</h3>
 
-
<h3 class="subject">Biology with a Year in Industry</h3>
 
-
 
-
<a href="#" class="ca-more">more...</a>
 
-
</div>
 
-
<div class="ca-content-wrapper">
 
-
<div class="ca-content">
 
-
 
-
<a href="#" class="ca-close">close</a>
 
-
<div class="ca-content-text">
 
-
<p><strong>Lab name? </strong></p>
 
-
<p><strong>Age? </strong></p>
 
-
<p><strong>Where are you from? </strong></p>
 
-
<p><strong>What do you enjoy aside from science? </strong></p>
 
-
<p><strong>Why iGEM? </strong></p>
 
-
<p><strong>Is the glass half-empty or half-full? </strong></p>
 
-
<p><strong>Hot or cold? </strong></p>
 
-
<p><strong>Where do you see yourself in 10 years? </strong></p>
 
-
<p><strong>What languages do you speak? </strong></p>
 
-
<p><strong>What song should everyone listen to? </strong></p>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:Imperial/js/carousel?action=raw&ctype=text/javascript"></script>
 
-
 
-
<script type="text/javascript">
 
-
$('#ca-container').contentcarousel();
 
-
</script>
 
-
    </body>
+
            <div class="info-overlay">
 +
                <div class="min">
 +
                    <h4>x</h4>
 +
                </div>
 +
                <div class="questions">
 +
                    <div class="pure-g">
 +
                        <div class="pure-u-1-1">
 +
                            <h2 id="name">Firstname Surname</h2>
 +
                            <h3 id="subject">Subject</h3>
 +
                            <hr>
 +
                        </div>
 +
                        <div class="pure-u-1-2">
 +
                            <h4>Lab name?</h4>
 +
                            <p id="Q1"></p>
 +
                            <h4>Age?</h4>
 +
                            <p id="Q2"></p>
 +
                            <h4>Where are you from?</h4>
 +
                            <p id="Q3"></p>
 +
                            <h4>What do you enjoy aside from science?</h4>
 +
                            <p id="Q4"></p>
 +
                            <h4>Why iGEM?</h4>
 +
                            <p id="Q5"></p>
 +
 
 +
 
 +
 
 +
                        </div>
 +
 
 +
                        <div class="pure-u-1-2">
 +
                            <h4>Is the glass half-empty or half full?</h4>
 +
                            <p id="Q6"></p>
 +
                            <h4>Hot or cold?</h4>
 +
                            <p id="Q7"></p>
 +
                            <h4>Where do you see yourself in 10 years?</h4>
 +
                            <p id="Q8"></p>
 +
                            <h4>What languages do you speak?</h4>
 +
                            <p id="Q9"></p>
 +
                            <h4>What song should everyone listen to?</h4>
 +
                            <p id="Q10"></p>
 +
 
 +
                        </div>
 +
 
 +
                    </div>
 +
 
 +
                </div>
 +
 
 +
            </div>
 +
           
 +
 
 +
          <div class="pure-g">
 +
                <div id="xenia" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/a/a0/IC14-team-Xenia.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Xenia Spencer-Milnes</h3>
 +
                            <h4>Biology with a Year in Industry</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="laura" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/c/c9/IC14-team-Laura.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Laura de Arroyo Garcia</h3>
 +
                            <h4>Biotechnology with Management</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="haroon" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/1/18/IC14-team-Haroon.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Haroon Chughtai</h3>
 +
                            <h4>Biomedical Engineering</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
 
 +
 
 +
                <div id="gabi" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/4/49/IC14-team-Gabi.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Gabriella Santosa</h3>
 +
                            <h4>Biochemistry with a Year in Industry</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="chrisl" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/a/a5/IC14-team-ChrisL.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Christopher Lazenbatt</h3>
 +
                            <h4>Biochemistry</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div id="deze" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/c/cb/IC14-team-Deze.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Deze Kong</h3>
 +
                            <h4>Biomedical Engineering</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div id="des" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/b/bf/IC14-team-Des.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Despoina Paschou</h3>
 +
                            <h4>Biomedical Engineering</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div id="chrism" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/4/4a/IC14-team-ChrisM.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Chris Micklem</h3>
 +
                            <h4>Biology</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div id="michael" class="pure-u-1-3 member">
 +
                    <img class="member-image" src="https://static.igem.org/mediawiki/2014/8/8c/IC14-team-Michael.jpg">
 +
                    <div class="overlay">
 +
                        <div class="overlay-content">
 +
                            <h3>Michael Florea</h3>
 +
                            <h4>Biology</h4>
 +
                            <div class="expand">
 +
                                <h4>+</h4>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
 
 +
 
 +
 
 +
            </div>
 +
        </div>
 +
 
</html>
</html>
{{:Team:Imperial/Templates:footer}}
{{:Team:Imperial/Templates:footer}}

Latest revision as of 16:37, 9 September 2014

Imperial iGEM 2014

The Students

x

Firstname Surname

Subject


Lab name?

Age?

Where are you from?

What do you enjoy aside from science?

Why iGEM?

Is the glass half-empty or half full?

Hot or cold?

Where do you see yourself in 10 years?

What languages do you speak?

What song should everyone listen to?

Xenia Spencer-Milnes

Biology with a Year in Industry

+

Laura de Arroyo Garcia

Biotechnology with Management

+

Haroon Chughtai

Biomedical Engineering

+

Gabriella Santosa

Biochemistry with a Year in Industry

+

Christopher Lazenbatt

Biochemistry

+

Deze Kong

Biomedical Engineering

+

Despoina Paschou

Biomedical Engineering

+

Chris Micklem

Biology

+

Michael Florea

Biology

+