Difference between revisions of "Team:GreatBay China/Team"

 
(101 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
+
<html><title>GBC-Team</title>
<html><title>GBC-Home</title>
+
 
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
 
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
Line 9: Line 8:
 
   ================================================== -->
 
   ================================================== -->
 
<meta charset="utf-8">
 
<meta charset="utf-8">
   <!--[if lt IE 9]>
+
    
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
  <![endif]-->
+
  <!-- Mobile Specific Metas
+
  ================================================== -->
+
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
 
<!-- css bootstrap -->
 
<!-- css bootstrap -->
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&amp;action=raw&amp;ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&amp;action=raw&amp;ctype=text/css" />
 
<!-- js jquery -->
 
<!-- js jquery -->
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&amp;action=raw&amp;ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/bootstrap/3.3.7/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
  <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
+
 
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
 
<!-- js menu -->
 
<!-- js menu -->
 +
<script type="text/javascript">
 +
$(function () { $("[data-toggle='popover']").popover(); });
 +
</script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
 $(function(){
 
 $(function(){
Line 37: Line 34:
 
  $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
 
  $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
 
 })
 
 })
 +
</script>
 +
<script>
 +
function changeface()
 +
{
 +
    element=document.getElementById('menuhead')
 +
    if (element.style.display='none')
 +
    {
 +
        element.style.display='block';
 +
    }
 +
    else
 +
    {
 +
        element.style.display='none';
 +
    }
 +
}
 
</script>
 
</script>
 
<!-- font -->
 
<!-- font -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Delius" />
+
<style>
 +
/* latin */
 +
@font-face {
 +
  font-family: 'Delius';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Delius-Regular'), url(https://static.igem.org/mediawiki/2018/a/af/T--GreatBay_China--font.woff) format('woff');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 +
}
 +
</style>
 
<!-- css main -->
 
<!-- css main -->
 
<style>
 
<style>
Line 1,225: Line 1,245:
 
.h6 {
 
.h6 {
 
   font-family: inherit;
 
   font-family: inherit;
   font-weight: 500;
+
   font-weight: 800;
 
   line-height: 1.1;
 
   line-height: 1.1;
   color: #Fff;
+
   color: inherit;
 
}
 
}
 
h1 small,
 
h1 small,
Line 1,378: Line 1,398:
 
}
 
}
 
.text-primary {
 
.text-primary {
   color: #337ab7;
+
  /*important for mint color change when you hover BY CHARLES WEI*/
 +
   color: #76BF8D;
 
}
 
}
 
a.text-primary:hover {
 
a.text-primary:hover {
   color: #286090;
+
   color:#76bf8d;  
 
}
 
}
 
.text-success {
 
.text-success {
Line 1,412: Line 1,433:
 
}
 
}
 
a.bg-primary:hover {
 
a.bg-primary:hover {
   background-color: #286090;
+
   background-color:#76bf8d;
 +
 
 
}
 
}
 
.bg-success {
 
.bg-success {
Line 3,018: Line 3,040:
 
}
 
}
 
.btn {
 
.btn {
   display: inline-block;
+
   display: inline;
  padding: 6px 12px;
+
   margin: 0;
   margin-bottom: 0;
+
   font-size: inherit;
   font-size: 14px;
+
  font-weight: normal;
+
  line-height: 1.42857143;
+
 
   text-align: center;
 
   text-align: center;
   white-space: nowrap;
+
   white-space: none;
  vertical-align: middle;
+
 
   -ms-touch-action: manipulation;
 
   -ms-touch-action: manipulation;
 
       touch-action: manipulation;
 
       touch-action: manipulation;
Line 3,035: Line 3,053:
 
           user-select: none;
 
           user-select: none;
 
   background-image: none;
 
   background-image: none;
  border: 1px solid transparent;
+
    border-color:none;
  border-radius: 4px;
+
 
}
 
}
 
.btn:focus,
 
.btn:focus,
Line 3,044: Line 3,061:
 
.btn:active.focus,
 
.btn:active.focus,
 
.btn.active.focus {
 
.btn.active.focus {
   outline: thin dotted;
+
   outline: none;
  outline: 5px auto -webkit-focus-ring-color;
+
  outline-offset: -2px;
+
 
}
 
}
 
.btn:hover,
 
.btn:hover,
Line 3,053: Line 3,068:
 
   color: #333;
 
   color: #333;
 
   text-decoration: none;
 
   text-decoration: none;
 +
    border-color:none;
 
}
 
}
 
.btn:active,
 
.btn:active,
Line 3,060: Line 3,076:
 
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 
           box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 
           box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
 
}
 
}
 
.btn.disabled,
 
.btn.disabled,
Line 3,072: Line 3,089:
 
}
 
}
 
.btn-default {
 
.btn-default {
   color: #333;
+
   color: black;
   background-color: #fff;
+
   background-color: none;
   border-color: #ccc;
+
   border-color: none;
 +
 
 
}
 
}
 
.btn-default:hover,
 
.btn-default:hover,
Line 3,083: Line 3,101:
 
.open > .dropdown-toggle.btn-default {
 
.open > .dropdown-toggle.btn-default {
 
   color: #333;
 
   color: #333;
   background-color: #e6e6e6;
+
   <!-- background-color: #e6e6e6; -->
   border-color: #adadad;
+
   <!-- border-color: #adadad; -->
 
}
 
}
 
.btn-default:active,
 
.btn-default:active,
Line 3,117: Line 3,135:
 
}
 
}
 
.btn-primary {
 
.btn-primary {
   color: #fff;
+
  text-decoration:underline;
   background-color: #337ab7;
+
   color:black;
   border-color: #2e6da4;
+
  font-size:inherit;
 +
  font-weight:inherit;
 +
   background-color:inherit;
 +
   border-color:none;
 +
  border:none;
 
}
 
}
 
.btn-primary:hover,
 
.btn-primary:hover,
Line 3,127: Line 3,149:
 
.btn-primary.active,
 
.btn-primary.active,
 
.open > .dropdown-toggle.btn-primary {
 
.open > .dropdown-toggle.btn-primary {
 +
  /* important for color change when you hover BY CHARLES WEI*/
 
   color: #fff;
 
   color: #fff;
   background-color: #286090;
+
   background-color: #76BF8D;
   border-color: #204d74;
+
   border-color:none;  
 
}
 
}
 
.btn-primary:active,
 
.btn-primary:active,
Line 3,135: Line 3,158:
 
.open > .dropdown-toggle.btn-primary {
 
.open > .dropdown-toggle.btn-primary {
 
   background-image: none;
 
   background-image: none;
 +
  border-color:none;
 
}
 
}
 
