Difference between revisions of "Team:CSMU Taiwan/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{CSMU_Taiwan}}
+
{{CSMU Taiwan/navBar}}
 
<html>
 
<html>
  
−
<div class="column two_thirds_size" >
 
  
−
<h1>Team</h1>
+
<script>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
       
 +
//show the descriptions on mobile
 +
$(function () {       
 +
$(".ImgContainer").click(function() {
 +
  $(".ImgContainer").not(this).removeClass("mobileShow");
 +
  $(this).toggleClass("mobileShow");
 +
});
 +
});
  
 +
</script>
  
−
<h3>What should this page contain?</h3>
+
<style>
−
<ul>
+
figure {
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    margin-block-start: 1em;
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
    margin-block-end: 1em;
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
    margin-inline-start: 40px;
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
    margin-inline-end: 40px;
−
</ul>
+
    max-width: 100%;
−
</div>
+
    box-sizing: border-box;
 +
    padding: 0;
 +
    display: inline-block;
 +
    position: relative;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    border-radius: 1vw;
 +
}
  
  
 +
.pictureTitle{
 +
    background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.6)), url("https://static.igem.org/mediawiki/2018/b/ba/T--Munich--home_Team.jpg");
 +
 
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
    background-position:center;
  
−
<div class="column third_size" >
+
}
−
<div class="highlight decoration_A_full">
+
.ImgContainer {
−
<h3>Inspiration</h3>
+
  position: relative;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
  cursor:zoom-in;
−
Here are a few examples:</p>
+
}
−
<ul>
+
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
.Img {
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
  display: block;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
  width: 100%;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
  height: auto;
−
</ul>
+
  opacity: 1; 
 +
  border-width: 2px !important;
 +
  border-color: white;
 +
}
 +
 
 +
.ImgOverlay {
 +
  position: absolute;
 +
  top: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  right: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  transition: .5s ease;
 +
  background-color: rgba(30,30,30,1);
 +
  z-index: 99;
 +
}
 +
 
 +
 
 +
.ImgContainer:hover .ImgOverlay {
 +
  opacity: 1;
 +
}
 +
 
 +
 
 +
   
 +
.ImgContainer.mobileShow .ImgOverlay {
 +
  visibility: visible;
 +
  opacity: 0.97;
 +
  transition: .5s ease;
 +
}
 +
.ImgContainer.mobileShow .Img {
 +
  transition: .5s ease;
 +
  opacity: 1;
 +
}
 +
.ImgContainer.mobileShow {
 +
  cursor:zoom-out;
 +
}
 +
 
 +
.ImgText {
 +
  color: rgba(220,220,220,1);
 +
  position: absolute;
 +
  top: 15%;
 +
  left: 10%;
 +
  -webkit-transform: translate(-5%, -10%);
 +
  -ms-transform: translate(-5%, -10%);
 +
  transform: translate(-5%, -10%);
 +
}
 +
.ImgText p{
 +
    font-size:16px;
 +
    color:#ffffff;
 +
}
 +
.ImgText b{
 +
  font-size:20px;
 +
  color: rgba(255,255,255,1);
 +
}
 +
   
 +
.parallax {
 +
    /* The image used */
 +
 
 +
 
 +
    /* Full height */
 +
    height: 50vh;
 +
 
 +
    /* Create the parallax scrolling effect */
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
}
 +
   
 +
@media only screen and (max-width: 575.98px) {
 +
.ImgText {
 +
  font-size: 1rem;
 +
}
 +
}
 +
 
 +
@media only screen and (min-width: 575.98px) {
 +
.ImgText {
 +
font-size: 1.5rem;
 +
}
 +
}
 +
 
 +
@media only screen and (min-width: 767.98px) {
 +
 
 +
.ImgText {
 +
font-size: 1rem;
 +
}
 +
 
 +
}
 +
 
 +
