Difference between revisions of "Team:TAS Taipei/Team"

 
(81 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{TAS Taipei/CSS2}} {{TAS Taipei/Bootstrap}} {{TAS Taipei/BootstrapJS}}
 
<html lang="en">
 
<html lang="en">
  
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>About Us</title>
 
     <title>About Us</title>
 
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
−
    <link rel="stylesheet" href="https://2017.igem.org/Template:TAS_Taipei/CSS2">
+
     <style type='text/css'>
−
     <style type='text/css'>
+
         #top_title,
−
         #top_title,#sideMenu { display: none !important; }
+
        #sideMenu {
 +
            display: none !important;
 +
        }
 +
 
 
         #content {
 
         #content {
 
             width: 100%;
 
             width: 100%;
Line 15: Line 19:
 
             background: #f3f4f4;
 
             background: #f3f4f4;
 
         }
 
         }
 +
 +
        .this_border {
 +
            background-color: #A6BCA2;
 +
        }
 +
 
     </style>
 
     </style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
     <div class="boxes2">
+
     <div class="return">
−
         <div class="box2" id="project" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Background';" style="cursor: pointer;">
+
         <h1>X</h1>
−
             <br>
+
    </div>
−
             <h1>PROJECT
+
    <div class="yellow">
−
                 <span>
+
        <div class="box right">
−
                    <img src="https://static.igem.org/mediawiki/2017/9/92/Project.png" id="dna" width="40vh">
+
            <div class="box2 right project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
−
                 </span>
+
                <img src="https://static.igem.org/mediawiki/2017/0/00/T--TAS_Taipei--Project_C.png" id="dna">
−
             </h1>
+
                <h6 class="navCap">Project</h6>
−
             <br>
+
            </div>
 +
            <div class="box2 right experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/b0/T--TAS_Taipei--Exp_C.png" id="dna">
 +
                <h6 class="navCap">Experiments</h6>
 +
            </div>
 +
            <div class="box2 right modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 +
                <img src="https://static.igem.org/mediawiki/2017/b/be/T--TAS_Taipei--Modeling_C.png" id="dna">
 +
                <h6 class="navCap">Modeling</h6>
 +
             </div>
 +
             <div class="box2 right prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
 +
                 <img src="https://static.igem.org/mediawiki/2017/2/2e/T--TAS_Taipei--Prototype_C.png" id="dna">
 +
                <h6 class="navCap">Prototype</h6>
 +
            </div>
 +
            <div class="box2 right policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 +
                <img src="https://static.igem.org/mediawiki/2017/4/42/T--TAS_Taipei--HP2_C.png" id="dna">
 +
                <h6 class="navCap">Human Practices</h6>
 +
            </div>
 +
            <div class="box2 right biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 +
                 <img src="https://static.igem.org/mediawiki/2017/b/b8/T--TAS_Taipei--Biosafety_C.png" id="dna">
 +
                <h6 class="navCap">Safety</h6>
 +
             </div>
 +
             <div class="box2 right about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 +
                <img src="https://static.igem.org/mediawiki/2017/1/1a/T--TAS_Taipei--About_Us_C.png" id="dna">
 +
                <h6 class="navCap">About Us</h6>
 +
            </div>
 +
            <div class="box2 right acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/52/T--TAS_Taipei--Attributions_C.png" id="dna">
 +
                <h6 class="navCap">Attributions</h6>
 +
            </div>
 
         </div>
 
         </div>
−
         <div class="box2" id="experiment" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary';" style="cursor: pointer;">
+
         <div class="blue">
−
             <br>
+
            <div class="box3 left project" href="https://2017.igem.org/Team:TAS_Taipei/Background">
−
             <h1>EXPERIMENTS
+
                <h1>Project</h1>
−
                 <span>
+
            </div>
−
                    <img src="https://static.igem.org/mediawiki/2017/9/9c/Exp.png" id="dna" width="40vh">
+
            <div class="box3 left experiment" href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary">
−
                 </span>
+
                <h1>Experiment</h1>
−
             </h1>
+
            </div>
−
             <br>