.btn-primary.disabled,
 
.btn-primary.disabled,
Line 3,154: Line 3,178:
 
.btn-primary[disabled].active,
 
.btn-primary[disabled].active,
 
fieldset[disabled] .btn-primary.active {
 
fieldset[disabled] .btn-primary.active {
   background-color: #337ab7;
+
   background-color:none;
   border-color: #2e6da4;
+
   border:none;
 
}
 
}
 
.btn-primary .badge {
 
.btn-primary .badge {
Line 4,809: Line 4,833:
 
.label-primary[href]:hover,
 
.label-primary[href]:hover,
 
.label-primary[href]:focus {
 
.label-primary[href]:focus {
   background-color: #286090;
+
   background-color: #76bf8d;
 
}
 
}
 
.label-success {
 
.label-success {
Line 6,427: Line 6,451:
 
.row{
 
.row{
 
   width:950px;
 
   width:950px;
 +
  padding-left:15px;
 
}
 
}
 
@media (max-width: 767px) {
 
@media (max-width: 767px) {
Line 6,743: Line 6,768:
 
   width:200px;
 
   width:200px;
 
   z-index:1;
 
   z-index:1;
   background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--GreatBay_China--menu4.jpg');  
+
   background-image:url('https://static.igem.org/mediawiki/2018/e/ee/T--GreatBay_China--MenuNew.png');  
 
   background-repeat:no-repeat;
 
   background-repeat:no-repeat;
 
   background-position:center;
 
   background-position:center;
   background-size:120px;
+
   background-size:450px;
 
   position:fixed;
 
   position:fixed;
 
   font-size:120%;
 
   font-size:120%;
 
   top:80px;
 
   top:80px;
   left:50px;
+
   left:70px;
 
   padding-bottom:120px;
 
   padding-bottom:120px;
 
}
 
}
Line 6,765: Line 6,790:
 
.top-nav ul{
 
.top-nav ul{
 
   position:relative;
 
   position:relative;
   top:50px;
+
   top:55px;
 
   list-style:none;margin:0 auto;
 
   list-style:none;margin:0 auto;
 
   width:90px;
 
   width:90px;
Line 6,773: Line 6,798:
 
   padding-bottom:100px;
 
   padding-bottom:100px;
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
 +
  left:-12px;
 
}
 
}
 
/* the pull out menu */
 
/* the pull out menu */
Line 6,789: Line 6,815:
 
   text-align:center;
 
   text-align:center;
 
}
 
}
 +
<!-- .top-nav ul li div span{ -->
 +
  <!-- display:block; -->
 +
  <!-- height:20px; -->
 +
  <!-- background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png'); -->
 +
  <!-- background-width:90px; -->
 +
  <!-- background-height:20px; -->
 +
  <!-- position:relative; -->
 +
  <!-- left:-20px; -->
 +
<!-- } -->
 +
.top-nav ul li div img{
 +
  width:95px;
 +
  margin-top:-3px;
 +
  position:relative;
 +
  left:-15px;
 +
}
 +
#top{
 +
  color:white;
 +
  width:90px;
 +
  min-height:2em;
 +
  line-height:2em;
 +
  text-align:center;
 +
 
 +
}
 +
 
.top-nav ul li div a{
 
.top-nav ul li div a{
 
   width:80px;
 
   width:80px;
Line 6,800: Line 6,850:
 
.top-nav ul li div{
 
.top-nav ul li div{
 
   font-size:0.9em;
 
   font-size:0.9em;
   width:80px;
+
   width:83px;
 
   display:none;
 
   display:none;
 
   position:relative;
 
   position:relative;
   left:-80px;
+
   left:-83px;
 
   top:-30px;
 
   top:-30px;
 +
 +
}
 +
.top-nav ul li div .long{
 +
  line-height:1.1em;
 +
  padding:8px;
 +
  font-size:0.85em;
 +
 
}
 
}
 
/* link style */
 
/* link style */
Line 6,811: Line 6,868:
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
 
}
 
}
 +
/* submenu link style */
 +
.top-nav ul li div span:hover{
 +
  background:rgba(125, 63, 152, 0.4);;
 +
 +
}
 +
 
/* submenu link style */
 
/* submenu link style */
 
.top-nav ul li div a:hover{
 
.top-nav ul li div a:hover{
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
   background:rgb(118,191,141);
+
   background:rgb(203,170,199);
 
}
 
}
 
/* special  */
 
/* special  */
Line 6,826: Line 6,889:
 
.logo{
 
.logo{
 
   width:50px;
 
   width:50px;
   position:absolute;
+
   position:fixed;
 
   bottom:15px;
 
   bottom:15px;
   left:250px;
+
   left:1250px;
 +
  z-index: 10;
 
}
 
}
 +
/*footer*/
 +
.footer{
 +
    padding-top:0px;
 +
    z-index:300;
 +
    width: 100%;
 +
    height:220px; 
 +
    position:absolute;
 +
    bottom:-220px;
 +
    left:0;
 +
    background-color:rgba(125, 63, 152, 0.9);
  
 +
 +
}
 
/* head, cat staring at the jar */
 
/* head, cat staring at the jar */
  
Line 6,842: Line 6,918:
 
   width:950px;
 
   width:950px;
 
   background:rgba(125, 63, 152, 0.4);
 
   background:rgba(125, 63, 152, 0.4);
   min-height:1800px;
+
   min-height:2000px;
 +
 
 
}
 
}
  
Line 6,850: Line 6,927:
 
}
 
}
  
 +
.responsive .img-title{
 +
  font-size:20px;
 +
  color:rgb(88,73,63);
 +
  background-color:white;
 +
  padding-bottom:10px;
 +
  margin:0;
 +
  font-family:Delius;
 +
  text-align:center;
 +
}
 