@media only screen and (min-width: 991.98px) {
 +
 
 +
.ImgText {
 +
font-size: 1.2rem;
 +
}
 +
 
 +
}
 +
 
 +
@media only screen and (min-width: 1199.98px) {
 +
.ImgText {
 +
font-size: 1rem;
 +
}
 +
.ImgOverlay {
 +
  width: 100%;
 +
    top: 100%;
 +
height:140%;
 +
}
 +
.Img {
 +
  transition: .5s ease;
 +
}
 +
 
 +
}
 +
.Img:nth-child(2){
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
  opacity: 0;
 +
  transition: opacity 0.3s ease-in-out
 +
}
 +
.Img:nth-child(2):hover{
 +
  opacity: 1;
 +
}
 +
 
 +
</style>
 +
<body>
 +
    <a id="start"></a>
 +
<div class="main-container">
 +
    <section style="background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
        <div class="main-container" style="height: 100%;">
 +
            <center style="height: 100%;">
 +
                <div class="col-md-12" style="height: 100%;margin-top:2em; padding:0px">
 +
                    <div id="logoPrinteria" class="item" style="background-image: url(https://static.igem.org/mediawiki/2019/0/00/T--CSMU_Taiwan--cover_team1.png);height: 100%;    width: 100%;background-attachment: fixed;background-size: cover;">
 +
                        <img src="https://static.igem.org/mediawiki/2019/7/7d/T--CSMU_Taiwan--members.png" style=" margin-top: 0px;">
 +
                        <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 +
                            <i class="stack-interface stack-down-open-big"></i>
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
            </center>
 +
        </div>
 +
 
 +
    </section>
 
</div>
 
</div>
 +
