Difference between revisions of "Team:NCKU Tainan/Team"

 
(20 intermediate revisions by 3 users not shown)
Line 8: Line 8:
 
     <body data-spy="scroll" data-target=".navbar-example">
 
     <body data-spy="scroll" data-target=".navbar-example">
 
         <div class="container content">
 
         <div class="container content">
             <h1 class="head">Team Member</h1>
+
             <div class="headstyle">
 +
                <h1 class="head">Team members</h1>
 +
            </div>
 +
            <div class="righttitle">
 +
                <h6 class="subtitle">Serve Each Other</h6>
 +
            </div>
 
             <div class="navbar-example">
 
             <div class="navbar-example">
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-2 side">       
 
                     <div class="col-2 side">       
 
                         <div id="sidelist" class="list-group" style="position: fixed;">
 
                         <div id="sidelist" class="list-group" style="position: fixed;">
                             <a class="list-group-item list-group-item-action active" href="#list-item-1">PI</a>
+
                             <a class="list-group-item list-group-item-action active" href="#PI">PI</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-2">Advisor</a>
+
                             <a class="list-group-item list-group-item-action" href="#Advisor">Advisor</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-3">Wet</a>
+
                             <a class="list-group-item list-group-item-action" href="#Wet">Wet</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-4">Dry/IT</a>
+
                             <a class="list-group-item list-group-item-action" href="#Dry_IT">Dry/IT</a>
                             <a class="list-group-item list-group-item-action" href="#list-item-5">HP</a>
+
                             <a class="list-group-item list-group-item-action" href="#HP">HP</a>
 
                             <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" aria-hidden="true"></i></a>
 
                             <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" aria-hidden="true"></i></a>
 
                         </div>
 
                         </div>
Line 24: Line 29:
 
                         <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
 
                         <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example">
 
                             <div class="container">
 
                             <div class="container">
                                 <h4 id="list-item-1">Principle Investigator</h4>
+
                                 <h4 id="PI">Principal Investigator</h4>
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="principle-1" onclick="turn('#principle-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="principle-1" onclick="turn('#principle-1')">
Line 67: Line 72:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/6/68/T--NCKU_Tainan--team_pi_Hashimoto_Masayuki.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/6/68/T--NCKU_Tainan--team_pi_Hashimoto_Masayuki.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Hashimoto Masayuki</h3>                                               
+
                                                 <h3>Masayuki Hashimoto</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Hashimoto Masayuki</h3>   
+
                                                 <h3 class="backname">Masayuki Hashimoto</h3>   
 
                                                 <h2>Assistant Professor</h2>
 
                                                 <h2>Assistant Professor</h2>
 
                                                 <h5>Institute of Molecular Medicine</h5>  
 
                                                 <h5>Institute of Molecular Medicine</h5>  
Line 78: Line 83:
 
                                     </div>
 
                                     </div>
 
                                 </div>  
 
                                 </div>  
                                 <h4 id="list-item-2">Advisor</h4>
+
                                 <h4 id="Advisor">Advisor</h4>
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="advisor-1" onclick="turn('#advisor-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="advisor-1" onclick="turn('#advisor-1')">
Line 104: Line 109:
 
                                                 <div class="post">
 
                                                 <div class="post">
 
                                                     <span class="folded-corner"></span>
 
                                                     <span class="folded-corner"></span>
                                                     <img src="https://static.igem.org/mediawiki/2018/0/0d/T--NCKU_Tainan--team_advisor_I-Yu.png" style="width: 100%;"/>
+
                                                     <img src="https://static.igem.org/mediawiki/2018/a/a5/T--NCKU_Tainan--advisor_huang.jpeg" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>I-Yu Chen</h3>                                               
+
                                                 <h3>Yin-Chun Huang</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">I-Yu Chen</h3>
+
                                                 <h3 class="backname">Yin-Chun Huang</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
                                                 <h5>Computer Science and Information Engineering</h5>