+
            <div class="box3 left modeling" href="https://2017.igem.org/Team:TAS_Taipei/Model">
 +
                <h1>Modeling</h1>
 +
             </div>
 +
             <div class="box3 left prototype" href="https://2017.igem.org/Team:TAS_Taipei/Applied_Design">
 +
                 <h1>Prototype</h1>
 +
            </div>
 +
            <div class="box3 left policy" href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices">
 +
                <h1>Human Practice</h1>
 +
            </div>
 +
            <div class="box3 left biosafety" href="https://2017.igem.org/Team:TAS_Taipei/Safety">
 +
                <h1>Safety</h1>
 +
            </div>
 +
            <div class="box3 left about" href="https://2017.igem.org/Team:TAS_Taipei/Team">
 +
                 <h1>About Us</h1>
 +
             </div>
 +
            <div class="box3 left acknowledgments" href="https://2017.igem.org/Team:TAS_Taipei/Attributions">
 +
                <h1>Attributions</h1>
 +
             </div>
 
         </div>
 
         </div>
−
        <div class="box2" id="modeling" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Model';" style="cursor: pointer;">
+
    </div>
−
            <br>
+
    <box class="home">
−
            <h1>MODELING
+
        <img src="https://static.igem.org/mediawiki/2017/2/25/T--TAS_Taipei--7home.svg" alt="Home" id="home" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei';" style="cursor: pointer;">
−
                <span>
+
    </box>
−
                    <img src="https://static.igem.org/mediawiki/2017/3/3c/Modeling.png" id="dna" width="40vh">
+
    <!--全版面大型看板開始-->
−
                </span>
+
    <div class="jumbotron" id="team-jumbo">
−
            </h1>
+
         <div class="container">
−
            <br>
+
             <h1>About Us</h1>
−
        </div>
+
             <h4>Meet the team, the faces behind NANOTRAP.</h4>
−
        <div class="box2" id="prototype" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Prototype';" style="cursor: pointer;">
+
−
            <br>
+
−
            <h1>PROTOTYPE
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/3/31/Prototype.png" id="dna" width="40vh">
+
−
                </span>
+
−
            </h1>
+
−
            <br>
+
−
        </div>
+
−
        <div class="box2" id="policy" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Human_Practices';" style="cursor: pointer;">
+
−
            <br>
+
−
            <H1>HUMAN PRACTICES
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/d/d6/HP1.png" id="dna" width="40vh">
+
−
                </span>
+
−
            </H1>
+
−
            <br>
+
−
        </div>
+
−
        <div class="box2" id="biosafety" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Safety';" style="cursor: pointer;">
+
−
            <br>
+
−
            <H1>BIOSAFETY
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/b/b9/Biosafety.png" id="dna" width="40vh">
+
−
                </span>
+
−
            </H1>
+
−
            <br>
+
−
        </div>
+
−
         <div class="box2" id="about" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Team';" style="cursor: pointer;">
+
−
             <br>
+
−
            <H1>ABOUT US
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/a/a3/About_us1.png" id="dna" width="40vh">
+
−
                </span>
+
−
             </H1>
+
−
            <br>
+
−
        </div>
+
−
        <div class="box2" id="acknowledgments" onclick="location.href='https://2017.igem.org/Team:TAS_Taipei/Attributions';" style="cursor: pointer;">
+
−
            <br>
+
−
            <H1>ATTRIBUTIONS
+
−
                <span>
+
−
                    <img src="https://static.igem.org/mediawiki/2017/f/f3/Book.png" id="dna" width="40vh">
+
−
                </span>
+
−
            </H1>
+
−
            <br>
+
 
         </div>
 
         </div>
 +
        <a href="#cv"><img src="https://static.igem.org/mediawiki/2017/4/4a/T--TAS_Taipei--Chevron_500px_200ppi.png" alt="test" id="chevron"></a>
 
     </div>
 
     </div>
−
     <div class="cv">
+
    <!--全版面大型看板結尾-->
−
         <!-- header -->
+
     <div class="cv" id="cv">
−
        <header>
+
         <div class="row">
−
            <h1 class="name">William Chen</h1>
+
            <nav class="pageNav col-lg-1">
−
            <h2 class="current_occupation">Current Occupation: Student</h2>
+
                <ul class="nav">
−
            <p class="email">Email me at williamc18113825@tas.tw</p>
+
                    <li>
−
        </header>
+
                        <a href="#team" class="pageNavBig">TEAM</a>
−
        <!-- middle section -->
+
                    </li>
−
        <section class="main">
+
                    <li>
−
            <div class="intro">
+
                        <a href="#main" class="pageNavSm">Members</a>
−
                <h1 class="section-title">Intro</h1>
+
                    </li>
−
                <p>
+
                    <li>
−
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium et maiores reiciendis molestiae. Veritatis fuga optio perspiciatis natus quidem dolorem facilis similique. Cumque harum eius odio aspernatur rerum quae non expedita fugit error dicta ad nam beatae, officiis dolorem dolore quos quidem. Esse quasi voluptas dicta, aspernatur fugit nihil at.
+
                        <a href="#StuAd" class="pageNavSm">Student Advisors</a>
−
                 </p>
+
                    </li>
 +
                    <li>
 +
                        <a href="#advisors" class="pageNavSm">Advisors</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#about" class="pageNavBig">ABOUT TAIPEI AMERICAN SCHOOL</a>
 +
                    </li>
 +
                 </ul>
 +
            </nav>
 +
            <div class="white col-lg-2">
 +
                hi
 
             </div>
 
             </div>
−
             <!-- .expernce>h1.section-title{Experience List}+(.job>h3.job-title+h4.company-name+p{lorem30})*3 -->
+
             <div class="col-lg-10">
−
            <div class="experiences">
+
                <!-- header -->
−
                <h1 class="section-title">Experience List</h1>
+
                <header id="team">
−
                <div class="job">
+
                    <h1 class="name">TEAM</h1>
−
                     <h3 class="job-title">Baby</h3>
+
                    <h4>We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 27 dedicated members, 11 of whom will be attending the jamboree in Boston. This is our fourth year participating in the iGEM competition, and we look forward to continuing for years to come!</h4><br>
−
                     <h4 class="company-name">Company Name</h4>
+
                    <div class="this_border"></div>
−
                     <p>
+
                </header>
−
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto aliquam voluptatum, reiciendis. Inventore libero, eveniet vitae nemo, laudantium, excepturi eaque tempore officiis quibusdam animi recusandae modi neque unde, aliquid nihil.
+
                <div class="row" id="main">
−
                     </p>
