Difference between revisions of "Team:ETH Zurich/Team"

 
(134 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{ETH_Zurich_2}}
+
{{ETH_Zurich/Head_N_Prefix}}
−
 
+
 
<html>
 
<html>
 +
<link rel="stylesheet" type="text/css" href="/Template:ETH_Zurich/team_css?action=raw&amp;ctype=text/css">
 +
</html>
 +
{{ETH_Zurich/Head_N_Suffix}}
 +
{{ETH_Zurich/Header_N}}
 +
<html>
 +
<main role="main">
 +
<h1 class="headline">Team Members</h1>
 +
<!--
 +
Round pictures with text below would look more modern I'd say.
 +
Yes, they do. But don't crop everything, use CSS!
 +
-->
 +
<section>
 +
    <h1>Team</h1>
  
−
<head>
+
<figure class="non-float" style="width:600px">
−
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
+
  <img src="https://static.igem.org/mediawiki/2017/d/d1/T--ETH_Zurich--teampic.jpg">
−
<style>
+
</figure>
−
/* Carousel */
+
</section>
−
 
+
−
#quote-carousel {
+
−
    padding: 0 10px 30px 10px;
+
−
    margin-top: 30px;
+
−
    /* Control buttons  */
+
−
    /* Previous button  */
+
−
    /* Next button  */
+
−
    /* Changes the position of the indicators */
+
−
    /* Changes the color of the indicators */
+
−
}
+
−
#quote-carousel .carousel-control {
+
−
    background: none;
+
−
    color: #CACACA;
+
−
    font-size: 2.3em;
+
−
    text-shadow: none;
+
−
    margin-top: 30px;
+
−
}
+
−
#quote-carousel .carousel-control.left {
+
−
    left: -60px;
+
−
}
+
−
#quote-carousel .carousel-control.right {
+
−
    right: -60px;
+
−
}
+
−
#quote-carousel .carousel-indicators {
+
−
    right: 50%;
+
−
    top: auto;
+
−
    bottom: 0px;
+
−
    margin-right: -19px;
+
−
}
+
−
#quote-carousel .carousel-indicators li {
+
−
    width: 50px;
+
−
    height: 50px;
+
−
    margin: 5px;
+
−
    cursor: pointer;
+
−
    border: 4px solid #CCC;
+
−
    border-radius: 50px;
+
−
    opacity: 0.4;
+
−
    overflow: hidden;
+
−
    transition: all 0.4s;
+
−
}
+
−
#quote-carousel .carousel-indicators .active {
+
−
    background: #333333;
+
−
    width: 128px;
+
−
    height: 128px;
+
−
    border-radius: 100px;
+
−
    border-color: #f33;
+
−
    opacity: 1;
+
−
    overflow: hidden;
+
−
}
+
−
.carousel-inner {
+
−
    min-height: 300px;
+
−
}
+
−
.item blockquote {
+
−
    border-left: none;
+
−
    margin: 0;
+
−
}
+
−
.item blockquote p:before {
+
−
    content: "\f10d";
+
−
    font-family: 'Fontawesome';
+
−
    float: left;
+
−
    margin-right: 10px;
+
−
}
+
−
</style>
+
−
</head>
+
−
 
+
−
<body>
+
  
−
<div class="container">
+
<section>
−
<div class="row">
+
    <h1>Students</h1>
−
                    <div class="col-md-12" data-wow-delay="0.2s">
+
    <ul class="rooster">
−
                        <div class="carousel slide" data-ride="carousel" id="quote-carousel">
+
        <li>
−
                            <!-- Bottom Carousel Indicators -->
+
        <figure class="fig-generic">
−
                            <ol class="carousel-indicators">
+
            <img alt="Anubhav Jain"
−
                                <li data-target="#quote-carousel" data-slide-to="0" class="active"><img class="img-responsive " src="https://s3.amazonaws.com/uifaces/faces/twitter/brad_frost/128.jpg" alt="">
+
            src="https://static.igem.org/mediawiki/2017/c/c7/T--ETH_Zurich--Anu1.jpg"/>
−
                                </li>
+
            <figcaption>Anubhav Jain<br/><span class="role"><small>Electrical Engineering</span></small></figcaption>
−
                                <li data-target="#quote-carousel" data-slide-to="1"><img class="img-responsive" src="https://s3.amazonaws.com/uifaces/faces/twitter/rssems/128.jpg" alt="">
+
        </figure>
−
                                </li>
+
        </li>
−
                                <li data-target="#quote-carousel" data-slide-to="2"><img class="img-responsive" src="https://s3.amazonaws.com/uifaces/faces/twitter/adellecharles/128.jpg" alt="">
+
−
                                </li>
+
−
                            </ol>
+
  
−
                            <!-- Carousel Slides / Quotes -->
+
        <li>
−
                            <div class="carousel-inner text-center">
+
        <figure class="fig-generic">
 +
            <img alt="David Schweingruber"
 +
            src="https://static.igem.org/mediawiki/2017/7/7e/T--ETH_Zurich--David.jpg"/>
 +
            <figcaption>David Schweingruber<br/><span class="role"><small>Biotechnology</small></span></figcaption>
 +
        </figure>
 +
        </li>
  
−
                                <!-- Quote 1 -->
+
        <li>
−
                                <div class="item active">
+
        <figure class="fig-generic">
−
                                    <blockquote>