+
                                                 <h5>Physics</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Dry Advisor</h5>
 
                                                 <h5>Dry Advisor</h5>
                                                 <h5 class="quote">xxx</h5>                               
+
                                                 <h5 class="quote">Never gonna knew if you never even try.</h5>                               
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 133: Line 138:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Dry Advisor</h5>
 
                                                 <h5>Dry Advisor</h5>
                                                 <h5 class="quote">Make everything happen ,do everything you want.</h5>                               
+
                                                 <h5 class="quote">Make everything happen, do everything you want.</h5>                               
 +
                                            </div>
 +
                                        </div> 
 +
                                    </div>
 +
                                    <div class="col-lg-4 col-md-4 flip" id="advisor-2" onclick="turn('#advisor-2')">
 +
                                        <div class="card">
 +
                                            <div class="namecard front">
 +
                                                <div class="post">
 +
                                                    <span class="folded-corner"></span>
 +
                                                    <img src="https://static.igem.org/mediawiki/2018/0/0d/T--NCKU_Tainan--team_advisor_I-Yu.png" style="width: 100%;"/>
 +
                                                </div>
 +
                                                <h3>I-Yu Chen</h3>                                             
 +
                                            </div>
 +
                                            <div class="namecard back">
 +
                                                <h3 class="backname">I-Yu Chen</h3>
 +
                                                <h2>Major</h2>
 +
                                                <h5>Computer Science and Information Engineering</h5>
 +
                                                <h2>Work in iGEM</h2>
 +
                                                <h5>Dry Advisor</h5>
 +
                                                <h5 class="quote">A gap in the cup, if change a point of view it, it is still round.</h5>                             
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
 
                                     </div>   
 
                                     </div>   
 
                                 </div>  
 
                                 </div>  
                                 <h4 id="list-item-3">Wet</h4>                     
+
                                 <h4 id="Wet">Wet</h4>                     
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="wet-1" onclick="turn('#wet-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="wet-1" onclick="turn('#wet-1')">
Line 155: Line 179:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Wet leader</h5>
 
                                                 <h5>Wet leader</h5>
                                                 <h5 class="quote">xxx</h5>                               
+
                                                 <h5 class="quote">Don't tell me those chicken soup quotes, just embrace the truth.</h5>                               
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 174: Line 198:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">xxx</h5>                           
+
                                                 <h5 class="quote">If at first the idea is not absurd, then there is no hope for it.</h5>                           
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 193: Line 217:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">xxx</h5>                             
+
                                                 <h5 class="quote">Stay hungry, stay foolish.</h5>                             
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 204: Line 228:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/e/e4/T--NCKU_Tainan--team_hp_Hui-Yee.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/e/e4/T--NCKU_Tainan--team_hp_Hui-Yee.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Hui-Yee Ng</h3>                                               
+
                                                 <h3>Ng Hui Yee</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Hui-Yee Ng</h3>
+
                                                 <h3 class="backname">Ng Hui Yee</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Life Sciences</h5>
 
                                                 <h5>Life Sciences</h5>
Line 223: Line 247:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/8/8e/T--NCKU_Tainan--team_wet_Zhen-Yee.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/8/8e/T--NCKU_Tainan--team_wet_Zhen-Yee.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Zhen-Yee Wu</h3>                                               
+
                                                 <h3>Wu Zhen Yee</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Zhen-Yee Wu</h3>
+
                                                 <h3 class="backname">Wu Zhen Yee</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</h5>
 
                                                 <h5>Biotechnology and Bioindustry Sciences</h5>
Line 244: Line 268:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/3/39/T--NCKU_Tainan--team_wet_Chee-Yun.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/3/39/T--NCKU_Tainan--team_wet_Chee-Yun.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Chee-Yun Long</h3>                                               
+
                                                 <h3>Long Chee Yun</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Chee-Yun Long</h3>
+
                                                 <h3 class="backname">Long Chee Yun</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Chemical Engineering</h5>
 
                                                 <h5>Chemical Engineering</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">xxx</h5>                       