+
                    <h1 class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title2">MEMBERS</h1>
 +
                </div><br>
 +
                <div class="row">
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/a/ab/T--TAS_Taipei--Abby_Hau.jpg" class="ind_pic">
 +
                        <h3>Abby H.</h3>
 +
                        <h4>HP, Prototype</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/a/a2/T--TAS_Taipei--Allen_Liu.jpg" class="ind_pic">
 +
                        <h3>Allen L.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/dd/T--TAS_Taipei--Andrew_Hu.jpg" class="ind_pic">
 +
                        <h3>Andrew H.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/94/T--TAS_Taipei--Ashley_Lin.jpg" class="ind_pic">
 +
                        <h3>Ashley L.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/5/5d/T--TAS_Taipei--Audrey_Tei.jpg" class="ind_pic">
 +
                        <h3>Audrey T.</h3>
 +
                        <h4>HP, EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/5/5d/T--TAS_Taipei--Candice_Lee.jpg" class="ind_pic">
 +
                        <h3>Candice L.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/12/T--TAS_Taipei--Cat_Yeh.jpg" class="ind_pic">
 +
                        <h3>Catherine Y.</h3>
 +
                        <h4>EXP</h4>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container" class="ind_pic">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d6/T--TAS_Taipei--Catherine_Cheng.jpg" class="ind_pic">
 +
                        <h3>Catherine C.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/8/80/T--TAS_Taipei--Chansie_Yang.jpg" class="ind_pic">
 +
                        <h3>Chansie Y.</h3>
 +
                        <h4>HP</h4>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d3/T--TAS_Taipei--Christine_Chen.jpg" class="ind_pic">
 +
                        <h3>Christine C.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/6/6f/T--TAS_Taipei--Dylan_Lu.jpg" class="ind_pic">
 +
                        <h3>Dylan L.</h3>
 +
                        <h4>EXP</h4>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                         <img src="https://static.igem.org/mediawiki/2017/a/a7/T--TAS_Taipei--Emily_Chen.jpg" class="ind_pic">
 +
                        <h3>Emily C.</h3>
 +
                        <h4>HP, EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/6/64/T--TAS_Taipei--Florence_Liou.jpg" class="ind_pic">
 +
                        <h3>Florence L.</h3>
 +
                        <h4>Modeling, EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/17/T--TAS_Taipei--Jesse_Kao.jpeg" class="ind_pic">
 +
                        <h3>Jesse K.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/6/6a/T--TAS_Taipei--Justin_Pei.jpg" class="ind_pic">
 +
                        <h3>Justin P.</h3>
 +
                        <h4>Modeling</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2016/6/6b/T--TAS_Taipei--JustinY.png" class="ind_pic">
 +
                        <h3>Justin Y.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/c/ce/T--TAS_Taipei--Katherine_Hsu.jpg" class="ind_pic">
 +
                        <h3>Katherine H.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d4/T--TAS_Taipei--Katie_Chang.jpeg" class="ind_pic">
 +
                        <h3>Katie C.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/7/72/T--TAS_Taipei--Kelly_Chen.jpg" class="ind_pic">
 +
                        <h3>Kelly C.</h3>
 +
                        <h4>HP, Wiki</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/f5/T--TAS_Taipei--Laurent_Hsia.jpg" class="ind_pic">
 +
                        <h3>Laurent H.</h3>
 +
                        <h4>EXP, Wiki</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/5/5b/T--TAS_Taipei--Leona_Tsai.jpg" class="ind_pic">
 +
                        <h3>Leona T.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/f9/T--TAS_Taipei--Oscar_Wallace.jpeg" class="ind_pic">
 +
                        <h3>Oscar W.</h3>
 +
                        <h4>EXP, Wiki</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/2/2a/T--TAS_Taipei--Paul_Imrogulio.jpeg" class="ind_pic">
 +
                        <h3>Paul I.</h3>
 +
                        <h4>EXP</h4>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/39/T--TAS_Taipei--Stephanie_Chang.jpg" class="ind_pic">
 +
                        <h3>Stephanie C.</h3>
 +
                        <h4>HP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/c/c5/T--TAS_Taipei--William_Chen.jpg" class="ind_pic">
 +
                        <h3>William C.</h3>
 +
                        <h4>Wiki</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/0/0b/T--TAS_Taipei--William_Huang.jpg" class="ind_pic">
 +
                        <h3>William H.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/98/T--TAS_Taipei--Yvonne_Wei.jpg" class="ind_pic">
 +
                        <h3>Yvonne W.</h3>
 +
                        <h4>EXP</h4>
 +
                    </div>
 
                 </div>
 
                 </div>
−
                 <div class="job">
+
                <br>
−
                     <h3 class="job-title">Toddler</h3>
+
                 <div class="row" id="StuAd">
−
                     <h4 class="company-name">Company Name</h4>
+
                     <h1 class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title2">STUDENT ADVISORS</h1>
−
                     <p>
+
                </div><br>
−
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius quod, maxime adipisci, eligendi omnis dolore error minus natus, perspiciatis dignissimos magnam commodi quis aliquam nihil velit ullam laboriosam odit inventore?
+
                <div class="row">
−
                     </p>
+
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d4/Alvin_Wang.JPG" class="ind_pic">
 +
                        <h3>Alvin W.</h3>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--Avery.png" class="ind_pic">
 +
                        <h3>Avery W.</h3>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/1c/T--TAS_Taipei--ChangSun_Lee.jpeg" class="ind_pic">
 +
                        <h3>ChangSun L.</h3>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                         <img src="https://static.igem.org/mediawiki/2016/1/15/T--TAS_Taipei--Moksha.png" class="ind_pic">
 +
                        <h3>Moksha S.</h3>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/fd/T--TAS_Taipei--Leon_Yim.jpg" class="ind_pic">
 +
                        <h3>Leon Y.</h3>
 +
                    </div>
 
                 </div>
 
                 </div>
−
                 <div class="job">
+
                 <div class="row" id="advisors">
−
                     <h3 class="job-title">Middle School Student</h3>
+
                     <h1 class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title2">ADVISORS</h1>
−
                     <h4 class="company-name">Company Name</h4>
+
                </div><br>
−
                     <p>
+
                <div class="row">
−
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia perferendis libero dolores maxime nemo numquam fugiat quidem, temporibus maiores deserunt expedita animi possimus natus, vel, modi aspernatur perspiciatis suscipit nostrum!
+
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
−
                     </p>
