Difference between revisions of "Team:HUST-China/Team"

 
(16 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="renderer" content="webkit">
 
     <meta name="renderer" content="webkit">
     <title>Attributions</title>
+
     <title>Team Roster</title>
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
 
     <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
Line 329: Line 329:
 
             position: fixed;
 
             position: fixed;
 
         }
 
         }
 +
 +
 
         div.col-sm-10 div {
 
         div.col-sm-10 div {
 
             min-height: 10px;
 
             min-height: 10px;
Line 336: Line 338:
 
         }
 
         }
  
         @media screen and (max-width: 810px) {
+
         @media screen and (max-width: 992px) {
 
             #section1, #section2, #section3, #section4, #section5 {
 
             #section1, #section2, #section3, #section4, #section5 {
 
             background-color: #eee; color:#171717;  
 
             background-color: #eee; color:#171717;  
 
             }
 
             }
 
         }
 
         }
 +
 +
        body {
 +
                position: relative;
 +
            }
 +
        @media (min-width: 768px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:10px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:100px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:8px;
 +
            font-weight: bold;
 +
        }
 +
        }
 +
 +
        /* 中等屏幕(桌面显示器,大于等于992px) */
 +
        @media (min-width: 992px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:20px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:110px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:10px;
 +
            font-weight: bold;
 +
        }
 +
        }
 +
 +
        /* 大屏幕(大桌面显示器,大于等于1200px) */
 +
        @media (min-width: 1200px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:80px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:170px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:12px;
 +
            font-weight: bold;
 +
        }
 +
 +
        }
 +
  
 
     </style>
 
     </style>
Line 349: Line 415:
 
             body{ background:#D5DEE7; }
 
             body{ background:#D5DEE7; }
 
             a{ color:#C8DCE5; }
 
             a{ color:#C8DCE5; }
             h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
+
             h3{ margin: 5px 5px 0 5px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
 
              
 
              
 
              
 
              
Line 379: Line 445:
 
                 position: absolute;  
 
                 position: absolute;  
 
                 background: #000;  
 
                 background: #000;  
                 height: 140px;  
+
                 height: 180px;  
 
                 width: 100%;  
 
                 width: 100%;  
                 opacity: 0.8;  
+
                 opacity: 0.5;  
 
                 /* For IE 5-7 */
 
                 /* For IE 5-7 */
 
                 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 
                 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 
                 /* For IE 8 */
 
                 /* For IE 8 */
 
                 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 
                 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            }
+
                }
 
                 .captionfull .boxcaption {
 
                 .captionfull .boxcaption {
                     top: 260;
+
                     top: 265;
 
                     left: 0;
 
                     left: 0;
 
                 }
 
                 }
 
                 .caption .boxcaption {
 
                 .caption .boxcaption {
                     top: 220;
+
                     top: 265;
 
                     left: 0;
 
                     left: 0;
 +
                }
 +
                .cover{
 +
                    top:260px;
 
                 }
 
                 }
 
                  
 
                  
Line 404: Line 473:
 
                 //Caption Sliding (Partially Hidden to Visible)
 
                 //Caption Sliding (Partially Hidden to Visible)
 
                 $('.boxgrid.caption').hover(function(){
 
                 $('.boxgrid.caption').hover(function(){
                     $(".cover", this).stop().animate({top:'180px'},{queue:false,duration:180});
+
                     $(".cover", this).stop().animate({top:'140px'},{queue:false,duration:140});
 
                 }, function() {
 
                 }, function() {
                     $(".cover", this).stop().animate({top:'260px'},{queue:false,duration:180});
+
                     $(".cover", this).stop().animate({top:'265px'},{queue:false,duration:140});
 
                 });
 
                 });
 
             });
 
             });
Line 415: Line 484:
  
 
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20"  style="height:auto;">
 
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20"  style="height:auto;">
      <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
+
    <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
 
         <div class="container">
 
         <div class="container">
  
 
             <div class="navbar-header">
 
             <div class="navbar-header">
                 <a href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo" style="padding:0 5px;"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
+
                 <a href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo menu_logo_1"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
                 <a href="https://2017.igem.org" class="navbar-brand logo" style="padding:0 5px;"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
+
                 <a href="https://2017.igem.org" class="navbar-brand logo menu_logo_2"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
+
                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" style="background-color: #333; color:#111">
                     <span class="glyphicon glyphicon-list"></span>
+
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                     <span class="icon-bar"></span>
 
                 </button>
 
                 </button>
 
             </div>
 
             </div>
Line 429: Line 501:
 
             <div class="collapse navbar-collapse" id="navbar-collapse">
 
             <div class="collapse navbar-collapse" id="navbar-collapse">
 
                 <ul class="nav navbar-nav navbar-right">
 
                 <ul class="nav navbar-nav navbar-right">
 