+
                                                 <h5 class="quote">Grab life by the horns.</h5>                       
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 271: Line 295:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>wet</h5>
 
                                                 <h5>wet</h5>
                                                 <h5 class="quote">The sky is full of stars and your dream too so, don't let your dream be dream.</h5>                   
+
                                                 <h5 class="quote">The sky is full of stars and your dream too. So don't let your dream be dream.</h5>                   
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <h4 id="list-item-4">Dry/IT</h4>
+
                                 <h4 id="Dry_IT">Dry/IT</h4>
                          <div class="row">                       
+
                                <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="dry-1" onclick="turn('#dry-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="dry-1" onclick="turn('#dry-1')">
 
                                         <div class="card">
 
                                         <div class="card">
Line 285: Line 309:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/a/a7/T--NCKU_Tainan--team_dry_Zhen-Hui.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/a/a7/T--NCKU_Tainan--team_dry_Zhen-Hui.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Zhen-Hui Hoe</h3>                                               
+
                                                 <h3>Hoe Zhen Hui</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Zhen-Hui Hoe</h3>
+
                                                 <h3 class="backname">Hoe Zhen Hui</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Mechanical Engineering</h5>
 
                                                 <h5>Mechanical Engineering</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Dry leader</h5>
 
                                                 <h5>Dry leader</h5>
                                                 <h5 class="quote">xxx</h5>                                       
+
                                                 <h5 class="quote">Old ways won't open new doors.</h5>                                       
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 361: Line 385:
 
                                                     <img src="https://static.igem.org/mediawiki/2018/1/12/T--NCKU_Tainan--team_dry_Shih-Wei.png" style="width: 100%;"/>
 
                                                     <img src="https://static.igem.org/mediawiki/2018/1/12/T--NCKU_Tainan--team_dry_Shih-Wei.png" style="width: 100%;"/>
 
                                                 </div>
 
                                                 </div>
                                                 <h3>Shih-Wei Liu</h3>                                               
+
                                                 <h3>Shih Wei Liu</h3>                                               
 
                                             </div>
 
                                             </div>
 
                                             <div class="namecard back">
 
                                             <div class="namecard back">
                                                 <h3 class="backname">Shih-Wei Liu</h3>
+
                                                 <h3 class="backname">Shih Wei Liu</h3>
 
                                                 <h2>Major</h2>
 
                                                 <h2>Major</h2>
 
                                                 <h5>Materials Science and Engineering</h5>
 
                                                 <h5>Materials Science and Engineering</h5>
 +
                                                <h5>Electrical Engineering</h5>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Wiki & hardware</h5>
 
                                                 <h5>Wiki & hardware</h5>
Line 374: Line 399:
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <h4 id="list-item-5">Human Practice</h4>
+
                                 <h4 id="HP">Human Practice</h4>
 
                                 <div class="row">                       
 
                                 <div class="row">                       
 
                                     <div class="col-lg-4 col-md-4 flip" id="hp-1" onclick="turn('#hp-1')">
 
                                     <div class="col-lg-4 col-md-4 flip" id="hp-1" onclick="turn('#hp-1')">
Line 391: Line 416:
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h2>Work in iGEM</h2>
 
                                                 <h5>Human Practice</h5>
 
                                                 <h5>Human Practice</h5>
                                                 <h5 class="quote">xxx</h5>
+
                                                 <h5 class="quote">Constancy of purpose.</h5>
 
                                             </div>
 
                                             </div>
 
                                         </div>   
 
                                         </div>   
Line 408: Line 433:
 
       $(document).ready(function() {
 
       $(document).ready(function() {
 
         $(window).scroll(function() {
 
         $(window).scroll(function() {
           if ($(this).scrollTop() >= 50) {
+
           if ($(this).scrollTop() >= 500) {
 
             var position = $("#sidelist").position();
 
             var position = $("#sidelist").position();
 
             if(position == undefined){}
 
             if(position == undefined){}

Latest revision as of 05:03, 2 November 2018

Team members

Serve Each Other
Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)