+
            <img alt="Irma Telarovic"
−
                                        <div class="row">
+
            src="https://static.igem.org/mediawiki/2017/c/c2/T--ETH_Zurich--irma2.jpg"/>
−
                                            <div class="col-sm-8 col-sm-offset-2">
+
            <figcaption>Irma Telarovic</br><span class="role="><small>Medicine/Biomedical Engineering</small></span></figcaption>
 +
        </figure>
 +
        </li>
  
−
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. !</p>
+
        <li>
−
                                                <small>Someone famous</small>
+
        <figure class="fig-generic">
−
                                            </div>
+
            <img alt="Lida Vadakumchery"
−
                                        </div>
+
            src="https://static.igem.org/mediawiki/2017/7/70/T--ETH_Zurich--Lida.jpg"/>
−
                                    </blockquote>
+
            <figcaption>Lida Vadakumchery<br/><span class="role"><small>Biochemistry</small></span></figcaption>
−
                                </div>
+
        </figure>
−
                                <!-- Quote 2 -->
+
        </li>
−
                                <div class="item">
+
−
                                    <blockquote>
+
−
                                        <div class="row">
+
−
                                            <div class="col-sm-8 col-sm-offset-2">
+
  
−
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
+
        <li>
−
                                                <small>Someone famous</small>
+
        <figure class="fig-generic">
−
                                            </div>
+
            <img alt="Nicolas Huber"
−
                                        </div>
+
            src="https://static.igem.org/mediawiki/2017/3/36/T--ETH_Zurich--Nico1.jpg"/>
−
                                    </blockquote>
+
            <figcaption>Nicolas Huber<br/><span class="role"><small>Biotechnology</small></span></figcaption>
−
                                </div>
+
        </figure>
−
                                <!-- Quote 3 -->
+
        </li>
−
                                <div class="item">
+
−
                                    <blockquote>
+
−
                                        <div class="row">
+
−
                                            <div class="col-sm-8 col-sm-offset-2">
+
  
−
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. .</p>
+
        <li>
−
                                                <small>Someone famous</small>
+
        <figure class="fig-generic">
−
                                            </div>
+
            <img alt="Nikolaos Korasidis"
−
                                        </div>
+
            src="https://static.igem.org/mediawiki/2017/1/18/T--ETH_Zurich--Nikos.jpg"/>
−
                                    </blockquote>
+
            <figcaption>Nikolas Korasidis<br/><span class="role"><small>Electrical Engineering/Bioinformatics</small></span></figcaption>
−
                                </div>
+
        </figure>
−
                            </div>
+
        </li>
  
−
                            <!-- Carousel Buttons Next/Prev -->
+
        <li>
−
                            <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
+
        <figure class="fig-generic">
−
                            <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a>
+
            <img alt="Valentin Senlis"
−
                        </div>
+
            src="https://static.igem.org/mediawiki/2017/b/b3/T--ETH_Zurich--Valentin1.jpg"/>
−
                    </div>
+
            <figcaption>Valentin Senlis<br/><span class="role"><small>Engineering/Biotechnology</small></span></figcaption>
−
                </div>
+
        </figure>
−
</div>
+
        </li>
−
<hr class="divider"/>
+
−
<center>
+
−
<strong>Powered by <a href="http://bootstheme.club" target="_blank">BootsTheme.Club</a></strong>
+
−
</center>
+
−
</body>
+
  
 +
        <li>
 +
        <figure class="fig-generic">
 +
            <img alt="Vasileios Cheras"
 +
            src="https://static.igem.org/mediawiki/2017/5/50/T--ETH_Zurich--Vasilis.jpg"/>
 +
            <figcaption>Vasilis Cheras<br/><span class="role"><small>Chemical Engineering/Biotechnology</small></span></figcaption>
 +
        </figure>
 +
        </li>
 +
    </ul>
 +
</section>
 +
<section><p>Credits to Daniel Gerngross for the awesome portraits.</p>
 +
</section>
 +
<section>
 +
    <h1>Contact</h1>
 +
    <address>
 +
        iGEM Team (Lab 2.28)<br/>
 +
        Department of Biosystems Science and Engineering<br/>
 +
        Mattenstrasse 26<br/>
 +
        4058 Basel<br/>
 +
        Switzerland
 +
    </address>
 +
</section>
 +
</main>
 
</html>
 
</html>
 +
{{ETH_Zurich/Footer_N}}

Latest revision as of 01:24, 2 November 2017

Team Members

Team

Students

  • Anubhav Jain
    Anubhav Jain
    Electrical Engineering
  • David Schweingruber
    David Schweingruber
    Biotechnology
  • Irma Telarovic
    Irma Telarovic
    Medicine/Biomedical Engineering
  • Lida Vadakumchery
    Lida Vadakumchery
    Biochemistry
  • Nicolas Huber
    Nicolas Huber
    Biotechnology
  • Nikolaos Korasidis
    Nikolas Korasidis
    Electrical Engineering/Bioinformatics
  • Valentin Senlis
    Valentin Senlis
    Engineering/Biotechnology
  • Vasileios Cheras
    Vasilis Cheras
    Chemical Engineering/Biotechnology

Credits to Daniel Gerngross for the awesome portraits.

Contact

iGEM Team (Lab 2.28)
Department of Biosystems Science and Engineering
Mattenstrasse 26
4058 Basel
Switzerland