+
                    <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
 
+
 
+
                    <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
+
 
                     <li class="dropdown">
 
                     <li class="dropdown">
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
Line 439: Line 508:
 
                         <ul class="dropdown-menu">
 
                         <ul class="dropdown-menu">
 
                             <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li>
 
                             <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li>
                             <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li>                                        
+
                             <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li>                                  
 
                             <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li>
 
                             <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Demonstrate">Demonstrate</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
Line 456: Line 526:
 
                     </li>
 
                     </li>
 
                     <li class="dropdown">
 
                     <li class="dropdown">
                         <a href="https://2017.igem.org/Team:HUST-China/Modeling" >
+
                         <a href="https://2017.igem.org/Team:HUST-China/Model" >
                             MODELING
+
                             MODEL
 
                         </a>
 
                         </a>
 
                     </li>
 
                     </li>
 
                     <li class="dropdown">
 
                     <li class="dropdown">
                        <a href="https://2017.igem.org/Team:HUST-China/Parts">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                             PARTS
+
                             PARTS<b class="caret"></b>
 
                         </a>
 
                         </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Basic part">Basic part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Composite part">Composite part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Part collection">Part collection</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
 
                     <li class="dropdown">
 
                     <li class="dropdown">
                         <a href="https://2017.igem.org/Team:HUST-China/Human_Practices">
+
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                             HUMAN PRACTICES
+
                             HP<b class="caret"></b>
 
                         </a>
 
                         </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Engagement">Engagement</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
 
                     <li class="dropdown active">
 
                     <li class="dropdown active">
Line 479: Line 559:
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
 
  
  
Line 486: Line 565:
 
         </div>
 
         </div>
 
     </nav>
 
     </nav>
 
  
 
     <div class="tab1"  style="width:100%;margin-top: 65px;">
 
     <div class="tab1"  style="width:100%;margin-top: 65px;">
Line 495: Line 573:
 
         <div class="row">
 
         <div class="row">
 
             <nav class="col-sm-10 col-sm-offset-1" id="myScrollspy">
 
             <nav class="col-sm-10 col-sm-offset-1" id="myScrollspy">
                <h3 style="color:#97477c ;border-bottom:solid 1px #333; padding:20px;letter-spacing:1px;margin-top:0;text-align: center;">Advisors</h3>
+
                    <h3 style="color:#97477c ;border-bottom:solid 1px #333; padding:20px;letter-spacing:1px;margin-top:0;text-align: center;">Advisors</h3>
 +
                    <div>
 +
 
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/f/f8/Yan_Yunjun.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Yunjun Yan</h3>
                             <p>student leader</p>
+
                             <p>Prof. Yunjun Yan is a professor and principle investigator of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. Prof. Yan provides field for experiment and activating. He gives us many precious suggestions to our project.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/1/1f/Ning_Kang.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Kang Ning</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>Prof. Kang Ning is a professor of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. His main research area is bioinformatics. This year, we are so glad that Prof. Ning is our advisor in modeling.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <div class="boxgrid caption">
+
 
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                    <div class="boxgrid caption">
 +
                         <img src="https://static.igem.org/mediawiki/2017/d/d8/Zhan_Yi.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Yi Zhan</h3>
                             <p>student leader</p>
+
                             <p>Dr. Yi Zhan is a Student Affair Officer in College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. He got his PhD at Huazhong University of Sci.&Tech.. Dr. Zhan is in charge of the instruction of team project and experiment design.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <div class="boxgrid caption">
+
 
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                    <div class="boxgrid caption">
 +
                         <img src="https://static.igem.org/mediawiki/2017/3/3a/Xia_Manman.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Manman Xia</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>Master Manman Xia is a Student Affair Officer in College of Life Science & Technology, HUST. She got her Master's degree major in management at HUST. She is now in charge of the management planning of iGEM-HUST. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
 +
 +
                </div>
 +
               
  
 
                 <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">Our Team</h3>
 
                 <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">Our Team</h3>
Line 529: Line 615:
  
 
                 <div class="boxgrid caption">
 
                 <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/9/9e/Shao_Yuanzhe.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
 
                             <h3>Yuanzhe Shao</h3>
 
                             <h3>Yuanzhe Shao</h3>
                             <p>student leader</p>
+
                             <p>I'm the greatest student leader.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/b/bb/Deng_Xiao.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Xiao Deng</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>Hello, I’m Xiao Deng. This is my second year in iGEM-HUST. As a main member, I hope I can help iGEM-HUST gain more success.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/1/16/Li_Xiaoyang.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Xiaoyang Li</h3>
                             <p>student leader</p>