.responsive div.img {
 
.responsive div.img {
 
     margin: 5px;
 
     margin: 5px;
Line 6,869: Line 6,955:
  
 
.responsive div.desc {
 
.responsive div.desc {
   min-height:100px;
+
   min-height:220px;
 
     padding: 15px;
 
     padding: 15px;
 
     text-align: center;
 
     text-align: center;
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
 
   background-color:rgb(215,196,221);
 
   background-color:rgb(215,196,221);
 +
}
 +
#tail
 +
{
 +
position:absolute;
 +
top:340px
 +
}
 +
#cattail{
 +
 
 +
 
 +
  position: absolute;
 +
  left:-2px;
 +
  top:-9px;
 +
  z-index:10;
 
}
 
}
  
#myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11  
+
#myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 #myModal21 #myModal22
 
{
 
{
 
   z-index:1;
 
   z-index:1;
Line 6,917: Line 7,016:
 
.title{
 
.title{
 
   position:left;
 
   position:left;
   text-align: left;
+
   padding-left: 20px;
   color:gold;
+
   color:rgb(88,73,63);
 +
  font-size:30px;
  
 
}
 
}
</style>
+
.btn{
 +
  background-color:rgba(125, 63, 152, 0.9);
 +
}
 +
#menuhead{
 +
  position: absolute;
 +
  z-index: 10;
 +
  left:10px;
 +
}
 +
.contact
 +
{
 +
  display:inline-block;
 +
  padding:5px;
 +
    width:20%;
 +
    left:100%;
 +
}
 +
#menuhead h5{
 +
 
 +
 
 +
  position:absolute;
 +
  left:-40px;
 +
  top:-59px;
 +
  z-index:10;
 +
}
 +
#menuhead img{
 +
  position:absolute;
 +
  width: 490%;
 +
  left:-160px;
 +
  top:-42px; 
 +
}
  
 +
 +
</style>
 
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
 
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
 
</head>
 
</head>
 
<body>
 
<body>
  
 +
  <div class="logo"><a><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></a></div>
  
 
   <div class="container">  
 
   <div class="container">  
 
+
   
    <div class="top-nav">
+
      <div class="top-nav">
 
         <ul>
 
         <ul>
 
           <li>
 
           <li>
                   <li>
+
            <div class="res" target="_self" id="menuhead">
 +
               
 +
               
 +
                <h5> Meow~</h5>
 +
                <img onclick="changeface()"  src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div>
 +
         
 +
        </li>
 +
         
 +
                   <li id="active">
 
             <a href="#"><span>Team</span></a>                     
 
             <a href="#"><span>Team</span></a>                     
 
               <div>
 
               <div>
Line 6,939: Line 7,078:
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>  
              </div>  
+
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
        </div>  
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 6,946: Line 7,086:
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a>  
                 <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a>  
+
                 <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Results</a>  
                <a href="https://2018.igem.org/Team:GreatBay_China/Results" >Results</a>
+
               
                <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a>  
+
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
                <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a>
+
       
              </div>
+
        </div>
 
           </li>
 
           </li>
 
           <li>
 
           <li>
             <a href="https://2018.igem.org/Team:GreatBay_China/Parts"><span>Parts</span></a>  
+
             <a href="#"><span>Parts</span></a>  
 
               <div>
 
               <div>
 +
             
 +
              <a href="https://2018.igem.org/Team:GreatBay_China/Parts">Parts</a>
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a>   
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a>   
                 <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>  
+
                 <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>
              </div>  
+
                  <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a> 
 +
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
       
 +
        </div>  
 
            
 
            
 
           </li>
 
           </li>
 
           <li>
 
           <li>
             <a href="https://2018.igem.org/Team:GreatBay_China/Human_Practices"><span>HP</span></a>
+
             <a href="#"><span>HP</span></a>
 
               <div>  
 
               <div>  
                <a href="https://2018.igem.org/Team:GreatBay_China/Engagement">Public <br>Engagement</a>  
+
              <a href="https://2018.igem.org/Team:GreatBay_China/HP">Background</a>  
                 <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product   Design</a>  
+
                <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Human_Practices">Integrated HP</a>
                 <a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a>  
+
                 <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a>  
              </div>
+
                 <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement">Public Engagement</a>  
 +
               
 +
               
 +
                 
 +
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
       
 +
        </div>
 
           </li>
 
           </li>
 
           <li>
 
           <li>
 
             <a href="#"><span>Lab</span></a>
 
             <a href="#"><span>Lab</span></a>
 
               <div>
 
               <div>
 +
                <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a>
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>  
              </div>
+
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
       
 +
        </div>
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 6,991: Line 7,145:
 
               <div>
 
               <div>
 
               </div>
 
               </div>
          <li id="active">
 
            <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
 
          </li>
 
 
           <li>
 
           <li>
             <a href="#top" target="_self"><span><i>↑Top</i></span></a>
+
             <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
          </li>
+
          </li> 
         </ul>  
+
 
 +
          <li id="tail">
 +
          <a href="#top" target="_self"><span id="cattail"><img width="90" src="https://static.igem.org/mediawiki/2018/3/3b/T--GreatBay_China--MenuNewTail.png"/></span></a >  
 +
         </li>
 
          
 
          
     </div>
+
        </ul>
 +
 
 +
       
 +
       
 +
     </div>  
 
          
 
          
 
          
 
          
 
    
 
    
 
     <div class="rolldown">
 
     <div class="rolldown">
 +
     
 
       <div class="container">
 
       <div class="container">
        
+
       <div class="footer">
 +
        <br>
 +
        <div class="row" style="padding-left:50px">
 +
 
 +
          <div class="contact">
 +
          <img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px">
 +
          </div>
 +
          <div class="contact" style="width:450px">
 +
          <h5 style="color:white;">mCATNIP2018@outlook.com</h5>
 +
          </div>
 +
          <div class="contact">
 +
          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--GreatBay_China--footer10.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/4/41/T--GreatBay_China--footer3.jpg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/d/d9/T--GreatBay_China--footer4.png" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/0/05/T--GreatBay_China--footer5.png" width="80px" height="80px">
 +
          </div>
 +
        </div>
 +
        <div class="row" style="padding-left:50px">
 +
          <div class="contact">
 +
          <img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px">
 +
          </div>
 +
          <div class="contact" style="width:450px">
 +
          <h5 style="color:white;">@Igem2018C</h5>
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/d/dc/T--GreatBay_China--footer6.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/5/5c/T--GreatBay_China--footer7.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/7/7c/T--GreatBay_China--footer8.jpeg" width="80px">
 +
          </div>
 +
          <div class="contact" >
 +
          <img src="https://static.igem.org/mediawiki/2018/0/0e/T--GreatBay_China--footer9.jpeg" width="80px">
 +
          </div>
 +
        </div>
 +
      </div>
 
       <div class="row">
 
       <div class="row">
         <div class="header">
+
         <div class="header" style="margin-left:-14px;">
 
           <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 
           <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
 +
      <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)-->     
  
 
        
 
        
 +
 
       <div class="row ">
 
       <div class="row ">
 
         <span style="height:250px"></span>
 
         <span style="height:250px"></span>
         <div class="jumbotron">
+
         <div class="jumbotron" style="color:white;">
 
           <h2>GreatBay_China</h2>
 
           <h2>GreatBay_China</h2>
           <h4>