<section id="" class="text-center " style="padding-top: 55px; outline: none;" data-scroll-id="story" tabindex="-1">
 +
    <div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
 +
        <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
 +
            <h1>Students</h1>
 +
        </div>
 +
       
 +
        <div class="row">
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/3/37/T--CSMU_Taiwan--student1.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--CSMU_Taiwan--student1-1.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Major:</b> Medicine</p>
 +
                            <p class="text-left"><b>What do you do outside iGEM:</b> Play tennis</p>
 +
                            <p><b>Why iGEM:</b> Challenge!</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Yun-Jui, Lee
 +
                </h3>
 +
                <div>
 +
                    Student Leader
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/4/42/T--CSMU_Taiwan--student2.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/5/53/T--CSMU_Taiwan--student2-1.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Ying-ju, Chen
 +
                </h3>
 +
                <div>
 +
                    Lab Leader
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/8/83/T--CSMU_Taiwan--student3.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/8/88/T--CSMU_Taiwan--student3-1.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Yu-Ru, Lin
 +
                </h3>
 +
                <div>
 +
                    Co-leader
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/2/23/T--CSMU_Taiwan--student4.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/6/69/T--CSMU_Taiwan--student4-2.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Bo-Ren, Dai
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/8/85/T--CSMU_Taiwan--student8.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/8/87/T--CSMU_Taiwan--student8-2.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Hsin-Chun, Yeh
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/e/e9/T--CSMU_Taiwan--student9.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/4/47/T--CSMU_Taiwan--student9-2.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Yi-Chieh, Huang
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/c/c8/T--CSMU_Taiwan--student10.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/9/9e/T--CSMU_Taiwan--student10-1.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Ting-Yu, Lin
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/2/22/T--CSMU_Taiwan--student7.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/c/c6/T--CSMU_Taiwan--student7-2.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Kuan-Lin, Chen
 +
                </h3>
 +
                <div>
 +
                    Drylab
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/3/3a/T--CSMU_Taiwan--student12.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/9/99/T--CSMU_Taiwan--student12-2.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Ya-Wen, Hsiao
 +
                </h3>
 +
                <div>
 +
                    Human Practice
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/4/46/T--CSMU_Taiwan--student6.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/3/3e/T--CSMU_Taiwan--student13.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Ching, Chang
 +
                </h3>
 +
                <div>
 +
                    Human Practice
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/6/6d/T--CSMU_Taiwan--student11.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/3/32/T--CSMU_Taiwan--student11-2.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Major:</b> Biomedicine</p>
 +
                            <p class="text-left"><b>What do you do outside iGEM:</b> Painting,sleeping  and play with my pet cat.</p>
 +
                            <p><b>Why iGEM:</b> Happy(*ﾟ∀ﾟ*)</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Ming-Chi, Chen
 +
                </h3>
 +
                <div>
 +
                    Design/Human practice
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/5/55/T--CSMU_Taiwan--member01.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/e/e2/T--CSMU_Taiwan--member01-1.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Major:</b>Chemistry and Computer Science</p>
 +
                            <p class="text-left"><b>What do you do outside iGEM:</b>Work out</p>
 +
                            <p><b>Why iGEM:</b>Because of Hsin-Jung’s persuasion ((xdd?</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Yen-Cheng, Lin
 +
                </h3>
 +
                <div>
 +
                    Wiki advisor
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div> 
 +
    <div class="container">
 +
        <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
 +
            <h1>Advisors</h1>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2019/e/eb/T--CSMU_Taiwan--student5.png" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2019/d/dc/T--CSMU_Taiwan--student5-2.png" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Hsin-Jung, Lee
 +
                </h3>
 +
                <div>
 +
                    Advisor
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Franziska Winzig(19)
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Franziska Winzig(19)
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Franziska Winzig(19)
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="container">
 +
      <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
 +
            <h1>Instructors</h1>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Franziska Winzig(19)
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Franziska Winzig(19)
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Franziska Winzig(19)
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                <div class="ImgContainer">
 +
                    <figure>
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
 +
                    </figure>
 +
                    <div class="ImgOverlay text-justify">
 +
                        <div class="ImgText">
 +
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
 +
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
 +
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <h3 class="mt-2">
 +
                    Franziska Winzig(19)
 +
                </h3>
 +
                <div>
 +
                    Wetlab
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!--end of container-->
 +
 +
</section>
 
</div>
 
</div>
 +
<!--<div class="loader"></div>-->
 +
<a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 +
    <i class="stack-interface stack-up-open-big"></i>
 +
</a>
 +
</body>
 +
 
</html>
 
</html>
 +
{{CSMU_Taiwan/footer}}

Revision as of 09:01, 11 October 2019

Stack Multipurpose HTML Template

Students

Avatar Avatar

Major: Medicine

What do you do outside iGEM: Play tennis

Why iGEM: Challenge!

Yun-Jui, Lee

Student Leader
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Ying-ju, Chen

Lab Leader
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Yu-Ru, Lin

Co-leader
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Bo-Ren, Dai

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Hsin-Chun, Yeh

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Yi-Chieh, Huang

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Ting-Yu, Lin

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Kuan-Lin, Chen

Drylab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Ya-Wen, Hsiao

Human Practice
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Ching, Chang

Human Practice
Avatar Avatar

Major: Biomedicine

What do you do outside iGEM: Painting,sleeping and play with my pet cat.

Why iGEM: Happy(*ﾟ∀ﾟ*)

Ming-Chi, Chen

Design/Human practice
Avatar Avatar

Major:Chemistry and Computer Science

What do you do outside iGEM:Work out

Why iGEM:Because of Hsin-Jung’s persuasion ((xdd?

Yen-Cheng, Lin

Wiki advisor

Advisors

Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Hsin-Jung, Lee

Advisor
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Franziska Winzig(19)

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Franziska Winzig(19)

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Franziska Winzig(19)

Wetlab

Instructors

Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Franziska Winzig(19)

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Franziska Winzig(19)

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Franziska Winzig(19)

Wetlab
Avatar Avatar

Field of Study: Biology

Fun Fact: I´m always hungry for sweets.

Why iGEM: I want to collect new experiences, additionally I love teamspirit.

Franziska Winzig(19)

Wetlab