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

 
(42 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{CSMU Taiwan/navBar}}
 
{{CSMU Taiwan/navBar}}
 
<html>
 
<html>
−
 
−
 
 
<script>
 
<script>
−
       
 
 
//show the descriptions on mobile
 
//show the descriptions on mobile
−
$(function () {      
+
$(function() {
−
$(".ImgContainer").click(function() {
+
    $(".ImgContainer").click(function() {
−
  $(".ImgContainer").not(this).removeClass("mobileShow");
+
        $(".ImgContainer").not(this).removeClass("mobileShow");
−
  $(this).toggleClass("mobileShow");
+
        $(this).toggleClass("mobileShow");
 +
    });
 
});
 
});
−
});
 
−
 
 
</script>
 
</script>
−
 
 
<style>
 
<style>
 
figure {
 
figure {
Line 29: Line 24:
 
     overflow: hidden;
 
     overflow: hidden;
 
     border-radius: 1vw;
 
     border-radius: 1vw;
 +
    width: 100%;
 
}
 
}
  
  
−
.pictureTitle{
+
.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-repeat: no-repeat;
 
     background-size: cover;
 
     background-size: cover;
−
     background-position:center;
+
     background-position: center;
  
 
}
 
}
 +
 
.ImgContainer {
 
.ImgContainer {
−
  position: relative;
+
    position: relative;
−
  cursor:zoom-in;
+
    cursor: zoom-in;
 +
}
 +
 
 +
.Instructors .ImgContainer {
 +
    cursor: default;
 
}
 
}
  
 
.Img {
 
.Img {
−
  display: block;
+
    display: block;
−
  width: 100%;
+
    width: 100%;
−
  height: auto;
+
    height: auto;
−
  opacity: 1;  
+
    opacity: 1;
−
  border-width: 2px !important;
+
    border-width: 2px !important;
−
  border-color: white;
+
    border-color: white;
 
}
 
}
  
 
.ImgOverlay {
 
.ImgOverlay {
−
  position: absolute;
+
    position: absolute;
−
  top: 0;
+
    top: 0;
−
  bottom: 0;
+
    bottom: 0;
−
  left: 0;
+
    left: 0;
−
  right: 0;
+
    right: 0;
−
  height: 100%;
+
    height: 100%;
−
  width: 100%;
+
    width: 100%;
−
  opacity: 0;
+
    opacity: 0;
−
  visibility: hidden;
+
    visibility: hidden;
−
  transition: .5s ease;
+
    transition: .5s ease;
−
  background-color: rgba(30,30,30,1);
+
    background-color: rgba(30, 30, 30, 1);
−
  z-index: 99;
+
    z-index: 99;
 
}
 
}
  
  
 
.ImgContainer:hover .ImgOverlay {
 
.ImgContainer:hover .ImgOverlay {
−
  opacity: 1;
+
    opacity: 1;
 
}
 
}
  
  
−
   
+
 
 
.ImgContainer.mobileShow .ImgOverlay {
 
.ImgContainer.mobileShow .ImgOverlay {
−
  visibility: visible;
+
    visibility: visible;
−
  opacity: 0.97;
+
    opacity: 0.97;
−
  transition: .5s ease;
+
    transition: .5s ease;
−
}  
+
}
 +
 
 
.ImgContainer.mobileShow .Img {
 
.ImgContainer.mobileShow .Img {
−
  transition: .5s ease;
+
    transition: .5s ease;
−
  opacity: 1;
+
    opacity: 1;
−
}  
+
}
 +
 
 
.ImgContainer.mobileShow {
 
.ImgContainer.mobileShow {
−
  cursor:zoom-out;
+
    cursor: zoom-out;
−
}  
+
}
 +
 
 +
.Instructors .ImgContainer .mobileShow {
 +
    cursor: zoom-out;
 +
}
  
 
.ImgText {
 
.ImgText {
−
  color: rgba(220,220,220,1);
+
    color: rgba(220, 220, 220, 1);
−
  position: absolute;
+
    position: absolute;
−
  top: 15%;
+
    top: 15%;
−
  left: 10%;
+
    left: 10%;
−
  -webkit-transform: translate(-5%, -10%);
+
    -webkit-transform: translate(-5%, -10%);
−
  -ms-transform: translate(-5%, -10%);
+
    -ms-transform: translate(-5%, -10%);
−
  transform: translate(-5%, -10%);
+
    transform: translate(-5%, -10%);
 
}
 
}
−
.ImgText p{
+
 
−
     font-size:16px;
+
.ImgText p {
−
     color:#ffffff;
+
     font-size: 16px;
 +
     color: #ffffff;
 
}
 
}
−
.ImgText b{
+
 
−
  font-size:20px;
+
.ImgText b {
−
  color: rgba(255,255,255,1);
+
    font-size: 20px;
 +
    color: rgba(255, 255, 255, 1);
 
}
 
}
−
   
+
 
 
.parallax {
 
.parallax {
 
     /* The image used */
 
     /* The image used */
−
 
+
 
  
 
     /* Full height */
 
     /* Full height */
−
     height: 50vh;  
+
     height: 50vh;
  
 
     /* Create the parallax scrolling effect */
 
     /* Create the parallax scrolling effect */
Line 120: Line 129:
 
     background-size: cover;
 
     background-size: cover;
 
}
 
}
−
   
+
 
 
@media only screen and (max-width: 575.98px) {
 
@media only screen and (max-width: 575.98px) {
−
.ImgText {
+
    .ImgText {
−
  font-size: 1rem;
+
        font-size: 1rem;
−
}
+
    }
 
}
 
}
  
 
@media only screen and (min-width: 575.98px) {
 
@media only screen and (min-width: 575.98px) {
−
.ImgText {
+
    .ImgText {
−
font-size: 1.5rem;
+
        font-size: 1.5rem;
−
}
+
    }
 
}
 
}
  
 
@media only screen and (min-width: 767.98px) {
 
@media only screen and (min-width: 767.98px) {
  
−
.ImgText {
+
    .ImgText {
−
font-size: 1rem;
+
        font-size: 1rem;
−
}
+
    }
  
 
}
 
}
Line 143: Line 152:
 
@media only screen and (min-width: 991.98px) {
 
@media only screen and (min-width: 991.98px) {
  
−
.ImgText {
+
    .ImgText {
−
font-size: 1.2rem;
+
        font-size: 1.2rem;
−
}
+
    }
  
 
}
 
}
  
 
@media only screen and (min-width: 1199.98px) {
 
@media only screen and (min-width: 1199.98px) {
−
.ImgText {
+
    .ImgText {
−
font-size: 1rem;
+
        font-size: 1rem;
−
}
+
    }
−
.ImgOverlay {
+
 
−
  width: 100%;
+
    .ImgOverlay {
−
    top: 100%;
+
        width: 100%;
−
height:140%;
+
        top: 100%;
−
}
+
        height: 140%;
−
.Img {
+
    }
−
  transition: .5s ease;
+
 
 +
    .Img {
 +
        transition: .5s ease;
 +
    }
 +
 
 
}
 
}
  
−
}
+
.Img:nth-child(2) {
−
.Img:nth-child(2){
+
 
     position: absolute;
 
     position: absolute;
 
     top: 0;
 
     top: 0;
 
     left: 0;
 
     left: 0;
−
  opacity: 0;
+
    opacity: 0;
−
  transition: opacity 0.3s ease-in-out
+
    transition: opacity 0.3s ease-in-out
 
}
 
}
−
.Img:nth-child(2):hover{
+
 
−
  opacity: 1;
+
.Img:nth-child(2):hover {
 +
    opacity: 1;
 
}
 
}
  
 +
h3 {
 +
    font-size: 35px;
 +
}
 
</style>
 
</style>
 +
 
<body>
 
<body>
 
     <a id="start"></a>
 
     <a id="start"></a>
−
<div class="main-container">
+
    <div class="main-container">
−
    <section style="background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
        <section style="background-size: 100%;height: 95%;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
−
        <div class="main-container" style="height: 100%;">
+
            <div class="main-container" style="height: 100%;">
−
            <center style="height: 100%;">
+
                <center style="height: 100%;">
−
                <div class="col-md-12" style="height: 100%;margin-top:2em; padding:0px">
+
                    <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;">
+
                        <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;">
+
                            <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;">
+
                             </a>
−
                             <i class="stack-interface stack-down-open-big"></i>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
            </center>
+
−
        </div>
+
−
 
+
−
    </section>
+
−
</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>
+
−
                            <p><b>Quotes:</b>Stay hungry, stay foolish.</p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                 </div>
+
                 </center>
−
                <h3 class="mt-2">
+
−
                    Yun-Jui, Lee
+
−
                </h3>
+
−
                <div>
+
−
                    Student Leader
+
−
                </div>
+
 
             </div>
 
             </div>
−
             <div class="col-12 col-md-6 col-xl-3 mb-3">
+
        </section>
−
                <div class="ImgContainer">
+
    </div>
−
                    <figure>
+
    <section id="" class="text-center " style="padding-top: 55px; outline: none;" data-scroll-id="story" tabindex="-1">
−
                    <img src="https://static.igem.org/mediawiki/2019/4/42/T--CSMU_Taiwan--student2.png" alt="Avatar" class="Img border">
+
        <div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
−
                    <img src="https://static.igem.org/mediawiki/2019/5/53/T--CSMU_Taiwan--student2-1.png" alt="Avatar" class="Img border">
+
             <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
−
                    </figure>
+
                <h1>Students</h1>
−
                    <div class="ImgOverlay text-justify">
+
            </div>
−
                        <div class="ImgText">
+
            <div class="row">
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
                    <div class="ImgContainer">
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
                        <figure>
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
                            <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>Why iGEM:</b> Challenge!</p>
 +
                                <p><b>What do you do outside iGEM:</b><br>Play tennis</p>
 +
                                <p><b>Quotes:</b> Stay hungry, stay foolish.</p>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Yun-Jui, Lee
 +
                    </h3>
 +
                    <div>
 +
                        Student Leader
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Ying-ju, Chen
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/4/42/T--CSMU_Taiwan--student2.png" alt="Avatar" class="Img border">
−
                    Lab Leader