+
                        <img src="https://static.igem.org/mediawiki/2015/3/33/JClapper.JPG" class="ind_pic">
 +
                        <h3>Jude Clapper</h3>
 +
                    </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2015/0/04/TChiang.jpg" class="ind_pic">
 +
                        <h3>Teresa Chiang</h3>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                        <img src="https://static.igem.org/mediawiki/2015/7/72/STsao.jpg" class="ind_pic">
 +
                        <h3>Sean Tsao</h3>
 +
                     </div>
 +
                    <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 adv_ind_pic_container">
 +
                         <img src="https://static.igem.org/mediawiki/2015/4/43/RBrundage.jpg" class="ind_pic">
 +
                        <h3>Richard Brundage</h3>
 +
                     </div>
 
                 </div>
 
                 </div>
 +
                <div class="row">
 +
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="this_border">
 +
                    </div>
 +
                </div>
 +
                <section class="main">
 +
                    <div class="row" id="about">
 +
                        <h1 class="title2 col-lg-12 col-md-12 col-sm-12 col-xs-12">ABOUT TAIPEI AMERICAN SCHOOL</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
                            Taipei American School is a private independent school with an American-based curriculum located in Tianmu (T'ien-mu), Shilin District (Shih-lin), Taipei City. TAS strives to stay ahead of the curve in STEAM education. An important aspect of STEAM education is the 'E': Engineering. Our iGEM team represents the application of engineering beyond robotics.
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h1 class="title2 col-lg-12 col-md-12 col-sm-12 col-xs-12">About the lab</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
                            We work in the Sandy R. Puckett Memorial Research Lab, which was completely renovated in 2013 to provide a research laboratory for on-campus student research in chemistry, synthetic biology and nanotechnology. It is fully equipped with lab tools for research for the iGEM competition. The students have the opportunity to be creative and exploratory in many areas of scientific research at TAS.
 +
                        </h4>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h1 class="title2 col-lg-12 col-md-12 col-sm-12 col-xs-12">Synthetic Biology</h1>
 +
                    </div>
 +
                    <div class="row">
 +
                        <h4 class="para col-lg-12 col-md-12 col-sm-12 col-xs-12">
 +
                            The fusion between biological research and engineering has culminated in the creation of synthetic biology. This interdisciplinary area was facilitated by the recent advances in technology, allowing biological devices to be designed and contructed as if they were machinery. However, the advent of synthetic biology has raised concerns with biosafety and biosecurity, which is why iGEM places such importance on "safety".
 +
                        </h4>
 +
                    </div>
 +
                    <br>
 
             </div>
 
             </div>
−
        </section>
+
            </section>
−
        <!-- last portion -->
+
         </div>
−
        <footer>
+
−
            <h1>Contact</h1>
+
−
            <p>
+
−
                +886 981 009 249
+
−
            </p>
+
−
            <p>williamc18113825@tas.tw</p>
+
−
         </footer>
+
 
     </div>
 
     </div>
 +
    <script>
 +
        $("a").on('click', function(event) {
 +
            if (this.hash !== "") {
 +
                event.preventDefault();
 +
                var hash = this.hash;
 +
                $('html, body').animate({
 +
                    scrollTop: $(hash).offset().top
 +
                }, 300, function() {
 +
                    // Add hash (#) to URL when done scrolling (default click behavior)
 +
                    window.location.hash = hash;
 +
                });
 +
            }
 +
        });
 +
        $(function() {
 +
            $('.yellow').removeClass('active');
 +
            $('.yellow').mouseenter(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').addClass('active');
 +
                }
 +
                $('.navCap').addClass('deactive');
 +
            });
 +
 +
            $('.yellow').mouseleave(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize > 1020) {
 +
                    //if the window is greater than 1020px wide then hover
 +
                    $('.yellow').removeClass('active');
 +
                }
 +
                $('.navCap').removeClass('deactive');
 +
            });
 +
 +
            $('.box2').click(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize < 1020) {
 +
                    //if the window is less than 1020px wide then turn on click for mobile.
 +
                    if ($('.yellow').hasClass('active')) {
 +
                        window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
 +
 +
            })
 +
 +
            $('.box3').click(function() {
 +
                var windowsize = $(window).width();
 +
                if (windowsize < 1020) {
 +
                    //if the window is less than 1020px wide then turn on click for mobile.
 +
                    if ($('.yellow').hasClass('active')) {
 +
                        window.location = $(this).attr('href');
 +
                    } else {
 +
                        $('.yellow').addClass('active');
 +
                        $('.return').addClass('active');
 +
                        $('.home').addClass('deactive');
 +
                    }
 +
                } else {
 +
                    window.location = $(this).attr('href');
 +
                }
 +
            })
 +
 +
            $('.return').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
                $('.home').removeClass('deactive');
 +
            })
 +
 +
            $('.cv').click(function() {
 +
                $('.yellow').removeClass('active');
 +
                $('.return').removeClass('active');
 +
                $('.home').removeClass('deactive');
 +
            })
 +
 +
            $('.jumbotron').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.cv').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.project').mouseenter(function() {
 +
                $('.project').addClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.experiment').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').addClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.modeling').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').addClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.prototype').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').addClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.biosafety').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').addClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.about').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').addClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.policy').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').addClass('active');
 +
                $('.acknowledgments').removeClass('active');
 +
            });
 +
 +
            $('.acknowledgments').mouseenter(function() {
 +
                $('.project').removeClass('active');
 +
                $('.experiment').removeClass('active');
 +
                $('.modeling').removeClass('active');
 +
                $('.prototype').removeClass('active');
 +
                $('.biosafety').removeClass('active');
 +
                $('.about').removeClass('active');
 +
                $('.policy').removeClass('active');
 +
                $('.acknowledgments').addClass('active');
 +
            });
 +
 +
        })
 +
 +
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 13:25, 31 October 2017