+
           <h4>
             Type something for TEAM intro.
+
             Like its name, GreatBay_China 2018 consists of a <i>great</i> variety of members: 13 students from 7 different high schools, 1 instructor, 5 advisors and 2 PIs. The team is a treasury of talented and lovely people. We have bright brains with innovative ideas. We are lucky to invite competent and outstanding seniors and experts who support and guide us in the light of discovery. We are a bunch of enthusiastic people who stay up late doing labs. Meet them here!
          </h4>  
+
        </br>
 +
        Some of us have a few words to say after the wonderful iGEM 2018 journey! You can read them at the bottom of the page.
 +
      </h4>  
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
<div id="myCarousel" class="carousel slide" style=" padding:50px;
 +
  margin:50px; width:825px;">
 +
    <ol class="carousel-indicators">
 +
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
        <li data-target="#myCarousel" data-slide-to="1"></li>
 +
        <li data-target="#myCarousel" data-slide-to="2"></li>
 +
    </ol> 
 +
    <div class="carousel-inner">
 +
        <div class="item active">
 +
            <img width="750" src="https://static.igem.org/mediawiki/2018/e/e1/T--GreatBay_China--carousel1.jpg.jpg" alt="First slide">
 +
        </div>
 +
        <div class="item">
 +
            <img width="750" src="https://static.igem.org/mediawiki/2018/6/69/T--GreatBay_China--carousel2.jpeg" alt="Second slide">
 +
        </div>
 +
        <div class="item">
 +
            <img  width="750" src="https://static.igem.org/mediawiki/2018/7/73/T--GreatBay_China--carousel3.jpeg" alt="Third slide">
 +
        </div>
 +
    </div>
 +
    <a class="carousel-control left" href="#myCarousel"
 +
      data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
 +
    <a class="carousel-control right" href="#myCarousel"
 +
      data-slide="next">&rsaquo;</a>
 +
</div>
  
      <div class="row">
+
    <div class="row" id="teamV" style="padding-left:50px; padding-right: 50px;">
         <span height="250px"></span>
+
       
 +
         <p><video src="https://static.igem.org/mediawiki/2018/c/c2/T--GreatBay_China--homepage_video.mp4" type="video/mov" height="auto" width="850" controls></video></p>
 +
      </div><br><br><br>
 +
 
 +
      <div class='line'>
 +
       
 
          
 
          
 
         <h1 class="title"> Team Leaders</h1><br>
 
         <h1 class="title"> Team Leaders</h1><br>
 +
        <div class="members"  >
 
            
 
            
          <div class="responsive">
 
            <div class="img">
 
              <button class="btn btn-primary btn-lg photo" id='dtl' data-toggle="modal" data-target="#myModal">
 
              <img src="https://static.igem.org/mediawiki/2018/5/55/T--GreatBay_China--dtl.jpg" alt="Alexis" width="300" height="200">
 
              </button>
 
              <div class="desc">Alexis Zeng 曾佳怡</div>
 
            </div>
 
          </div>
 
 
  
           <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
 +
            <img class="photo" id='dtl' width="250px" src="https://static.igem.org/mediawiki/2018/5/55/T--GreatBay_China--dtl.jpg"/>
 +
            <h4>Alexis Zeng</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
             <div class="modal-dialog">
 
             <div class="modal-dialog">
              <div class="modal-content">
+
                <div class="modal-content">
                <div class="modal-header">
+
                    <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                      <h3 class="modal-title" id="myModalLabel1">Alexis Info</h3>
                  <h3 class="modal-title" id="myModalLabel1">Alexis Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
+
                       
                <div class="modal-body">ESC</div>
+
                    </div>
                <div class="modal-footer">
+
                    <div class="modal-body">
 +
                      Hello world! I’m Alexis, a student from Shenzhen College of International Education, blue-haired, not very humorous. This is my second year participating in iGEM but the first time as a team leader. I am involved in a lot of parts of mCATNIP, but mainly I focus on project design and team management. Speaking as a high school student, this experience with iGEM and synbio is simply fascinating: after being overwhelmed by the existing delicate rational designs, we get to create our own designs and build them from pieces. But it’s a huge challenge towards my resilience to be honest, especially when the transformation keeps failing and colony PCR shows no correct results. But still, I would listen to Paciencia y Fe by Lin-Manuel Miranda and continue working. Beyond iGEM, I’m a fan of musical theater, an equestrian enthusiast, and a cheese lover.
 +
                      <br><br>
 +
                      Role in team:<br>
 +
                      <ul>
 +
                        <li>Project design and literal research</li>
 +
                        <li>Coordinating different groups in the team</li>
 +
                        <li>Proposed the first version of applied design (cat shelter)</li>
 +
                        <li>Responsible for knocking out genes in yeast and spent the entire summer in lab</li>
 +
                        <li>Social (although sometimes I’m kinda social-phobic..)</li>
 +
                      </ul>
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                      Nickname:大统领(Big Commander), 阿狸(Ali)
 +
 
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
+
                    </div>
              </div><!-- /.modal-content -->
+
                </div><!-- /.modal-content -->
 
             </div><!-- /.modal-dialog -->
 
             </div><!-- /.modal-dialog -->
          </div><!-- /.modal -->
+
        </div><!-- /.modal -->
          <div class="responsive">
+
        </div>
            <div class="img">
+
        <div class="members" >
              <button class="btn btn-primary btn-lg photo" id='dtl' data-toggle="modal" data-target="#myModal2">
+
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2">
              <img src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg" alt="Lucinda" width="300" height="200">
+
            <img class="photo" id='lwq' width="250px" src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg"/>
              </button>
+
            <h4>Lucinda Lin</h4>
              <div class="desc">Timshel Lin 林炜倩</div>
+
           </button>
            </div>
+
           </div>
+
+
  
          <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
             <div class="modal-dialog">
 
             <div class="modal-dialog">
              <div class="modal-content">
+
                <div class="modal-content">
                <div class="modal-header">
+
                    <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                      <h3 class="modal-title" id="myModalLabel">Lucinda Info</h3>
                  <h3 class="modal-title" id="myModalLabel2">Lucinda Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
+
                       
                <div class="modal-body">ESC</div>
+
                    </div>
                <div class="modal-footer">
+
                    <div class="modal-body">
 +
                      You are looking at the photo of someone who is suffering through her second year of iGEM but secretly enjoying it! Her work involved wet lab, HP, safety and wiki last year; this year her duty only increases. She is a neutral-chaotic person/team leader that has tried all kinds of work in iGEM and accumulated many skills during the process. She loves game music, reptiles, yogurt, and cool weather. She wants to study computational in future. And HAIL GREATBAY_CHINA! <br><br>
 +
 
 +
                      Role in team:<br>
 +
                      <ul>
 +
                        <li>Human practice, and in charge!? Oh, you can never know what trouble she find for her incapable self.</li>
 +
                        <li>Project, research ways to get more products.</li>
 +
                        <li>Modeling, when she wrote this, she did’t even know whether she could finish it.</li>
 +
                        <li>Wiki, just that iGEM server can be excruciatingly slow sometimes.</li>
 +
                      </ul>
 +
 
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                      Nickname:大总理(Prime Minister),lwq, Timshel
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
+
                    </div>
              </div><!-- /.modal-content -->
+
                </div><!-- /.modal-content -->
 
             </div><!-- /.modal-dialog -->
 
             </div><!-- /.modal-dialog -->
          </div><!-- /.modal -->
+
        </div><!-- /.modal -->
 +
        </div>
 +
        <div class="members"  >
 +
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal3">
 +
            <img class="photo" id='yx' width="250px" src="https://static.igem.org/mediawiki/2018/0/07/T--GreatBay_China--yx.jpg"/>
 +
            <h4>Sean Yao</h4>
 +
          </button>
  
         
+
        <!-- 模态框(Modal) -->
          <div class="responsive">
+
        <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="img">
+
              <button class="btn btn-primary btn-lg photo" id='dtl' data-toggle="modal" data-target="#myModal3">
+
              <img src="https://static.igem.org/mediawiki/2018/0/07/T--GreatBay_China--yx.jpg" alt="Sean" width="300" height="200">
+
              </button>
+
              <div class="desc">Sean Yao 姚修</div>
+
            </div>
+
          </div>
+
+
 
+
          <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
 
             <div class="modal-dialog">
 
             <div class="modal-dialog">
              <div class="modal-content">
+
                <div class="modal-content">
                <div class="modal-header">
+
                    <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                      <h3 class="modal-title" id="myModalLabel">Sean Info</h3>
                  <h3 class="modal-title" id="myModalLabel3">Sean Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
+
                       
                <div class="modal-body">ESC</div>
+
                    </div>
                <div class="modal-footer">
+
                    <div class="modal-body">
 +
                      I‘m Sean, one of the team leaders of GreatBay_China,  the Knight of night, and the owner of Dark Circles. In the gap year after I graduated from Shenzhen High School of Science, I decided to take part in the iGEM as a High School student and figure out what major I would like to study before I go to the university. The motto of Shenzhen High School of Science says: "the future isn't the place we aim to go but the place we want to build.", as a student who inherits this school spirit, I joined in this completely New formed team and learn how to run an iGEM team effectively with my extraordinary partners. <br><br>
 +
                      Role in team:<br>
 +
                      <ul>
 +
                        <li>experiment design</li>
 +
                        <li>Operate experimental instrument(Gas Chromatograph、Flow Cytometer)  and analyze data</li>  
 +
                        <li>Clone picker</li>
 +
                        <li>Night shift worker</li>
 +
                        <li>the funding keeper</li>
 +
                        <li>mascot</li>
 +
                      </ul>
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                      Nickname:欧将军(General Ou(lucky))
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
+
                    </div>
              </div><!-- /.modal-content -->
+
                </div><!-- /.modal-content -->
 
             </div><!-- /.modal-dialog -->
 
             </div><!-- /.modal-dialog -->
          </div><!-- /.modal -->
+
        </div><!-- /.modal -->
 
         </div>
 
         </div>
 +
      </div>
 
        
 
        
         <h3> Team Members</h3><br>
+
 
            </div>
+
 
 +
          
 +
 
  
 
       <div class='line'>
 
       <div class='line'>
 +
        <h1 class="title"> Team Members</h1><br>
 
         <div class="members"  >
 
         <div class="members"  >
 
            
 
            
Line 7,121: Line 7,392:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Tara Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">Hi all! Here is Tara, from Shenzhen college of International education, who surely aim to be a biology person. As a first-year iGEMer, my main job in the lab is to cast as primer dimer, so our PCR will be well-off. For sure, it’s just my personal belief, not a Chinese custom.<br><br>
 +
                    To me, iGEM is not only exploring the whole unknown field, but also a training of physical endurance to demanding work. <br><br>
 +
                    Anyway, l think l should cut my self-intro short since l don’t have any unique talent or interest. Thank you all!!!<br><br>
 +
 
 +
                    Role in team:<br>
 +
                    <ul>
 +
                      <li>Hanging around in Lab and meddling with almost every experiment. Babysitting E.coli and Yeast, though sometimes l have to lyse them.</li>
 +
                      <li>Main Chief——Today’s recommendation :fried sausages, bacon or eggs.</li>
 +
                    </ul>
 +