+
                            <img src="https://static.igem.org/mediawiki/2019/5/53/T--CSMU_Taiwan--student2-1.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                            <div class="ImgText">
−
                <div class="ImgContainer">
+
                                <p class="text-left"><b>Major:</b> Medicine</p>
−
                    <figure>
+
                                <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/8/83/T--CSMU_Taiwan--student3.png" alt="Avatar" class="Img border">
+
                                <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/8/88/T--CSMU_Taiwan--student3-1.png" alt="Avatar" class="Img border">
+
                                <p><b>Quotes:</b> Every cloud has a silver lining:))</p>
−
                    </figure>
+
                            </div>
−
                    <div class="ImgOverlay text-justify">
+
−
                        <div class="ImgText">
+
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Ying-Ju, Chen
 +
                    </h3>
 +
                    <div>
 +
                        Lab Leader
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Yu-Ru, Lin
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/8/83/T--CSMU_Taiwan--student3.png" alt="Avatar" class="Img border">
−
                    Co-leader
+
                            <img src="https://static.igem.org/mediawiki/2019/8/88/T--CSMU_Taiwan--student3-1.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                            <div class="ImgText">
−
                <div class="ImgContainer">
+
                                <p class="text-left"><b>Major:</b> Medicine</p>
−
                    <figure>
+
                                <p class="text-left"><b>Why iGEM:</b> Why not.</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/2/23/T--CSMU_Taiwan--student4.png" alt="Avatar" class="Img border">
+
                                <p><b>What do you do outside iGEM:</b><br>Play tennis</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/6/69/T--CSMU_Taiwan--student4-2.png" alt="Avatar" class="Img border">
+
                                <p><b>Quotes:</b> Some things are just best said with an eye roll.</p>
−
                    </figure>
+
                            </div>
−
                    <div class="ImgOverlay text-justify">
+
−
                        <div class="ImgText">
+
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Yu-Ru, Lin
 +
                    </h3>
 +
                    <div>
 +
                        Co-leader
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Bo-Ren, Dai
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/2/23/T--CSMU_Taiwan--student4.png" alt="Avatar" class="Img border">
−
                    Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/6/69/T--CSMU_Taiwan--student4-2.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
        </div>
+
                            <div class="ImgText">
−
        <div class="row">
+
                                <p class="text-left"><b>Major:</b> Biomedicine</p>
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                                <p class="text-left"><b>Why iGEM:</b> I like it~</p>
−
                <div class="ImgContainer">
+
                                <p><b>What do you do outside iGEM:</b><br>Hip-Hop dance </p>
−
                    <figure>
+
                                <p><b>Quotes:</b> Never underestimate your power to change yourself.
−
                    <img src="https://static.igem.org/mediawiki/2019/8/85/T--CSMU_Taiwan--student8.png" alt="Avatar" class="Img border">
+
                                </p>
−
                    <img src="https://static.igem.org/mediawiki/2019/8/87/T--CSMU_Taiwan--student8-2.png" alt="Avatar" class="Img border">
+
                            </div>
−
                    </figure>
+
−
                    <div class="ImgOverlay text-justify">
+
−
                        <div class="ImgText">
+
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                </div>
+
                    <h3 class="mt-2">
−
                <h3 class="mt-2">
+
                        Bo-Ren, Dai
−
                    Hsin-Chun, Yeh
+
                    </h3>
−
                </h3>
+
                    <div>
−
                <div>
+
                        Wetlab
−
                    Wetlab
+
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="col-12 col-md-6 col-xl-3 mb-3">
+
             <div class="row">
−
                <div class="ImgContainer">
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    <figure>
+
                    <div class="ImgContainer">
−
                    <img src="https://static.igem.org/mediawiki/2019/e/e9/T--CSMU_Taiwan--student9.png" alt="Avatar" class="Img border">
+
                        <figure>
−
                    <img src="https://static.igem.org/mediawiki/2019/4/47/T--CSMU_Taiwan--student9-2.png" alt="Avatar" class="Img border">
+
                            <img src="https://static.igem.org/mediawiki/2019/8/85/T--CSMU_Taiwan--student8.png" alt="Avatar" class="Img border">
−
                    </figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/8/87/T--CSMU_Taiwan--student8-2.png" alt="Avatar" class="Img border">
−
                    <div class="ImgOverlay text-justify">
+
                        </figure>
−
                        <div class="ImgText">
+
                        <div class="ImgOverlay text-justify">
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
                            <div class="ImgText">
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
                                <p class="text-left"><b>Major:</b> Biomedicine</p>
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
                                <p class="text-left"><b>Why iGEM:</b> Love to try something exciting!</p>
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
                                <p><b>What do you do outside iGEM:</b> traveling,reading,hiking and playing with dogs.</p>
 +
                                <p><b>Quotes:</b> I may not be there yet, but I am closer than I was yesterday. Do what you love
 +
                                    and love what you do.</p>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Hsin-Chun, Yeh
 +
                    </h3>
 +
                    <div>
 +
                        Wetlab
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Yi-Chieh, Huang
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/e/e9/T--CSMU_Taiwan--student9.png" alt="Avatar" class="Img border">
−
                    Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/4/47/T--CSMU_Taiwan--student9-2.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                            <div class="ImgText">
−
                <div class="ImgContainer">
+
                                <p class="text-left"><b>Major:</b> Medicine</p>
−
                    <figure>
+
                                <p class="text-left"><b>Why iGEM:</b> fun ,getting experience when working with people and
−
                    <img src="https://static.igem.org/mediawiki/2019/c/c8/T--CSMU_Taiwan--student10.png" alt="Avatar" class="Img border">
+
                                    enhancing my experimental skills.</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/9/9e/T--CSMU_Taiwan--student10-1.png" alt="Avatar" class="Img border">
+
                                <p><b>What do you do outside iGEM:</b> music, singing, reading</p>
−
                    </figure>
+
                                <p><b>Quotes:</b> The most difficult time is not far from success.</p>
−
                    <div class="ImgOverlay text-justify">
+
                            </div>
−
                        <div class="ImgText">
+
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Yi-Chieh, Huang
 +
                    </h3>
 +
                    <div>
 +
                        Wetlab
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Ting-Yu, Lin
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/c/c8/T--CSMU_Taiwan--student10.png" alt="Avatar" class="Img border">
−
                    Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/9/9e/T--CSMU_Taiwan--student10-1.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                            <div class="ImgText">
−
                <div class="ImgContainer">
+
                                <p class="text-left"><b>Major:</b> Medicine</p>
−
                    <figure>
+
                                <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/2/22/T--CSMU_Taiwan--student7.png" alt="Avatar" class="Img border">
+
                                <p><b>What do you do outside iGEM:</b> Playing badminton,reading, and playing minecraft.</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/c/c6/T--CSMU_Taiwan--student7-2.png" alt="Avatar" class="Img border">
+
                                <p><b>Quotes:</b> The journey is what brings us happiness not the destination.</p>
−
                    </figure>
+
                            </div>
−
                    <div class="ImgOverlay text-justify">
+
−
                        <div class="ImgText">
+
−
                          <p class="text-left"><b>Major:</b> Medicine</p>
+
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Ting-Yu, Lin
 +
                    </h3>
 +
                    <div>
 +
                        Wetlab
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Kuan-Lin, Chen
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/2/22/T--CSMU_Taiwan--student7.png" alt="Avatar" class="Img border">
−
                    Drylab
+
                            <img src="https://static.igem.org/mediawiki/2019/c/c6/T--CSMU_Taiwan--student7-2.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
        </div>
+
                            <div class="ImgText">
−
        <div class="row">
+
                                <p class="text-left"><b>Major:</b> Biomedicine</p>
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                                <p class="text-left"><b>Why iGEM:</b> I guess everything is magic!</p>
−
                <div class="ImgContainer">
+
                                <p><b>What do you do outside iGEM:</b> reading, hiking</p>
−
                    <figure>
+
                                <p><b>Quotes:</b> Difficult circumstances serve as a textbook of life for people.</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/3/3a/T--CSMU_Taiwan--student12.png" alt="Avatar" class="Img border">
+
                            </div>
−
                    <img src="https://static.igem.org/mediawiki/2019/9/99/T--CSMU_Taiwan--student12-2.png" alt="Avatar" class="Img border">
+
                        </div>
−
                    </figure>
+
                    </div>
−
                    <div class="ImgOverlay text-justify">
+
                    <h3 class="mt-2">
−
                        <div class="ImgText">
+
                        Kuan-Lin, Chen
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
                    </h3>
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
                    <div>
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
                        Drylab
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
 
                     </div>
 
                     </div>
−
                </div>
 
−
                <h3 class="mt-2">
 
−
                    Ya-Wen, Hsiao
 
−
                </h3>
 
−
                <div>
 
−
                    Human Practice
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="col-12 col-md-6 col-xl-3 mb-3">
+
             <div class="row">
−
                <div class="ImgContainer">
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    <figure>
+
                    <div class="ImgContainer">
−
                    <img src="https://static.igem.org/mediawiki/2019/4/46/T--CSMU_Taiwan--student6.png" alt="Avatar" class="Img border">
+
                        <figure>
−
                    <img src="https://static.igem.org/mediawiki/2019/3/3e/T--CSMU_Taiwan--student13.png" alt="Avatar" class="Img border">
+
                            <img src="https://static.igem.org/mediawiki/2019/3/3a/T--CSMU_Taiwan--student12.png" alt="Avatar" class="Img border">
−
                    </figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/9/99/T--CSMU_Taiwan--student12-2.png" alt="Avatar" class="Img border">
−
                    <div class="ImgOverlay text-justify">
+
                        </figure>
−
                        <div class="ImgText">
+
                        <div class="ImgOverlay text-justify">
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
                            <div class="ImgText">
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
                                <p class="text-left"><b>Major:</b> Medicine</p>
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
                                <p class="text-left"><b>Why iGEM:</b> nah</p>
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
                                <p><b>What do you do outside iGEM:</b> traveling, languages</p>
 +
                                <p><b>Quotes:</b> Life begins where fear ends.</p>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Ya-Wen, Hsiao
 +
                    </h3>
 +
                    <div>
 +
                        Human Practice
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Ching, Chang
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/4/46/T--CSMU_Taiwan--student6.png" alt="Avatar" class="Img border">
−
                    Human Practice
+
                            <img src="https://static.igem.org/mediawiki/2019/3/3e/T--CSMU_Taiwan--student13.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                            <div class="ImgText">
−
                <div class="ImgContainer">
+
                                <p class="text-left"><b>Major:</b> Medicine</p>
−
                    <figure>
+
                                <p class="text-left"><b>Why iGEM:</b> Try something new!</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/6/6d/T--CSMU_Taiwan--student11.png" alt="Avatar" class="Img border">
+
                                <p><b>What do you do outside iGEM:</b><br>play basketball, play the guitar</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/3/32/T--CSMU_Taiwan--student11-2.png" alt="Avatar" class="Img border">
+
                                <p><b>Quotes:</b> You have to realize that there’s always works to do, and you want to be the
−
                    </figure>
+
                                    hardest working person in whatever you do.</p>
−
                    <div class="ImgOverlay text-justify">
+
                            </div>
−
                        <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">
 +
                        Ching, Chang
 +
                    </h3>
 +
                    <div>
 +
                        Human Practice
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Ming-Chi, Chen
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/6/6d/T--CSMU_Taiwan--student11.png" alt="Avatar" class="Img border">
−
                    Design/Human practice
+
                            <img src="https://static.igem.org/mediawiki/2019/3/32/T--CSMU_Taiwan--student11-2.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                            <div class="ImgText">
−
                <div class="ImgContainer">
+
                                <p class="text-left"><b>Major:</b> Biomedicine</p>
−
                    <figure>
+
                                <p class="text-left"><b>Why iGEM:</b> Happy(*ﾟ∀ﾟ*)</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/5/55/T--CSMU_Taiwan--member01.png" alt="Avatar" class="Img border">
+
                                <p><b>What do you do outside iGEM:</b><br>Painting,sleeping and play with my pet cat.</p>
−
                    <img src="https://static.igem.org/mediawiki/2019/e/e2/T--CSMU_Taiwan--member01-1.png" alt="Avatar" class="Img border">
+
                                <p><b>Quotes: </b>Somewhere deep in my mind, I know by shedding tears we surrender our bodies.
−
                    </figure>
+
                                    Proofing that we are just beings, who fail to understand the meaning of the heart.</p>
−
                    <div class="ImgOverlay text-justify">
+
                            </div>
−
                        <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>
 
                     </div>
−
                </div>
+
                    <h3 class="mt-2">
−
                <h3 class="mt-2">
+
                        Ming-Chi, Chen
−
                    Yen-Cheng, Lin
+
                    </h3>
−
                </h3>
+
                    <div>
−
                <div>
+
                        Design/Human practice
−
                     Wiki advisor
+
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
    </div> 
+
        <div class="container">
−
    <div class="container">
+
            <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
−
        <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
+
                <h1>Advisors</h1>
−
            <h1>Advisors</h1>
+
            </div>
−
        </div>
+
            <div class="row">
−
        <div class="row">
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                    <div class="ImgContainer">
−
                <div class="ImgContainer">
+
                        <figure>
−
                    <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/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">
−
                    <img src="https://static.igem.org/mediawiki/2019/d/dc/T--CSMU_Taiwan--student5-2.png" alt="Avatar" class="Img border">
+
                        </figure>
−
                    </figure>
+
                        <div class="ImgOverlay text-justify">
−
                    <div class="ImgOverlay text-justify">
+
                            <div class="ImgText">
−
                        <div class="ImgText">
+
                                <p class="text-left"><b>Major:</b> Medical biotechnology and Dentistry</p>
−
                            <p class="text-left"><b>Major:</b> Medicine</p>
+
                                <p class="text-left"><b>Why iGEM:</b> Hello America!</p>
−
                            <p class="text-left"><b>Why iGEM:</b> Have freedom in the lab~</p>
+
                                <p><b>What do you do outside iGEM:</b> Sleep, eat, dental lab works.</p>
−
                            <p><b>What do you do outside iGEM:</b> Binge-watching, jogging</p>
+
                                <p><b>Quotes:</b> Life is a great big canvas; throw all the paint you can at it.</p>
−
                            <p><b>Quotes:</b>Every cloud has a silver lining:))</p>
+
                            </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Hsin-Jung, Lee
 +
                    </h3>
 +
                    <div>
 +
                        Advisor
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Hsin-Jung, Lee
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/5/53/T--CSMU_Taiwan--adviosr2-1.jpeg" alt="Avatar" class="Img border">
−
                    Advisor
+
                            <img src="https://static.igem.org/mediawiki/2019/2/29/T--CSMU_Taiwan--advisor2.jpeg" 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>Why iGEM:</b> To explore the magical power of synthetic biology with Taiwaness food in the lab.</p>
 +
                                <p><b>What do you do outside iGEM:</b>Drink Taiwaness bubble milk tea with fried chicken while working in the hospital.</p>
 +
                                <p><b>Quotes:</b>Unleash your dream, empower the future, and inspire the next.</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Ting-Yu, Lin
 +
                    </h3>
 +
                    <div>
 +
                        Advisor
 +
                    </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                    <div class="ImgContainer">
−
                <div class="ImgContainer">
+
                        <figure>
−
                    <figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/4/40/T--CSMU_Taiwan--advisor1.jpeg" alt="Avatar" class="Img border">
−
                    <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/2019/d/d7/T--CSMU_Taiwan--advisor1-1.jpeg" 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>
−
                    </figure>
+
                        <div class="ImgOverlay text-justify">
−
                    <div class="ImgOverlay text-justify">
+
                            <div class="ImgText">
−
                        <div class="ImgText">
+
                                <p class="text-left"><b>Major:</b> Medicine</p>
−
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
+
                                <p class="text-left"><b>Why iGEM:</b> I see, I come, I conquer.</p>
−
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
+
                                <p><b>What do you do outside iGEM:</b><br>A steamaholic player,and like to work out QOD every week.
−
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
+
                                </p>
 +
                                <p><b>Quotes:</b> An apple a day keeps myself away.</p>
 +
                            </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Shao-Chi, Lo
 +
                    </h3>
 +
                    <div>
 +
                        Advisor
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Franziska Winzig(19)
+
                    <div class="ImgContainer">
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/5/55/T--CSMU_Taiwan--member01.png" alt="Avatar" class="Img border">
−
                    Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/e/e2/T--CSMU_Taiwan--member01-1.png" alt="Avatar" class="Img border">
−
                </div>
+
                        </figure>
−
            </div>
+
                        <div class="ImgOverlay text-justify">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                            <div class="ImgText">
−
                <div class="ImgContainer">
+
                                <p class="text-left"><b>Major:</b>Chemistry and Computer Science</p>
−
                    <figure>
+
                                <p class="text-left"><b>Why iGEM:</b>Because of Hsin-Jung’s persuasion(?)</p>
−
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
+
                                <p><b>What do you do outside iGEM:</b> <br> Work out</p>
−
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
+
                                <p><b>Quotes: </b>Life is what happens to you while you're busy making other plans.</p>
−
                    </figure>
+
                            </div>
−
                    <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>
 
                     </div>
−
                </div>
+
                    <h3 class="mt-2">
−
                <h3 class="mt-2">
+
                        Yen-Cheng, Lin
−
                    Franziska Winzig(19)
+
                    </h3>
−
                </h3>
+
                    <div>
−
                <div>
+
                        Wiki advisor
−
                     Wetlab
+
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="col-12 col-md-6 col-xl-3 mb-3">
+
             <div class="row">
−
                <div class="ImgContainer">
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    <figure>
+
                    <div class="">
−
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
+
                        <figure>
−
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
+
                            <img src="https://static.igem.org/mediawiki/2019/8/81/T--CSMU_Taiwan--advisor3.jpeg" alt="Avatar" class="Img border">
−
                    </figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/8/81/T--CSMU_Taiwan--advisor3.jpeg" alt="Avatar" class="Img border">
−
                     <div class="ImgOverlay text-justify">
+
                        </figure>
−
                        <div class="ImgText">
+
                     </div>
−
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
+
                    <h3 class="mt-2">
−
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
+
                        Ting-Shuan, Wu
−
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
+
                    </h3>
−
                         </div>
+
                    <div>
 +
                         Advisor
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                     Franziska Winzig(19)
+
                    <div class="">
−
                 </h3>
+
                        <figure>
−
                 <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/2/21/T--CSMU_Taiwan--advisor5.jpeg" alt="Avatar" class="Img border">
−
                     Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/2/21/T--CSMU_Taiwan--advisor5.jpeg" alt="Avatar" class="Img border">
 +
                        </figure>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Shih-Wei, Wu
 +
                     </h3>
 +
                    <div>
 +
                        Advisor
 +
                    </div>
 +
                 </div>
 +
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
 +
                     <div class="">
 +
                        <figure>
 +
                            <img src="https://static.igem.org/mediawiki/2019/6/6e/T--CSMU_Taiwan--icon-teacher.jpeg" alt="Avatar" height=323 class="Img border">
 +
                            <img src="https://static.igem.org/mediawiki/2019/6/6e/T--CSMU_Taiwan--icon-teacher.jpeg" alt="Avatar" height=323 class="Img border">
 +
                        </figure>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Wei-Heng, Chung
 +
                    </h3>
 +
                    <div>
 +
                        Advisor
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
    </div>
+
        <div class="container Instructors">
−
    <div class="container">
+
            <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
−
      <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;display: block;">
+
                <h1>Instructors</h1>
−
            <h1>Instructors</h1>
+
            </div>
−
        </div>
+
            <div class="row">
−
        <div class="row">
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                    <div>
−
                <div class="ImgContainer">
+
                        <figure>
−
                    <figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/4/45/T--CSMU_Taiwan--advisor4.jpeg" alt="Avatar" class="Img border">
−
                    <img src="https://static.igem.org/mediawiki/2019/2/29/T--CSMU_Taiwan--instructor1.png" alt="Avatar" class="Img border">
+
                            <img src="https://static.igem.org/mediawiki/2019/4/45/T--CSMU_Taiwan--advisor4.jpeg" alt="Avatar" class="Img border">
−
                    <img src="https://static.igem.org/mediawiki/2019/2/29/T--CSMU_Taiwan--instructor1.png" alt="Avatar" class="Img border">
+
                        </figure>
−
                    </figure>
+
                     </div>
−
                     <div class="ImgOverlay text-justify">
+
                    <h3 class="mt-2">
−
                        <div class="ImgText">
+
                        Yu-Fan, Liu
−
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
+
                    </h3>
−
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
+
                    <div>
−
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
+
                         Instructor
−
                         </div>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Franziska Winzig(19)
+
                    <div>
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/9/9c/T--CSMU_Taiwan--instructor2.jpeg" alt="Avatar" class="Img border">
−
                     Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/9/9c/T--CSMU_Taiwan--instructor2.jpeg" alt="Avatar" class="Img border">
 +
                        </figure>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Ming-Che, Tsai
 +
                    </h3>
 +
                    <div>
 +
                        Instructor
 +
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                    <div>
−
                <div class="ImgContainer">
+
                        <figure>
−
                    <figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/8/83/T--CSMU_Taiwan--instructor3.jpeg" alt="Avatar" class="Img border">
−
                    <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/2019/8/83/T--CSMU_Taiwan--instructor3.jpeg" 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>
−
                    </figure>
+
                     </div>
−
                     <div class="ImgOverlay text-justify">
+
                    <h3 class="mt-2">
−
                        <div class="ImgText">
+
                        Rong-Tzong, Tsai
−
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
+
                    </h3>
−
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
+
                    <div>
−
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
+
                         Instructor
−
                         </div>
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Franziska Winzig(19)
+
                    <div>
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/d/d8/T--CSMU_Taiwan--instructor5.jpeg" alt="Avatar" class="Img border">
−
                     Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/d/d8/T--CSMU_Taiwan--instructor5.jpeg" alt="Avatar" class="Img border">
 +
                        </figure>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Feng-Yih, Yu
 +
                    </h3>
 +
                    <div>
 +
                        Instructor
 +
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="col-12 col-md-6 col-xl-3 mb-3">
+
             <div class="row">
−
                <div class="ImgContainer">
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    <figure>
+
                    <div>
−
                    <img src="https://static.igem.org/mediawiki/2018/f/ff/T--munich--Franziska.jpg" alt="Avatar" class="Img border">
+
                        <figure>
−
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--munich--Johann.jpg" alt="Avatar" class="Img border">
+
                            <img src="https://static.igem.org/mediawiki/2019/2/29/T--CSMU_Taiwan--instructor1.png" alt="Avatar" class="Img border">
−
                    </figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/2/29/T--CSMU_Taiwan--instructor1.png" alt="Avatar" class="Img border">
−
                     <div class="ImgOverlay text-justify">
+
                        </figure>
−
                        <div class="ImgText">
+
                     </div>
−
                            <p class="text-left"><b>Field of Study:</b> Biology</p>
+
                    <h3 class="mt-2">
−
                            <p class="text-left"><b>Fun Fact:</b> I´m always hungry for sweets.</p>
+
                        Wen-Wei, Chang
−
                            <p><b>Why iGEM:</b> I want to collect new experiences, additionally I love teamspirit.</p>
+
                    </h3>
−
                         </div>
+
                    <div>
 +
                         Instructor
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <h3 class="mt-2">
+
                 <div class="col-12 col-md-6 col-xl-3 mb-3">
−
                    Franziska Winzig(19)
+
                    <div>
−
                </h3>
+
                        <figure>
−
                <div>
+
                            <img src="https://static.igem.org/mediawiki/2019/6/6e/T--CSMU_Taiwan--icon-teacher.jpeg" alt="Avatar" class="Img border">
−
                     Wetlab
+
                            <img src="https://static.igem.org/mediawiki/2019/6/6e/T--CSMU_Taiwan--icon-teacher.jpeg" alt="Avatar" height=323 class="Img border">
 +
                        </figure>
 +
                    </div>
 +
                    <h3 class="mt-2">
 +
                        Chi-Ho, Chen
 +
                    </h3>
 +
                    <div>
 +
                        Instructor
 +
                     </div>
 
                 </div>
 
                 </div>
−
            </div>
+
                <div class="col-12 col-md-6 col-xl-3 mb-3">
−
            <div class="col-12 col-md-6 col-xl-3 mb-3">
+
                    <div>
−
                <div class="ImgContainer">
+
                        <figure>
−
                    <figure>
+
                            <img src="https://static.igem.org/mediawiki/2019/d/d5/T--CSMU_Taiwan--instructor6.jpeg" alt="Avatar" class="Img border">
−
                    <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/2019/d/d5/T--CSMU_Taiwan--instructor6.jpeg" 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>
−
                    </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>
−
                </div>
+
                    <h3 class="mt-2">
−
                <h3 class="mt-2">
+
                        Ling-Yun, Chen
−
                    Franziska Winzig(19)
+
                    </h3>
−
                </h3>
+
                    <div>
−
                <div>
+
                        Instructor
−
                     Wetlab
+
                     </div>
 +
 +
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
    </div>
+
        <!--end of container-->
−
    <!--end of container-->
+
    </section>
−
 
+
    <!--<div class="loader"></div>-->
−
</section>
+
    <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;background-color:#BCE5ED">
−
</div>
+
        <i class="stack-interface stack-up-open-big"></i>
−
<!--<div class="loader"></div>-->
+
    </a>
−
<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>
 
</body>
  
 
</html>
 
</html>
 
{{CSMU_Taiwan/footer}}
 
{{CSMU_Taiwan/footer}}

Latest revision as of 03:19, 14 December 2019

Stack Multipurpose HTML Template

Students

Avatar Avatar

Major: Medicine

Why iGEM: Challenge!

What do you do outside iGEM:
Play tennis

Quotes: Stay hungry, stay foolish.

Yun-Jui, Lee

Student Leader
Avatar Avatar

Major: Medicine

Why iGEM: Have freedom in the lab~

What do you do outside iGEM: Binge-watching, jogging

Quotes: Every cloud has a silver lining:))

Ying-Ju, Chen

Lab Leader
Avatar Avatar

Major: Medicine

Why iGEM: Why not.

What do you do outside iGEM:
Play tennis

Quotes: Some things are just best said with an eye roll.

Yu-Ru, Lin

Co-leader
Avatar Avatar

Major: Biomedicine

Why iGEM: I like it~

What do you do outside iGEM:
Hip-Hop dance

Quotes: Never underestimate your power to change yourself.

Bo-Ren, Dai

Wetlab
Avatar Avatar

Major: Biomedicine

Why iGEM: Love to try something exciting!

What do you do outside iGEM: traveling,reading,hiking and playing with dogs.

Quotes: I may not be there yet, but I am closer than I was yesterday. Do what you love and love what you do.

Hsin-Chun, Yeh

Wetlab
Avatar Avatar

Major: Medicine

Why iGEM: fun ,getting experience when working with people and enhancing my experimental skills.

What do you do outside iGEM: music, singing, reading

Quotes: The most difficult time is not far from success.

Yi-Chieh, Huang

Wetlab
Avatar Avatar

Major: Medicine

Why iGEM: Have freedom in the lab~

What do you do outside iGEM: Playing badminton,reading, and playing minecraft.

Quotes: The journey is what brings us happiness not the destination.

Ting-Yu, Lin

Wetlab
Avatar Avatar

Major: Biomedicine

Why iGEM: I guess everything is magic!

What do you do outside iGEM: reading, hiking

Quotes: Difficult circumstances serve as a textbook of life for people.

Kuan-Lin, Chen

Drylab
Avatar Avatar

Major: Medicine

Why iGEM: nah

What do you do outside iGEM: traveling, languages

Quotes: Life begins where fear ends.

Ya-Wen, Hsiao

Human Practice
Avatar Avatar

Major: Medicine

Why iGEM: Try something new!

What do you do outside iGEM:
play basketball, play the guitar

Quotes: You have to realize that there’s always works to do, and you want to be the hardest working person in whatever you do.

Ching, Chang

Human Practice
Avatar Avatar

Major: Biomedicine

Why iGEM: Happy(*ﾟ∀ﾟ*)

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

Quotes: Somewhere deep in my mind, I know by shedding tears we surrender our bodies. Proofing that we are just beings, who fail to understand the meaning of the heart.

Ming-Chi, Chen

Design/Human practice

Advisors

Avatar Avatar

Major: Medical biotechnology and Dentistry

Why iGEM: Hello America!

What do you do outside iGEM: Sleep, eat, dental lab works.

Quotes: Life is a great big canvas; throw all the paint you can at it.

Hsin-Jung, Lee

Advisor
Avatar Avatar

Major: Medicine

Why iGEM: To explore the magical power of synthetic biology with Taiwaness food in the lab.

What do you do outside iGEM:Drink Taiwaness bubble milk tea with fried chicken while working in the hospital.

Quotes:Unleash your dream, empower the future, and inspire the next.

Ting-Yu, Lin

Advisor
Avatar Avatar

Major: Medicine

Why iGEM: I see, I come, I conquer.

What do you do outside iGEM:
A steamaholic player,and like to work out QOD every week.

Quotes: An apple a day keeps myself away.

Shao-Chi, Lo

Advisor
Avatar Avatar

Major:Chemistry and Computer Science

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

What do you do outside iGEM:
Work out

Quotes: Life is what happens to you while you're busy making other plans.

Yen-Cheng, Lin

Wiki advisor
Avatar Avatar

Ting-Shuan, Wu

Advisor
Avatar Avatar

Shih-Wei, Wu

Advisor
Avatar Avatar

Wei-Heng, Chung

Advisor

Instructors

Avatar Avatar

Yu-Fan, Liu

Instructor
Avatar Avatar

Ming-Che, Tsai

Instructor
Avatar Avatar

Rong-Tzong, Tsai

Instructor
Avatar Avatar

Feng-Yih, Yu

Instructor
Avatar Avatar

Wen-Wei, Chang

Instructor
Avatar Avatar

Chi-Ho, Chen

Instructor
Avatar Avatar

Ling-Yun, Chen

Instructor