+
                             <p>Hi! My name is Xiaoyang Li, a Junior majoring in biotechnology of Huazhong University of S&T. And in this summer vacation, I stayed at school and learned some experimental skills.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/9/9e/Wang_Efan.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Efan Wang</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>I am a reliable member with excellent laboratory skills, always believing that practice makes perfect.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 559: Line 645:
  
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/d/de/Sun_Yubei.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Yubei Sun</h3>
                             <p>student leader</p>
+
                             <p>My major is bio-technology.I have a great passion for synthetic biology. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/1/1d/Shi_Huiping.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Huiping Shi</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>Hello! I'm a junior student of bioscience from HUST-CHINA-2017. I love traveling and making new friends. I'm mainly in charge of building standard bioobricks in our project.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/9/98/Yu_Yiyan.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Yiyan Yu</h3>
                             <p>student leader</p>
+
                             <p>Yiyan Yu, member of experiment group, music enthusiast.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/6/6a/Cheng_Long.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Long Cheng</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>Once I met a cat, and I thought it was very cute and impressive, but then I couldn't meet it anymore. Life was like this. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 589: Line 675:
  
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/f/f1/Mei_Jie.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Jie Mei</h3>
                             <p>student leader</p>
+
                             <p>Like watching animations. As a partner of Yu, we sometimes watch an animation together.:)</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/8/8a/Xiao_Ziyang.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Ziyang Xiao</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>A member of experiment group, helping construct plasmid vector with new features, preparing and submitting parts. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/4/46/Kang_Kai.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Kai Kang</h3>
                             <p>student leader</p>
+
                             <p>I am Kai Kang, a member of the modeling part,looking forward to communicate with you. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/9/99/Jia_Longhao.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Longhao Jia</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>It is unbelievable for me to learn html, css, javascript, jquery, bootstrap and finish the wiki in three months. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 620: Line 706:
  
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/7/78/Li_Ziyi.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Ziyi Li</h3>
                             <p>student leader</p>
+
                             <p>Hello,my name is Ziyi Li. I am an outgoing and hardworking  girl. My favourate thing is animation and I love Haikyuu!! best! My dream is to study further in Japan and be a scientist who would change the world! Fight, HUST-China! </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/2/20/Hu_Yating.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Yating Hu</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>Hope that my war against folly may someday be won, after all. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/f/fe/Huang_Haibo.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Haibo Huang</h3>
                             <p>student leader</p>
+
                             <p>Helps little, but every little helps. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/8/8b/Yu_Qingyang.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Qingyang Yu</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>My name is Qingyang Yu. I am a sophomore who majors in bio-informatics, also a member of experimental group.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 652: Line 738:
  
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/2/25/Liao_Shaofeng.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Shaofeng Liao</h3>
                             <p>student leader</p>
+
                             <p>I' m Liao Shaofeng, who loves reading as well as basketball, is a funny and sunny boy.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/8/8d/Yu_Kangyuan.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Kangyuan Yu</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>I'm just a happy guy. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
+
                         <img src="https://static.igem.org/mediawiki/2017/1/1a/Weng_Zichun.png"/ class="img-responsive center-block">
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Yuanzhe Shao</h3>
+
                             <h3>Zichun Weng</h3>
                             <p>student leader</p>
+
                             <p>Hello, this is my first year in iGEM-HUST. I major in Biology Technology, member of experimental group. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                     <div class="boxgrid caption">
 
                     <div class="boxgrid caption">
                         <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
+
                         <img src="https://static.igem.org/mediawiki/2017/1/1f/Hu_Nan.png" class="img-responsive center-block"/>
 
                         <div class="cover boxcaption">
 
                         <div class="cover boxcaption">
                             <h3>Kamil Smala</h3>
+
                             <h3>Nan Hu</h3>
                             <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
+
                             <p>I am Nan Hu and I am now studying in Tongji Medical of Huazhong University of Science and Technology. I am a calm and composed boy and I love the pursuit of truth. I believe the more you try, the more you will get. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
 +
                    <div style="margin-left: 265px;">
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/4/4f/Peng_Ting.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Ting Peng</h3>
 +
                            <p>Hello, I'm Ting Peng. I'm a member of experimental group. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/95/Wu_Yuqi.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuqi Wu</h3>
 +
                            <p>A member of our group for the capture part. </p>
 +
                        </div>
 +
                    </div>
 +
                  </div>
 +
  
 
                     <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">We are together</h3>
 
                     <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">We are together</h3>
                     <img style="width: 100%; height:auto; display: block; padding:20px; " src="https://static.igem.org/mediawiki/2017/4/44/Vedio_first_image.png" />   
+
                     <img style="width: 100%; height:auto; display: block; padding:20px; " src="https://static.igem.org/mediawiki/2017/6/61/Groupphoto_of_iGEM-HUST.png" />   
  
  

Latest revision as of 05:55, 1 November 2017

Team Roster

「Team Roster」

Acknowledgments: