Difference between revisions of "Team:Amoy/Member"

 
(124 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
<title>Aomy/Project</title>
 
<title>Aomy/Project</title>
  
−
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/BootstrapCss?action=raw&amp;ctype=text/css" />
−
body
+
−
{
+
−
background-color: #fff;
+
−
}
+
  
−
#content
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/MemberCss?action=raw&amp;ctype=text/css" />
−
{
+
−
padding: 0; border: 0; width: 100%;
+
−
}
+
  
−
.firstHeading
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Amoy/css/MenuBarCss?action=raw&amp;ctype=text/css" />
−
{
+
−
visibility: hidden;  
+
−
}
+
  
−
#menu
+
</head>
−
{
+
−
width: 100%;
+
−
height: 200px;
+
−
overflow: hidden;
+
−
margin-top: -50px;
+
−
position: absolute;
+
−
}
+
  
−
#logo
 
−
{
 
−
position: absolute;
 
−
width: 115px;
 
−
height: 70px;
 
−
margin-top: -20px;
 
−
margin-left: 20px;
 
−
z-index:999;
 
−
}
 
  
 +
<body>
  
  
−
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
 
−
{
 
−
font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;
 
−
font-size: 12px;
 
−
}
 
−
#cssmenu,
 
−
#cssmenu ul,
 
−
#cssmenu ul li,
 
−
#cssmenu ul li a,
 
−
#cssmenu #menu-button {
 
−
  margin: 0;
 
−
  padding: 0;
 
−
  border: 0;
 
−
  list-style: none;
 
−
  line-height: 1;
 
−
  display: block;
 
−
  position: relative;
 
−
  -webkit-box-sizing: border-box;
 
−
  -moz-box-sizing: border-box;
 
−
  box-sizing: border-box;
 
−
}
 
−
#cssmenu:after,
 
−
#cssmenu > ul:after {
 
−
  content: ".";
 
−
  display: block;
 
−
  clear: both;
 
−
  visibility: hidden;
 
−
  line-height: 0;
 
−
  height: 0;
 
−
}
 
−
#cssmenu #menu-button {
 
−
  display: none;
 
−
}
 
−
#cssmenu {
 
−
  width: auto;
 
−
  font-family: 'Open Sans', sans-serif;
 
−
  line-height: 1;
 
−
font-weight: bold;
 
  
−
}
 
−
#menu-line {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  height: 3px;
 
−
  background: #009ae1;
 
−
  -webkit-transition: all 0.25s ease-out;
 
−
  -moz-transition: all 0.25s ease-out;
 
−
  -ms-transition: all 0.25s ease-out;
 
−
  -o-transition: all 0.25s ease-out;
 
−
  transition: all 0.25s ease-out;
 
−
}
 
−
#cssmenu > ul > li {
 
−
  float: left;
 
−
}
 
−
#cssmenu.align-center > ul {
 
−
  font-size: 0;
 
−
  text-align: center;
 
−
}
 
−
#cssmenu.align-center > ul > li {
 
−
  display: inline-block;
 
−
  float: none;
 
−
}
 
−
#cssmenu.align-center ul ul {
 
−
  text-align: left;
 
−
}
 
−
#cssmenu.align-right > ul > li {
 
−
  float: right;
 
−
}
 
−
#cssmenu.align-right ul ul {
 
−
  text-align: right;
 
−
}
 
−
#cssmenu > ul > li > a {
 
−
margin-right: 40px;
 
−
  padding-top: 20px;
 
−
  font-size: 12px;
 
−
  text-decoration: none;
 
−
  text-transform: uppercase;
 
−
  color: #fff;
 
−
  -webkit-transition: color .2s ease;
 
−
  -moz-transition: color .2s ease;
 
−
  -ms-transition: color .2s ease;
 
−
  -o-transition: color .2s ease;
 
−
  transition: color .2s ease;
 
−
}
 
  
−
#cssmenu > ul > li:hover > a,
+
<a style="width:50px; height:50px; position:fixed; right:30px; bottom:30px; z-index:9999; display:none; background:url(https://static.igem.org/mediawiki/2015/c/c1/Amoy-Home_Up_pic.gif) no-repeat center center #147abc;"  href="javascript:;" class="lanrenzhijia_top"></a>
−
#cssmenu > ul > li.active > a
+
−
{
+
−
border-bottom: 1.5px solid #fff;
+
−
padding-bottom: 5px;
+
  
−
}
+
<script>
 +
$(function(){
 +
$(window).scroll(function(){
 +
var _top = $(window).scrollTop();
 +
if(_top>300){
 +
$('.lanrenzhijia_top').fadeIn(600);
 +
}else{
 +
$('.lanrenzhijia_top').fadeOut(600);
 +
}
 +
});
 +
$(".lanrenzhijia_top").click(function(){
 +
$("html,body").animate({scrollTop:0},400);
 +
});
 +
});
 +
</script>
  
−
#cssmenu > ul > li.has-sub > a {
+
<div id="menu">
−
  margin-right: 40px;
+
−
}
+
−
#cssmenu > ul > li.has-sub > a::after {
+
−
  position: absolute;
+
−
  top: 21px;
+
−
  right: -18px;
+
−
  width: 4px;
+
−
  height: 4px;
+
−
  border-bottom: 1px solid #fff;
+
−
  border-right: 1px solid #fff;
+
−
  content: "";
+
−
  -webkit-transform: rotate(45deg);
+
−
  -moz-transform: rotate(45deg);
+
−
  -ms-transform: rotate(45deg);
+
−
  -o-transform: rotate(45deg);
+
−
  transform: rotate(45deg);
+
−
  -webkit-transition: border-color 0.2s ease;
+
−
  -moz-transition: border-color 0.2s ease;
+
−
  -ms-transition: border-color 0.2s ease;
+
−
  -o-transition: border-color 0.2s ease;
+
−
  transition: border-color 0.2s ease;
+
−
}
+
−
#cssmenu > ul > li.has-sub:hover > a::after {
+
−
}
+
−
#cssmenu ul ul {
+
−
  position: absolute;
+
−
  left: -9999px;
+
−
}
+
−
#cssmenu li:hover > ul {
+
−
  left: auto;
+
−
}
+
−
#cssmenu.align-right li:hover > ul {
+
−
  right: 0;
+
−
}
+
−
#cssmenu ul ul ul {
+
−
  margin-left: 100%;
+
−
  top: 0;
+
−
}
+
−
#cssmenu.align-right ul ul ul {
+
−
  margin-left: 0;
+
−
  margin-right: 100%;
+
−
}
+
−
#cssmenu ul ul li {
+
−
  height: 0;
+
−
  -webkit-transition: height .2s ease;
+
−
  -moz-transition: height .2s ease;
+
−
  -ms-transition: height .2s ease;
+
−
  -o-transition: height .2s ease;
+
−
  transition: height .2s ease;
+
−
}
+
−
#cssmenu ul li:hover > ul > li {
+
−
  height: 32px;
+
−
}
+
−
#cssmenu ul ul li a {
+
−
  padding: 10px 20px;
+
−
  width: 160px;
+
−
  font-size: 12px;
+
−
  background: #333333;
+
−
  text-decoration: none;
+
−
  color: #dddddd;
+
−
  -webkit-transition: color .2s ease;
+
−
  -moz-transition: color .2s ease;
+
−
  -ms-transition: color .2s ease;
+
−
  -o-transition: color .2s ease;
+
−
  transition: color .2s ease;
+
−
}
+
−
#cssmenu ul ul li:hover > a,
+
−
#cssmenu ul ul li a:hover {
+
−
  color: #ffffff;
+
−
}
+
−
#cssmenu ul ul li.has-sub > a::after {
+
−
  position: absolute;
+
−
  top: 13px;
+
−
  right: 10px;
+
−
  width: 4px;
+
−
  height: 4px;
+
−
  border-bottom: 1px solid #dddddd;
+
−
  border-right: 1px solid #dddddd;
+
−
  content: "";
+
−
  -webkit-transform: rotate(-45deg);
+
−
  -moz-transform: rotate(-45deg);
+
−
  -ms-transform: rotate(-45deg);
+
−
  -o-transform: rotate(-45deg);
+
−
  transform: rotate(-45deg);
+
−
  -webkit-transition: border-color 0.2s ease;
+
−
  -moz-transition: border-color 0.2s ease;
+
−
  -ms-transition: border-color 0.2s ease;
+
−
  -o-transition: border-color 0.2s ease;
+
−
  transition: border-color 0.2s ease;
+
−
}
+
−
#cssmenu.align-right ul ul li.has-sub > a::after {
+
−
  right: auto;
+
−
  left: 10px;
+
−
  border-bottom: 0;
+
−
  border-right: 0;
+
−
  border-top: 1px solid #dddddd;
+
−
  border-left: 1px solid #dddddd;
+
−
}
+
−
#cssmenu ul ul li.has-sub:hover > a::after {
+
−
  border-color: #ffffff;
+
−
}
+
−
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
+
−
  #cssmenu {
+
−
    width: 100%;
+
−
  }
+
−
  #cssmenu ul {
+
−
    width: 100%;
+
−
    display: none;
+
−
  }
+
−
  #cssmenu.align-center > ul,
+
−
  #cssmenu.align-right ul ul {
+
−
    text-align: left;
+
−
  }
+
−
  #cssmenu ul li,
+
−
  #cssmenu ul ul li,
+
−
  #cssmenu ul li:hover > ul > li {
+
−
    width: 100%;
+
−
    height: auto;
+
−
    border-top: 1px solid rgba(120, 120, 120, 0.15);
+
−
  }
+
−
  #cssmenu ul li a,
+
−
  #cssmenu ul ul li a {
+
−
    width: 100%;
+
−
  }