</div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                      Nickname: 宝中宝(Apple of the team's eye)
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,149: Line 7,430:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Leo Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">
 +
                      Hey guys I’m Leo from Shenzhen College of International Education. Being keen on Molecular Biology I participated in iGEM and found the lab work so disastrous that I would surely knee in front of the cultivator and beg the E.coli to accept our plasmid and survive if this will help. Obviously, it doesn’t. I love tarot a lot and predicts on our PCR results often and the only truth I foresee is that science contradicts the unreliable belief.<br><br>
 +
                      Participating iGEM, to me, is a body and mental building tour that involves an endless number of deadlines and lab nights. It is also an exhilarating adventure with the accompany with my friends. Hooray to the all-night-PCR and long live our bioparts!!!<br><br>
 +
 
 +
                      Role in team:<br>
 +
                      <ul>
 +
                        <li>Online researches of anything related to the project to solve ethnical and project problems</li>
 +
                        <li>Some paper works</li>
 +
                        <li>Low quality lab works</li>
 +
                        <li>Bring the team with laughter!!</li>
 +
                      </ul>
 +
                    </div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                        Nickname:正能量宝物(Positive treasure), Primer dimer, 陈独秀夫妇
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,177: Line 7,470:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Charles Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">
                     <div class="modal-footer">
+
 
 +
                      Not a man who history shall remember, but a member that the team cannot exist without. He is the General Ou's Right Hand Man, Big Commander's First Colonel, Prime Minister's First Secretary. When in need, he acts in the role of artistic designer, video maker, and even take away delivery. You can say he is versatile, but standing in his position requires more --- guts, persistence, and willpower. Under the pressure of the Triple Leaders, he survives with everlasting faith and everlasting hair and everlasting dark circles under eyes. <br><br>
 +
 
 +
                      So this is Charles, a high school student from Shenzhen College of International Education, an intellectually curious learner, a frenetic nerd about science, and a coding amateur who struggles with coding languages but oddly becomes one of the members for wiki construction. My hobbies include hiking, swimming, biking, reading, writing, music, video-making, watching musicals……I like to share stories and make friends! Cheers!<br><br>
 +
 
 +
                      Role in team:<br>
 +
                      <ul>
 +
                        <li>Spent most of my summer and after-school time in lab, playing and nursing E.coli and yeasts -- Dancing or crying in front of the gel photography machine. </li>
 +
                        <li>Present the idea of third improvement of applied design, Cat Shelter</li>
 +
                        <li>Director and editor of team video</li>
 +
                        <li>Wiki construction, basically dying to learn 3 alien languages</li>
 +
                        <li>Uploaded 55 parts :-)</li>
 +
                      </ul>
 +
 
 +
                    </div>
 +
                     <div class="modal-footer">  
 +
                        Nickname: General Ou's Right Hand Man,坚挺肉丝
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,206: Line 7,515:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Rocky Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">My name is Rocky. I’m a student, I’m a high school student. I’m an iGEMer who fulfills people’s fantasies, their deep dark fantasies. I was studying macroscopic biology, you know, paleontology and zoology. But after seeing how significant molecular biology is, I thought I had enough, so I stepped into the bio-lab. <br><br>
 +
                    I was kind of a dumb boy of my life, tying myself aside my desk and creating fantasies. But now I’m doing that in the lab.<br><br>
 +
 
 +
                    Role in team:<br>
 +
                    <ul>
 +
                      <li>Doing experiment with E. coli and S. cerevisiae. More specifically, participating in plasmid construction, promoter characterization and fermentation.</li>
 +
                      <li>Trying my best to be a social-butterfly in HP.</li>
 +
                      <li>Planning, directing and fulfilling the ‘HP Documentary’.</li>
 +
                      <li>Motivating my teammates.</li>
 +
                    </ul>
 +
                    </div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                        Nickname: 日上老君(The lucky old sun)
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,233: Line 7,553:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Eden Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">Everything is distinctive here, everything is challenging. Everything is innovative here, everything is inspiring. iGEM gives me joy, skills, and experience, but it also gives me stress, barriers and hardship. I come here to enjoy, to imagine, but also to learn and improve. OK! Enough nonsense! I am Eden, an A1 student from Shenzhen College of International Education, who is currently fully occupied by study, iGEM, and study plus iGEM --- It has been three weeks since I went to the gym last time, incredible! Sport is a main part of my life, it can release my systemic exhaustion and depression at any time. I am not social, but making friends and cooperating with team members are truly fascinating.<br><br>
 +
 
 +
                    Role in team:<br>
 +
                    <ul>
 +
                      <li>Doing experiment</li>
 +
                      <li>Modeling, sensitivity analysis and coculture</li>
 +
                      <li>Product design, 3D modeling, experiments and construction</li>
 +
                      <li>Human practise interviews</li>
 +
                    </div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                        Nickname: 大都,一灯,勇哥(Brave man)
 +
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,262: Line 7,592:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Wade Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">
 +
                    Hi, my name is Wade and this the first year of participating iGEM. Currently, I am an IB student in Shenzhen Senior High School. Since the painful memory of making LB medium three times and fails four times do not fade and for the sake of the whole lab, now I am trying to help the team outside the lab including modeling and doing human practice. I also play the role of bio-safety reminder in the team. Anyway, hope to see your guys in Boston. <br><br>
 +
                    Role in team:<br>
 +
                    <ul>
 +
                      <li>Project brainstorm and subsequent research</li>
 +
                      <li>Co-culture modeling and human practice</li>
 +
                      <li>Plasmid construction and reminder of biosafety</li>
 +
                    </ul>
 +
                  </div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                      Nickname: 皮迪,真皮沙发
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,292: Line 7,631:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Marie Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">
 +
                      Hi! (whoever is now surfing this site) My name is Marie Wei, a sophomore who is studying abroad in Worcester Academy, Worcester, Massachusetts, US. I am a very easy-going person with many different hobbies and specialties (in various levels of course). In my leisure time, I would enjoy myself by reading, writing stories, drawing, playing instruments, working out and so on. Attending iGEM this year and becoming a member of GreatBay_China is one of the best things that I have ever done in my life. I am the kind of person who always feels enthusiastic about every decision in life. By attending iGEM, I have received an absolutely incredible experience dealing with synthetic biology. Biology has always been one of my passions and interests, by attending iGEM, the only thing I can say about it would be: I am IN LOVE with this subject—totally, genuinely, in LOVE.<br><br>
 +
 
 +
                      During this whole summer, I had great fun with the team, discovered myself and those little tubes more in the lab, and really, generated a large amount of LOVE for biology. <br><br>
 +
 
 +
                      Really. The best experience ever.<br><br>
 +
 
 +
                      Role in team:<br>
 +
                      <ul>
 +
                        <li>art design (including teams peripheral products such as postcards, bags; wiki illustration; illustration on team uniform)</li>
 +
                        <li>helped to generate ideas in creating our final product: the kitty wonderland and helped with product experiment</li>
 +
                        <li>also did some help with experiments during summer vacation</li>
 +
                      </ul>
 +
 
 +
                    </div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                        Nickname: 大触,触级天使(Angle Artist)
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,320: Line 7,674:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">David Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">
 +
                      Hello, everyone. I studied at the third high school attached to Beijing Normal University. I usually like to cook and paint. With the help of the bluepha lab, I have developed an interest in synthetic biology and have the privilege of forming an excellent team with everyone. Although I still have a lot to learn, I will do my best to contribute to the team.<br><br>
 +
                      Role in the team: <br>
 +
                      <ul>
 +
                        <li>art design (including wiki typesetting;  team uniform)</li>
 +
                        <li>help on experiments during summer vacation</li>
 +
                      </ul>
 +
                    </div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                        Nickname:神笔の蚌
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,348: Line 7,710:
 
                 <div class="modal-content">
 
                 <div class="modal-content">
 
                     <div class="modal-header">
 
                     <div class="modal-header">
                       <h3 class="modal-title" id="myModalLabel2">Timshel Info</h3>
+
                       <h3 class="modal-title" id="myModalLabel">Katrina Info</h3>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                          
 
                          
 
                     </div>
 
                     </div>
                     <div class="modal-body">按下 ESC 按钮退出吧 。</div>
+
                     <div class="modal-body">
 +
                    I’m Katrina from Shenzhen Vanke Meisha Academy. I am a senior student majoring in biology and chemistry.  IGEM, a competition which requires a lot of teamwork and participation, allows me to know my advantages and disadvantages. This will benefit my whole life. And I will definitely remember the time working with my friends. I am ready to meet many new friends!<br><br>
 +
                    Role in team:<br>
 +
                    <ul>
 +
                      <li>Official Accounts</li>
 +
                      <li>Designer</li>
 +
                    </ul>
 +
 
 +
                    </div>
 
                     <div class="modal-footer">
 
                     <div class="modal-footer">
 +
                      Nickname:天女下凡
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                     </div>
 
                     </div>
Line 7,362: Line 7,733:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
      <div class='line'>
 +
        <div class="members"  >
 +
         
 +
 +
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal21">
 +
            <img class="photo" id='Jessie' width="250px" src="https://static.igem.org/mediawiki/2018/0/0d/T--GreatBay_China--shy.png" />
 +
            <h4>Jesse Sun</h4>
 +
          </button>
 +
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal21" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Jesse Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">
 +
                    Jesse is a talented figure in Shandong Experimental High School and an existing assistant for our lab project during several days in the summer holiday. Outside our project and iGEM, he says he is really good at business studies, LEGO, playing football, writing Javascript and 3D Modelling.<br><br>
 +
                    Role in team:<br>
 +
                    <ul>
 +
                      <li>Spent a week in lab: negative results paved the path to our success</li>
 +
                      <li>Paying and attending Jamborree</li>
 +
                      <li>Discontiunous motivation by letting us believe he is the man(for model,hardware,wiki,etc.)</li>
 +
                    </ul>
 +
 +
                    </div>
 +
                    <div class="modal-footer">
 +
                      Nickname:世外高人
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
 +
        </div>
 +
 +
      </div>
 +
 +
 +
  
  
Line 7,368: Line 7,781:
  
 
             <div class='line'>
 
             <div class='line'>
 +
             
 
         <div class="members"  >
 
         <div class="members"  >
          <h3> Instructor</h3><br>
+
            <h1 class="title"> Instructor</h1><br>
          <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/a/ac/T--GreatBay_China--js_p.jpg"/>
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal13">
          <h4>Boxiang Wang</h4>
+
            <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/a/aa/T--GreatBay_China--js.jpg"/>
 +
            <h4>Boxiang Wang</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal13" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Boxiang Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">Boxiang is a Research and development director of educational product of Bluepha Co.Ltd.; an experienced iGEMer who participated and leaded 7 iGEM competitions; and an unassailable avatar of the team.</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
         
 
         </div>
 
         </div>
 
         <div class="members"  >
 
         <div class="members"  >
           <h3> Primary PI</h3><br>
+
           <h1 class="title"> Primary PI</h1><br>
           <img class="photo" id=‘zhq’ width="250px" src="https://static.igem.org/mediawiki/2018/f/f8/T--GreatBay_China--zhanghaoqian.jpg" />
+
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal14">
          <h4>Haoqian Zhang</h4>
+
            <img class="photo" id=‘zhq’ width="250px" src="https://static.igem.org/mediawiki/2018/f/f8/T--GreatBay_China--zhanghaoqian.jpg" />
 +
            <h4>Haoqian Zhang</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal14" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Zhang Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">The CTO of Bluepha</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
         
 
         </div>
 
         </div>
 
         <div class="members"  >
 
         <div class="members"  >
           <h3> Secondary PI</h3><br>
+
           <h1 class="title"> Secondary PI</h1><br>
           <img class="photo" id=‘gq’ width="250px" src="https://static.igem.org/mediawiki/2018/9/9e/T--GreatBay_China--gengqiang.jpg"/>
+
 
          <h4>Qiang Geng</h4>
+
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal15">
 +
            <img class="photo" id=‘gq’ width="250px" src="https://static.igem.org/mediawiki/2018/9/9e/T--GreatBay_China--gengqiang.jpg"/>
 +
            <h4>Qiang Geng</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal15" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Geng Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">The principal of Bluepha Lab, and the COO of Bluepha</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
       
 
         </div>
 
         </div>
 
       </div>
 
       </div>
  
 
       <div class="line">
 
       <div class="line">
         <h3> Advisor</h3><br>
+
         <h1 class="title"> Advisors</h1><br>
                <div class="members" >
+
 
           <img class="photo" id=’dym’ width="250px" src="https://static.igem.org/mediawiki/2018/1/1c/T--GreatBay_China--dongyiming.jpg" />
+
        <div class="members" >
          <h4>Yiming Dong</h4>
+
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal16">
 +
            <img class="photo" id=’dym’ width="250px" src="https://static.igem.org/mediawiki/2018/1/1c/T--GreatBay_China--dongyiming.jpg" />
 +
            <h4>Yiming Dong</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal16" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Dong Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">Yiming Dong is a PHD of Beijing University Synthetic Biology.</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
         
 
           </div>
 
           </div>
  
 
         <div class="members"  >
 
         <div class="members"  >
           <img class="photo" id=‘zxy’ width="250px" src="https://static.igem.org/mediawiki/2018/f/fe/T--GreatBay_China--zxy.jpg" />
+
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal17">
          <h4>Xuanyu Zhao</h4>
+
            <img class="photo" id=‘zxy’ width="250px" src="https://static.igem.org/mediawiki/2018/f/fe/T--GreatBay_China--zxy.jpg" />
 +
            <h4>Xuanyu Zhao</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal17" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Zhao Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">Xuanyu Zhao is a research and development instructor of educational product of Bluepha Co.Ltd. She majors on toxin-antitoxin system in microbial in graduate degree, now an advisor of team GBC.</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
         
 
         </div>
 
         </div>
 +
 +
        <div class="members">
 +
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal18">
 +
            <img class="photo" id=‘ly’ width="250px" src="https://static.igem.org/mediawiki/2018/8/8f/T--GreatBay_China--ly.png" />
 +
            <h4>Yu Li</h4>
 +
          </button>
 +
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal18" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Li Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">Li Yu is a speculative designer, creative technologist and interdisciplinary researcher. Her researches the burgeoning area of advanced science and technology and speculative design. She uses design as a method of investigation, experimenting with emerging technologies and its possible implementation. Her works translate thoughts experiments and fictional narratives into tangible forms, ignite discussion on our current society and its future. She collaborates with scientists and engineers from different countries and disciplines.</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
        </div>
 +
 
       </div>
 
       </div>
  
 
       <div class='line'>
 
       <div class='line'>
 
         <div class="members"  >
 
         <div class="members"  >
           <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/0/0c/T--GreatBay_China--wx.png"/>
+
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal19">
          <h4>Xuan Wang</h4>