X

Project
Experiments
Modeling
Prototype
Human Practices
Safety
About Us
Attributions

Project

Experiment

Modeling

Prototype

Human Practice

Safety

About Us

Attributions

Home

About Us

Meet the team, the faces behind NANOTRAP.

test
hi

TEAM

We are the Taipei American School iGEM team, Taiwan's first high school team. Our team consists of 27 dedicated members, 11 of whom will be attending the jamboree in Boston. This is our fourth year participating in the iGEM competition, and we look forward to continuing for years to come!


MEMBERS


Abby H.

HP, Prototype

Allen L.

EXP

Andrew H.

EXP

Ashley L.

HP

Audrey T.

HP, EXP

Candice L.

HP

Catherine Y.

EXP

Catherine C.

EXP

Chansie Y.

HP

Christine C.

HP

Dylan L.

EXP

Emily C.

HP, EXP

Florence L.

Modeling, EXP

Jesse K.

EXP

Justin P.

Modeling

Justin Y.

EXP

Katherine H.

HP

Katie C.

EXP

Kelly C.

HP, Wiki

Laurent H.

EXP, Wiki

Leona T.

EXP

Oscar W.

EXP, Wiki

Paul I.

EXP

Stephanie C.

HP

William C.

Wiki

William H.

EXP

Yvonne W.

EXP


STUDENT ADVISORS


Alvin W.

Avery W.

ChangSun L.

Moksha S.

Leon Y.

ADVISORS


Jude Clapper

Teresa Chiang

Sean Tsao

Richard Brundage

ABOUT TAIPEI AMERICAN SCHOOL

Taipei American School is a private independent school with an American-based curriculum located in Tianmu (T'ien-mu), Shilin District (Shih-lin), Taipei City. TAS strives to stay ahead of the curve in STEAM education. An important aspect of STEAM education is the 'E': Engineering. Our iGEM team represents the application of engineering beyond robotics.

About the lab

We work in the Sandy R. Puckett Memorial Research Lab, which was completely renovated in 2013 to provide a research laboratory for on-campus student research in chemistry, synthetic biology and nanotechnology. It is fully equipped with lab tools for research for the iGEM competition. The students have the opportunity to be creative and exploratory in many areas of scientific research at TAS.

Synthetic Biology

The fusion between biological research and engineering has culminated in the creation of synthetic biology. This interdisciplinary area was facilitated by the recent advances in technology, allowing biological devices to be designed and contructed as if they were machinery. However, the advent of synthetic biology has raised concerns with biosafety and biosecurity, which is why iGEM places such importance on "safety".