+
−
  #cssmenu > ul > li,
+
−
  #cssmenu.align-center > ul > li,
+
−
  #cssmenu.align-right > ul > li {
+
−
    float: none;
+
−
    display: block;
+
−
  }
+
−
  #cssmenu ul ul li a {
+
−
    padding: 20px 20px 20px 30px;
+
−
    font-size: 12px;
+
−
    color: #000000;
+
−
    background: none;
+
−
  }
+
−
  #cssmenu ul ul li:hover > a,
+
−
  #cssmenu ul ul li a:hover {
+
−
    color: #000000;
+
−
  }
+
−
  #cssmenu ul ul ul li a {
+
−
    padding-left: 40px;
+
−
  }
+
−
  #cssmenu ul ul,
+
−
  #cssmenu ul ul ul {
+
−
    position: relative;
+
−
    left: 0;
+
−
    right: auto;
+
−
    width: 100%;
+
−
    margin: 0;
+
−
  }
+
−
  #cssmenu > ul > li.has-sub > a::after,
+
−
  #cssmenu ul ul li.has-sub > a::after {
+
−
    display: none;
+
−
  }
+
−
  #menu-line {
+
−
    display: none;
+
−
  }
+
−
  #cssmenu #menu-button {
+
−
    display: block;
+
−
    padding: 20px;
+
−
    color: #000000;
+
−
    cursor: pointer;
+
−
    font-size: 12px;
+
−
    text-transform: uppercase;
+
−
  }
+
−
  #cssmenu #menu-button::after {
+
−
    content: '';
+
−
    position: absolute;
+
−
    top: 20px;
+
−
    right: 20px;
+
−
    display: block;
+
−
    width: 15px;
+
−
    height: 2px;
+
−
    background: #000000;
+
−
  }
+
−
  #cssmenu #menu-button::before {
+
−
    content: '';
+
−
    position: absolute;
+
−
    top: 25px;
+
−
    right: 20px;
+
−
    display: block;
+
−
    width: 15px;
+
−
    height: 3px;
+
−
    border-top: 2px solid #000000;
+
−
    border-bottom: 2px solid #000000;
+
−
  }
+
−
  #cssmenu .submenu-button {
+
−
    position: absolute;
+
−
    z-index: 10;
+
−
    right: 0;
+
−
    top: 0;
+
−
    display: block;
+
−
    border-left: 1px solid rgba(120, 120, 120, 0.15);
+
−
    height: 52px;
+
−
    width: 52px;
+
−
    cursor: pointer;
+
−
  }
+
−
  #cssmenu .submenu-button::after {
+
−
    content: '';
+
−
    position: absolute;
+
−
    top: 21px;
+
−
    left: 26px;
+
−
    display: block;
+
−
    width: 1px;
+
−
    height: 11px;
+
−
    background: #000000;
+
−
    z-index: 99;
+
−
  }
+
−
  #cssmenu .submenu-button::before {
+
−
    content: '';
+
−
    position: absolute;
+
−
    left: 21px;
+
−
    top: 26px;
+
−
    display: block;
+
−
    width: 11px;
+
−
    height: 1px;
+
−
    background: #000000;
+
−
    z-index: 99;
+
−
  }
+
−
  #cssmenu .submenu-button.submenu-opened:after {
+
−
    display: none;
+
−
  }
+
−
}
+
  
−
#project_abstract{
+
<div id="bg_menu">
−
    padding-right: 20px;
+
<img src="https://static.igem.org/mediawiki/2015/2/26/Amoy-MenuBar-bg.jpg" />
−
    padding-left: 20px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
#cssmenu
+
−
{
+
−
position: absolute;
+
−
right: 20px;
+
−
margin-top: -20px;
+
−
}
+
−
 
+
−
#main_div
+
−
{
+
−
position: absolute;
+
−
margin-top: 170px;
+
−
        margin-left: 9%;
+
−
width: 85%;
+
−
}
+
−
 
+
−
.member_img
+
−
{
+
−
position: absolute;
+
−
width: 100%;
+
−
margin-top: 30px;
+
−
}
+
−
 
+
−
#title_p
+
−
{
+
−
color: #147abc;
+
−
font-size: 40px;
+
−
text-align: center;
+
−
margin-top: 15px;
+
−
}
+
−
 
+
−
.main_p
+
−
{
+
−
color: #778899;
+
−
font-size: 16px;
+
−
text-align: center;
+
−
margin-top: -20px;
+
−
}
+
−
 
+
−
.add_img
+
−
{
+
−
position: absolute;
+
−
width: 32px;
+
−
height: 35px;
+
−
}
+
−
 
+
−
#main_content
+
−
{
+
−
position: absolute;
+
−
margin-top: 1400px;
+
−
width: 100%;
+
−
}
+
−
 
+
−
#s_menu
+
−
{
+
−
position: fixed;
+
−
width: 13%;
+
−
left: 5%;
+
−
margin-top: 50px;
+
−
}
+
−
 
