Team:Imperial/Students

From 2014.igem.org

(Difference between revisions)
 
(42 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="container">
+
-
    <img src="https://static.igem.org/mediawiki/2014/9/9c/IC14-Team.jpg" width="800">
+
</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></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-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></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-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

+