+
            <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/0/0c/T--GreatBay_China--wx.png"/>
 +
            <h4>Xuan Wang</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal19" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Wang Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">Xuan Wang is a former iGEM team leader of BNU_China 2014, a current PhD candidate in Tsinghua University and a part-time employee of Bluepha. He wants to do several beautiful science projects and to teach several potential students.</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
         
 
         </div>
 
         </div>
 
          
 
          
                 <div class="members" >
+
        <div class="members" >
           <img class="photo" id=’jszx’ width="250px" src="https://static.igem.org/mediawiki/2018/4/4a/T--GreatBay_China--jszx.jpeg" />
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal20">
          <h4>Harry Jiang</h4>
+
            <img class="photo" id=’jszx’ width="250px" src="https://static.igem.org/mediawiki/2017/6/6c/Harryjiang.jpeg" />
           </div>
+
            <h4>Harry Jiang</h4>
 +
          </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal20" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                 <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Jiang Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">Shan Jiang is a High schooler, goalkeeper, table tennis player, violinist, CCiC executive committee member, synthetic biology fundamentalist, leader of iGEM team RDFZ 2018 and SIAT-SCIE 2017.</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
         
 +
        </div>
 +
 
 +
        <div class="members" >
 +
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal22">
 +
            <img class="photo" id=’jszx’ width="250px" src="https://static.igem.org/mediawiki/2018/9/99/T--GreatBay_China--alicia.jpeg" />
 +
            <h4>Alicia Graham</h4>
 +
           </button>
 +
 
 +
        <!-- 模态框(Modal) -->
 +
        <div class="modal fade" id="myModal22" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
            <div class="modal-dialog">
 +
                <div class="modal-content">
 +
                    <div class="modal-header">
 +
                      <h3 class="modal-title" id="myModalLabel">Alicia Info</h3>
 +
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 +
                       
 +
                    </div>
 +
                    <div class="modal-body">A PhD candidate at Imperial College London. Loves food, wine and synbio.</div>
 +
                    <div class="modal-footer">
 +
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
                    </div>
 +
                </div><!-- /.modal-content -->
 +
            </div><!-- /.modal-dialog -->
 +
        </div><!-- /.modal -->
 +
         
 +
        </div>
 +
 
 
       </div>
 
       </div>
  
 
       <br><br><br>
 
       <br><br><br>
  
 +
 +
 +
      <div class="row" style="padding-left:50px;padding-right:50px">
 +
        <h3>Some words</h3>
 +
        <h4>My awesome teammates! I love you all! Thank you for making this year so meaningful. It has been an honour.</h4>
 +
    <br><br>
 +
    <h4>
 +
      Eden: I got nothing to say.
 +
It's crazy indeed. It's also legendary.
 +
I would like to thank all my teammates, teachers, instructors, friends, people who have gave me courage to overcome depression, and most importantly my parents. Without you, all of you, I couldn't have attained all these fantastic achievements today.
 +
 +
    <br><br>
 +
    Lucinda: iGEM forces me to tackle challenges, communicate with my friends and families, and deal with mental workload by focusing on one thing at a time with a reasonable schedule.
 +
    It was hard, but with passion and collaboration we persisted. Thank you to y'all!
 +
    <br><br>
 +
    Charles: iGEM fascinates me in not just academic challenges, but the journey pushes me out of my comfort zone and enables me to learn new skills boldly. But the most precious treasure of iGEM is its people, every iGEMer. Million thanks to my teammates, advisors, and friends who have given me best support. Without these support I could not achieve so much potentials. Special thanks to my parents, who encouraged me and respect my every decisions.
 +
    <br><br>
 +
    Wade: A special thank to all of our parents
 +
<br>
 +
At the end of our journey, we would like to offer our deepest thank to our parents, who had supported us unconditionally since the very beginning of the project.
 +
<br><br>
 +
Sean: Say no more.
 +
 +
    </h4>
 +
      </div>
 +
 +
 +
 +
   
 
        
 
        
  
        </div>
+
 
   
+
    </div>
+
 
 +
 
 +
 
 +
      <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI (I wonder why I am writing this cuz only Lucinda and I will edit here.)-->
 +
<br><br><br><br>
 +
      </div>
 
    
 
    
   
 
 
   </div>
 
   </div>
 +
 +
</div>
 +
 
    
 
    
   
+
 
  
  
Line 7,427: Line 8,070:
 
</body>
 
</body>
  
                
+
</p>
 +
 
 +
</div>                <div class="visualClear"></div>
 +
               </div>
 +
        </div>
 +
 
 +
        </div>
 +
    </div>
 +
<!-- Life sucks by Lucinda Lin. Sometimes working out a template can be so goddamn hard, and it is not responsive. -->
 +
<!-- Well life has to go on by Charles Wei. Sometimes correcting a template can be so tiring, and it is a recursive.-->
 
</html>
 
</html>

Latest revision as of 04:59, 8 December 2018

GBC-Team

GreatBay_China

Like its name, GreatBay_China 2018 consists of a great variety of members: 13 students from 7 different high schools, 1 instructor, 5 advisors and 2 PIs. The team is a treasury of talented and lovely people. We have bright brains with innovative ideas. We are lucky to invite competent and outstanding seniors and experts who support and guide us in the light of discovery. We are a bunch of enthusiastic people who stay up late doing labs. Meet them here!
Some of us have a few words to say after the wonderful iGEM 2018 journey! You can read them at the bottom of the page.




Team Leaders


Team Members





Instructor


Primary PI


Secondary PI


Advisors





Some words

My awesome teammates! I love you all! Thank you for making this year so meaningful. It has been an honour.



Eden: I got nothing to say. It's crazy indeed. It's also legendary. I would like to thank all my teammates, teachers, instructors, friends, people who have gave me courage to overcome depression, and most importantly my parents. Without you, all of you, I couldn't have attained all these fantastic achievements today.

Lucinda: iGEM forces me to tackle challenges, communicate with my friends and families, and deal with mental workload by focusing on one thing at a time with a reasonable schedule. It was hard, but with passion and collaboration we persisted. Thank you to y'all!

Charles: iGEM fascinates me in not just academic challenges, but the journey pushes me out of my comfort zone and enables me to learn new skills boldly. But the most precious treasure of iGEM is its people, every iGEMer. Million thanks to my teammates, advisors, and friends who have given me best support. Without these support I could not achieve so much potentials. Special thanks to my parents, who encouraged me and respect my every decisions.

Wade: A special thank to all of our parents
At the end of our journey, we would like to offer our deepest thank to our parents, who had supported us unconditionally since the very beginning of the project.

Sean: Say no more.