+
−
#s_menu h4
+
−
{
+
−
font-size: 20px;
+
−
margin-left: 18px;
+
−
border-bottom: 2px solid #147abc;
+
−
padding-bottom: 10px;
+
−
color: #147abc;
+
−
}
+
−
 
+
−
.ul_menu
+
−
{
+
−
margin-top: 15px;
+
−
list-style: none;
+
−
}
+
−
 
+
−
.ul_menu li a
+
−
{
+
−
display:block;
+
−
font-size: 15px;
+
−
margin-top: 10px;
+
−
text-decoration: none;
+
−
color: #778899;
+
−
}
+
−
 
+
−
.ul_menu li:hover
+
−
{
+
−
color: #147abc;
+
−
margin-left: 10px;
+
−
}
+
−
 
+
−
#title
+
−
{
+
−
position: absolute;
+
−
width: 75%;
+
−
right: 2%;
+
−
}
+
−
 
+
−
#title_p
+
−
{
+
−
color: #147abc;
+
−
font-size: 40px;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.main_p
+
−
{
+
−
font-size: 15px;
+
−
padding-left: 80px;
+
−
padding-right: 80px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
</head>
+
−
 
+
−
 
+
−
<body>
+
−
<div id="menu">
+
−
<img id="bg_menu" src="https://static.igem.org/mediawiki/2015/archive/3/38/20150704080529%21Background1.jpg" />
+
 
</div>
 
</div>
  
Line 499: Line 47:
 
<div id='cssmenu'>
 
<div id='cssmenu'>
 
<ul>
 
<ul>
 +
  <li class='active has-sub'><a href='https://2015.igem.org/Team:Amoy/Member'>Team</a>
 +
      <ul>
 +
        <li class='has-sub'><a href='#member_student'>Member</a></li>
 +
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Amoy'>Amoy</a></li>
 +
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Attributions'>Attributions</a></li>
 +
      </ul>
 +
  </li>
 
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project'>Project</a>
 
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project'>Project</a>
 
       <ul>
 
       <ul>
 +
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Description'>Description</a></li>
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Background'>Background</a></li>
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Background'>Background</a></li>
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Methods'>Methods</a></li>
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Project/Methods'>Methods</a></li>
Line 508: Line 64:
 
       </ul>
 
       </ul>
 
   </li>
 
   </li>
−
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Interlab'>Interlab</a>
+
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Notebook'>Notebook</a>
 
       <ul>
 
       <ul>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Interlab/Results'>Results</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Notebook/Notebook'>Notebook</a></li>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Interlab/Figure'>Figure</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Notebook/Protocol'>Protocol</a></li>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Interlab/Table'>Table</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Parts'>Parts</a></li>
 +
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Notebook/Gallery'>Gallery</a></li>
 
       </ul>
 
       </ul>
 
   </li>
 
   </li>
 +
  <li><a href='https://2015.igem.org/Team:Amoy/Interlab' style="margin-right: 30px; margin-left: 10px;">Interlab</a></li>
 +
 
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter'>Newsletter</a>
 
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter'>Newsletter</a>
 
       <ul>
 
       <ul>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Problem'>Problem</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Contribution'>Contribution</a></li>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Idea'>Idea</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Discussion'>Discussion</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Results'>Results</a></li>
+
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Summary'>Summary</a></li>
+
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Links'>Links</a></li>
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Newsletter/Links'>Links</a></li>
 
       </ul>
 
       </ul>
 
   </li>
 
   </li>
−
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice'>Practice</a>
+
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practices'>Practice</a>
 
       <ul>
 
       <ul>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice/Handbook'>Handbook</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practices'>Human Practice</a></li>
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice/Communication'>Communication</a></li>
 
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice/Communication'>Communication</a></li>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Practice/Cooperation'>Cooperation</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Collaborations'>Collaborations</a></li>
 
       </ul>
 
       </ul>
 
   </li>
 
   </li>
−
   <li class='active has-sub'><a href='https://2015.igem.org/Team:Amoy/Member'>Member</a>
+
   <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Judging'>Judging</a>
 
       <ul>
 
       <ul>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Member'>Member</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Judging/Medal'>Medal Criteria</a></li>
−
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Work'>Work</a></li>
+
         <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Judging/Acknowledgement'>Acknowledgement</a></li>
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Amoy'>Amoy</a></li>
+
−
        <li class='has-sub'><a href='https://2015.igem.org/Team:Amoy/Member/Gallery'>Gallery</a></li>
+
 
       </ul>
 
       </ul>
 
   </li>
 
   </li>
 
   <li><a href='https://2015.igem.org/Team:Amoy/Safety'>Safety</a></li>
 
   <li><a href='https://2015.igem.org/Team:Amoy/Safety'>Safety</a></li>
−
  <li><a href='https://2015.igem.org/Team:Amoy/Acknowledgement'>Acknowledgement</a></li>
 
 
</ul>
 
</ul>
 
</div>
 
</div>
  
−
<div id="main_div">
+
</div>
−
<p id="title_p">Meet Our Team</p>
+
<!--end menu-->
−
<p class="main_p">Eleven undergraduates, a graduate student, a doctoral student and four</br>instructors. Welcome to meet our team.</p>
+
  
−
<img class="member_img" src="https://static.igem.org/mediawiki/2015/0/03/Members.jpg" />
+
<div class="col-md-1"></div>
  
 +
<div id="main_div" class="col-md-10">
 +
 +
<div class="col-md-10" style="padding: 0px; position: fixed;">
 +
<div id="s_menu_fixed" class="col-md-2">
 +
<a href="https://2015.igem.org/Team:Amoy/Member"><h4>Team</h4></a>
 +
<ul class="ul_menu">
 +
<li><a class="a_Students" href="javascript:;">Member</a></li>
 +
<li><a class="a_Advisor" href="javascript:;">Advisor</a></li>
 +
<li><a class="a_Instructor" href="javascript:;">Instructor</a></li>
 +
<li><a href="https://2015.igem.org/Team:Amoy/Member/Amoy">Amoy</a></li>
 +
<li><a href="https://2015.igem.org/Team:Amoy/Member/Attributions">Attributions</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<script>
 +
$(function(){
 +
$(".a_Students").click(function(){
 +
$("html,body").animate({scrollTop:$('#member_student').offset().top},400);
 +
});
 +
});
 +
</script>
 +
<script>
 +
$(function(){
 +
$(".a_Advisor").click(function(){
 +
$("html,body").animate({scrollTop:$('#member_advisor').offset().top},400);
 +
});
 +
});
 +
</script>
 +
<script>
 +
$(function(){
 +
$(".a_Instructor").click(function(){
 +
$("html,body").animate({scrollTop:$('#member_instructor').offset().top},400);
 +
});
 +
});
 +
</script>
 +
 +
 +
 +
 +
<p id="title_p">Meet Our Team</p>
 +
 +
<p id="title_p1">We are Amoy iGEM team from Xiamen University.</br>
 +
This year, we have eleven new team members from different majors, two advisors and four instructors.</br>
 +
We divide into four groups, including experimental, software, newsletter and design.</br>
 +
</p>
 +
 +
<img id="member_img" src="https://static.igem.org/mediawiki/2015/8/89/Amoy-Team_pic.jpg" />
 +
 +
 +
<div id="member_detail"><!--
 
<a href="#"><img style="margin-left: 40px; margin-top: 140px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
 
<a href="#"><img style="margin-left: 40px; margin-top: 140px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
 
<a href="#"><img style="margin-left: 250px; margin-top: 140px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
 
<a href="#"><img style="margin-left: 250px; margin-top: 140px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
Line 556: Line 160:
 
<a href="#"><img style="margin-left: 660px; margin-top: 190px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
 
<a href="#"><img style="margin-left: 660px; margin-top: 190px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
 
<a href="#"><img style="margin-left: 880px; margin-top: 150px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
 
<a href="#"><img style="margin-left: 880px; margin-top: 150px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
−
<a href="#"><img style="margin-left: 1090px; margin-top: 140px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>
+
<a href="#"><img style="margin-left: 1090px; margin-top: 140px;" class="add_img" src="https://static.igem.org/mediawiki/2015/5/55/Member_add.png" /></a>-->
−
 
+
 
</div>
 
</div>
−
 
  
  
 
<div id="main_content">
 
<div id="main_content">
  
−
<div id="s_menu">
+
<div id="s_menu" class="col-md-2" style="z-index: 999;">
−
<h4>Project</h4>
+
<a href="https://2015.igem.org/Team:Amoy/Member"><h4>Team</h4></a>
 
<ul class="ul_menu">
 
<ul class="ul_menu">
−
<li><a href="https://2015.igem.org/Team:Amoy/Project/Background">Background</a></li>
+
<li><a class="a_Students" href="javascript:;">Member</a></li>
−
<li><a href="#">Methods</a></li>
+
<li><a class="a_Advisor" href="javascript:;">Advisor</a></li>
−
<li><a href="#">Results</a></li>
+
<li><a class="a_Instructor" href="javascript:;">Instructor</a></li>
−
<li><a href="#">Discussion</a></li>
+
<li><a href="https://2015.igem.org/Team:Amoy/Member/Amoy">Amoy</a></li>
−
<li><a href="#">Future work</a></li>
+
<li><a href="https://2015.igem.org/Team:Amoy/Member/Attributions">Attributions</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
  
−
<div id="title">
+
<div class="col-md-1"></div>
−
<p id="title_p">Students</p>
+
 
−
<p class="main_p"></p>
+
<script>
 +
$(function(){
 +
$(window).scroll(function(){
 +
var _top = $(window).scrollTop();
 +
if(_top>1000)
 +
{
 +
$('#s_menu').css("display","none");
 +
$('#s_menu_fixed').css("display","block");
 +
}
 +
else
 +
{
 +
$('#s_menu').css("display","block");
 +
$('#s_menu_fixed').css("display","none");
 +
}
 +
});
 +
});
 +
</script>
 
</div>
 
</div>
  
 +
<div id="title" class="col-md-9">
 +
 +
<p class="main_h1" id="member_student">Member</p>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/a/af/Amoy-Member-FangBeibei.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Fang Beibei</p>
 +
<p class="person_info">Female 20 &nbsp;&nbsp;
 +
Major: Life science</br>
 +
Tel: +86 15605922159&nbsp;&nbsp;
 +
Email: 1642076656@qq.com</br>
 +
Number 7,sailing,Tiffany blue,potatoes,donkey,Bohemia,starry night,Márquez, daydreaming, Carpe diem. She is the girl.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/d/d5/Amoy-Member-GaoDarui.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Gao Darui</p>
 +
<p class="person_info">Female 20 &nbsp;&nbsp;
 +
Major: Public Health</br>
 +
Tel: +86 13666095606&nbsp;&nbsp;
 +
Email: 450276743@qq.com</br>
 +
Interest: Travelling</br>
 +
Live in the moment</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/3/3d/Amoy-Member-LiuShiBo.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Liu Shibo</p>
 +
<p class="person_info">Female 20 &nbsp;&nbsp;
 +
Email: 791315654@qq.com</br>
 +
Tel: +86 18120778639&nbsp;&nbsp;
 +
Email: 791315654@qq.com</br>
 +
She is a "handsome" girl. She has strong passion in science because the mysteries of science make her excited. She likes running，swimming and tennis. She believes that the best preparation for tomorrow is doing your best today.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/5/5e/Amoy-Member-LiuYudong.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Liu Yudong</p>
 +
<p class="person_info">Male 20 &nbsp;&nbsp;
 +
Major: Chemistry</br>
 +
Tel: +86 13806002599&nbsp;&nbsp;
 +
Email: liuuyudong@gmail.com</br>
 +
Interest: Basketball</br>
 +
Things about him are still mysterious.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/b/be/Amoy-Member-LiXiangning.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Li Xiangning</p>
 +
<p class="person_info">Female 20 &nbsp;&nbsp;
 +
Major: Software Engineering</br>
 +
Tel: +86 15659282558&nbsp;&nbsp;
 +
Email: 471979617@qq.com</br>
 +
She loves drawing. She loves travelling. She loves smiling. She is looking for fun. She belives that the girl always smiling will have good luck.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/7/71/Amoy-Member-ShiLin.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Shi Lin</p>
 +
<p class="person_info">Male 19 &nbsp;&nbsp;
 +
Major: Chemical Engineering&nbsp;&nbsp;
 +
Email: 741451752@qq.com</br>
 +
He is a boy who is both clever and hard-working. He loves swimming, American drama and singing. As the NO.1 in the faculty, he always devote his time to study in the library. And His favorite saying is, “You still have lots more to work on!” Chemistry and biology are his strong subjects, that’s why he comes to iGEM.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/d/d2/Amoy-Member-TianJiayi.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Tian Jiayi</p>
 +
<p class="person_info">Female 19 &nbsp;&nbsp;
 +
Major: Clinical Medicine</br>
 +
Tel: +86 18120758096&nbsp;&nbsp;
 +
Email: 1361889517@qq.com</br>
 +
She like extreme limit sport like rock climbing, mountaineering. Let’s work together and make progress together!</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/a/a1/Amoy-Member-WangFeng.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Wang Feng</p>
 +
<p class="person_info">Male 19&nbsp;&nbsp;
 +
Major: Chemistry</br>
 +
Tel: +86 18759836132&nbsp;&nbsp;
 +
Email: 1329161160@qq.com</br>
 +
He is a boy with passion. He is trying to live in the moment passionately. Chemistry is one of his favourite subjects. But in the future, he wants to become a man with all-round quality. And now, he is on the way.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/5/5e/Amoy-Member-WangMinning.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Wang Minning</p>
 +
<p class="person_info">Female 20&nbsp;&nbsp;
 +
Major: Chemical Biology</br>
 +
Tel: +86 13600935275&nbsp;&nbsp;
 +
Email: 545500205@qq.com</br>
 +
Interest: Swimming and drawing</br>
 +
Life was like a box of chocolates, you never know what you're gonna get.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/2/20/Amoy-Member-ZhangRenyuan.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Zhang Renyuan</p>
 +
<p class="person_info">Female 20&nbsp;&nbsp;
 +
Major: Chemical Biology</br>
 +
Tel: +86 13599537371&nbsp;&nbsp;
 +
Email: renyuan95@sina.com</br>
 +
As a soprano in the chorus, she is good at communicating and cooperating with others. Yet back in the lab, she can become concentrative and conscientious. This summer, she devoted herself to the experiments and Newsletter.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/5/52/Amoy-Member-ZhangZhe.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Zhang Zhe</p>
 +
<p class="person_info">Female 20&nbsp;&nbsp;
 +
Major: Human Resource Management</br>
 +
Tel: +86 18120757569&nbsp;&nbsp;
 +
Email: 357743396@qq.com</br>
 +
Interest: Travel, delicious food, bungee jumping and skiing</br>
 +
She is a bouncing girl.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<p class="main_h1" id="member_advisor">Advisor</p>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/b/bd/Amoy-Member-HuangJianxing.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Huang Jianxing</p>
 +
<p class="person_info">Male 21 &nbsp;&nbsp;
 +
Major: Chemistry</br>
 +
Tel: +86 18020766009&nbsp;&nbsp;
 +
Email: jx.huang.x@gmail.com</br>
 +
A Ph. D. candidate, as our Advisor, he give some advice for our team.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/4/44/Amoy-Member-JiangWei.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Jiang Wei</p>
 +
<p class="person_info">Male 28 &nbsp;&nbsp;
 +
Major: Chemical Biology</br>
 +
Tel: +86 18250877089&nbsp;&nbsp;
 +
Email: tianya416@126.com</br>
 +
He is a doctoral student likes to explore new areas. You can find Wilbur Jiang on the way to the unknown. As our Advisor, he helps our experiments carried out more smoothly.</br>
 +
</p>
 +
</div>
 +
</div>
 +
 +
<p class="main_h1" id="member_instructor">Instructor</p>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/3/36/Amoy-Member-FangBaishan.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Fang Baishan</p>
 +
<p class="person_info">Dr. Fang is the professor in College of Chemistry & Chemical Engineering at Xiamen University. In the group of biocatalysis and biotransformation, his research mainly focuses on synthetic biology, mining and the transformation of enzyme, construction of bio-molecular machiness. He has been our advisor for several years and his advice and equipment support are also helpful this year as ever.</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/d/d1/Amoy-Member-WuLina.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Wu Li'na</p>
 +
<p class="person_info">Dr. Wu is an associate professor in College of Chemistry & Chemical Engineering. Her research mainly focuses on sensitive and selective bacterial detection using tetracysteine-tagged phages and proteomic analysis on the expression of outer membrane proteins. She give us suggestions on our BrainStorm, Design, Experience and Presentation. Thanks to Dr. Wu's continuous help and we can make our project better.</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/a/a6/Amoy-Member-YangYong.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Chaoyong James Yang</p>
 +
<p class="person_info">Dr. Chaoyong James Yang is a professor in College of Chemistry & Chemical Engineering at Xiamen University. His research focuses on microfluidics, molecular recognitions, DNA self-assembly and early diagnosis of cancer. As our amiable old friend, we are lucky to have his kind support.</p>
 +
</div>
 +
</div>
 +
 +
<div class="person">
 +
<img class="person_photo col-md-3" src="https://static.igem.org/mediawiki/2015/e/e7/Amoy-Member-WangDai.jpg" />
 +
<div class="person_detail col-md-9">
 +
<p class="person_name">Wang Dai</p>
 +
<p class="person_info">Dr. Wang Dai is an associate professor in School of Public Health. He provided us with equipment for microfluidic experiments.He is a lovely associate professor of character, always adored by students for his special ideas. He added some creativity and great foresight to our team, which helped us a lot.</p>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
</div>
 +
 +
</div>
 +
<!--end main-->
 +
 +
 +
<!--footer-->
 +
<div style="width: 100%; height: 240px; background: #2a2a2a; position: relative; padding-top: 20px;" class="col-md-12">
 +
<img src="https://static.igem.org/mediawiki/2015/f/f2/Amoy-Footer_amoylogo.png" style="width: 10%; display: inline-block; position: relative; margin-left: 12%;" />
 +
<div style="display: inline-block; position: relative; top: 45px; width: 21%; margin-left: 2%;">
 +
<p style="font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 0px;">CONTACT US</p>
 +
<p style="font-size: 14px; color: #fff; margin-top: 5px; margin-bottom: 0px;"><strong>Email:  </strong>igemxmu@gmail.com</p>
 +
<p style="font-size: 14px; color: #fff; margin-bottom: 0px;"><strong>Website:  </strong><a href="https://2015.igem.org/Team:Amoy" target="_blank" style="color: #fff;">2015.igem.org/Team:Amoy</a></p>
 +
<p style="font-size: 14px; color: #fff; margin-bottom: 0px;"><strong>Address:  </strong>Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005</p>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2015/1/1f/Amoy-Footer_xmulogo.png" style="width: 10%; display: inline-block; margin-left: 5%;" />
 +
<img src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Footer_xmulname.png" style="width: 15%; display: inline-block; margin-left: 1%;" />
 +
<a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2015/5/5b/Amoy-Footer_facebook.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 +
<a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/02/Amoy-Footer_twitter.png" style="width: 2%; display: inline-block; margin-left: 2%;" /></a>
 
</div>
 
</div>
  

Latest revision as of 14:50, 10 September 2015

Aomy/Project

Meet Our Team

We are Amoy iGEM team from Xiamen University.
This year, we have eleven new team members from different majors, two advisors and four instructors.
We divide into four groups, including experimental, software, newsletter and design.

Member

Fang Beibei

Female 20    Major: Life science
Tel: +86 15605922159   Email: 1642076656@qq.com
Number 7,sailing,Tiffany blue,potatoes,donkey,Bohemia,starry night,Márquez, daydreaming, Carpe diem. She is the girl.

Gao Darui

Female 20    Major: Public Health
Tel: +86 13666095606   Email: 450276743@qq.com
Interest: Travelling
Live in the moment

Liu Shibo

Female 20    Email: 791315654@qq.com
Tel: +86 18120778639   Email: 791315654@qq.com
She is a "handsome" girl. She has strong passion in science because the mysteries of science make her excited. She likes running，swimming and tennis. She believes that the best preparation for tomorrow is doing your best today.

Liu Yudong

Male 20    Major: Chemistry
Tel: +86 13806002599   Email: liuuyudong@gmail.com
Interest: Basketball
Things about him are still mysterious.

Li Xiangning

Female 20    Major: Software Engineering
Tel: +86 15659282558   Email: 471979617@qq.com
She loves drawing. She loves travelling. She loves smiling. She is looking for fun. She belives that the girl always smiling will have good luck.

Shi Lin

Male 19    Major: Chemical Engineering   Email: 741451752@qq.com
He is a boy who is both clever and hard-working. He loves swimming, American drama and singing. As the NO.1 in the faculty, he always devote his time to study in the library. And His favorite saying is, “You still have lots more to work on!” Chemistry and biology are his strong subjects, that’s why he comes to iGEM.

Tian Jiayi

Female 19    Major: Clinical Medicine
Tel: +86 18120758096   Email: 1361889517@qq.com
She like extreme limit sport like rock climbing, mountaineering. Let’s work together and make progress together!

Wang Feng

Male 19   Major: Chemistry
Tel: +86 18759836132   Email: 1329161160@qq.com
He is a boy with passion. He is trying to live in the moment passionately. Chemistry is one of his favourite subjects. But in the future, he wants to become a man with all-round quality. And now, he is on the way.

Wang Minning

Female 20   Major: Chemical Biology
Tel: +86 13600935275   Email: 545500205@qq.com
Interest: Swimming and drawing
Life was like a box of chocolates, you never know what you're gonna get.

Zhang Renyuan

Female 20   Major: Chemical Biology
Tel: +86 13599537371   Email: renyuan95@sina.com
As a soprano in the chorus, she is good at communicating and cooperating with others. Yet back in the lab, she can become concentrative and conscientious. This summer, she devoted herself to the experiments and Newsletter.

Zhang Zhe

Female 20   Major: Human Resource Management
Tel: +86 18120757569   Email: 357743396@qq.com
Interest: Travel, delicious food, bungee jumping and skiing
She is a bouncing girl.

Advisor

Huang Jianxing

Male 21    Major: Chemistry
Tel: +86 18020766009   Email: jx.huang.x@gmail.com
A Ph. D. candidate, as our Advisor, he give some advice for our team.

Jiang Wei

Male 28    Major: Chemical Biology
Tel: +86 18250877089   Email: tianya416@126.com
He is a doctoral student likes to explore new areas. You can find Wilbur Jiang on the way to the unknown. As our Advisor, he helps our experiments carried out more smoothly.

Instructor

Fang Baishan

Dr. Fang is the professor in College of Chemistry & Chemical Engineering at Xiamen University. In the group of biocatalysis and biotransformation, his research mainly focuses on synthetic biology, mining and the transformation of enzyme, construction of bio-molecular machiness. He has been our advisor for several years and his advice and equipment support are also helpful this year as ever.

Wu Li'na

Dr. Wu is an associate professor in College of Chemistry & Chemical Engineering. Her research mainly focuses on sensitive and selective bacterial detection using tetracysteine-tagged phages and proteomic analysis on the expression of outer membrane proteins. She give us suggestions on our BrainStorm, Design, Experience and Presentation. Thanks to Dr. Wu's continuous help and we can make our project better.

Chaoyong James Yang

Dr. Chaoyong James Yang is a professor in College of Chemistry & Chemical Engineering at Xiamen University. His research focuses on microfluidics, molecular recognitions, DNA self-assembly and early diagnosis of cancer. As our amiable old friend, we are lucky to have his kind support.

Wang Dai

Dr. Wang Dai is an associate professor in School of Public Health. He provided us with equipment for microfluidic experiments.He is a lovely associate professor of character, always adored by students for his special ideas. He added some creativity and great foresight to our team, which helped us a lot.

CONTACT US

Email: igemxmu@gmail.com

Website: 2015.igem.org/Team:Amoy

Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005