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

 
(41 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
    <meta charset="UTF-8">
+
 
    <title>TEAM</title>
+
<meta charset="UTF-8">
   
+
<title>TEAM</title>
        <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:Bootstrap?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:Bootstrap?action=raw&ctype=text/css">
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:header?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:vicstyle?action=raw&ctype=text/css">
        <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:vicstyle?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:jumpto?action=raw&ctype=text/css">
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:jumpto?action=raw&ctype=text/css">
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-2-1-4? action=raw&ctype=text/javascript"></script>
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:normalize?action=raw&ctype=text/css" />
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-scripts?action=raw&ctype=text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:default?action=raw&ctype=text/css"/>
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-jumpto?action=raw&ctype=text/javascript"></script>
    <link rel="stylesheet" href="https://2017.igem.org/Team:NJU-China/CSS:fm-revealator-jquery?action=raw&ctype=text/css"/>  
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NJU-China/CSS:loaderskit?action=raw&ctype=text/css">
 +
 
 
<style>
 
<style>
 +
.loader {
 +
                position: fixed;
 +
                left: 0px;
 +
                top: 0px;
 +
                width: 100%;
 +
                height: 100%;
 +
                z-index: 9999;
 +
                background: url('https://static.igem.org/mediawiki/2017/b/bd/NJU_China_iGEM_2017_loading.gif') 50% 50% no-repeat rgb(249, 249, 249);
 +
            }
 
#sideMenu,
 
#sideMenu,
 
#top_title{
 
#top_title{
Line 23: Line 34:
 
}
 
}
 
#top_menu_14{
 
#top_menu_14{
     height: 15px;
+
     height: 22px;
 
}
 
}
 
#top_menu_under{
 
#top_menu_under{
Line 32: Line 43:
 
}
 
}
 
#top_menu_inside{
 
#top_menu_inside{
padding-top:0;
+
padding-top:3;
font-size:3px;
+
font-size:13px;
margin-top:-3px;
+
 
}
 
}
 
#HQ_page p {
 
#HQ_page p {
 
     font-family: proxima-nova,"Arial",Helvetica,sans-serif;
 
     font-family: proxima-nova,"Arial",Helvetica,sans-serif;
     font-size: 17px;
+
     font-size: 19px;
 
     text-align: justify;
 
     text-align: justify;
 
}
 
}
Line 46: Line 56:
 
#globalWrapper{
 
#globalWrapper{
 
padding-bottom:0;
 
padding-bottom:0;
 +
font-size:19px;
 
}
 
}
 
a:visited{
 
a:visited{
Line 57: Line 68:
 
     font-weight: 400;
 
     font-weight: 400;
 
     line-height: 65px;
 
     line-height: 65px;
 +
    margin-right: 2em;
 
     text-align: center;
 
     text-align: center;
 
     max-width: 250px;
 
     max-width: 250px;
Line 64: Line 76:
 
     vertical-align: middle;
 
     vertical-align: middle;
 
     width: 100%;
 
     width: 100%;
    margin-left: 150px;
 
 
}
 
}
 
.set_1_btn:hover {
 
.set_1_btn:hover {
 
     text-decoration: none;
 
     text-decoration: none;
     color: red;
+
     color: #72261E;
    text-align: center;
+
 
}
 
}
 
.Vbtn-1 {
 
.Vbtn-1 {
 
     background:transparent;
 
     background:transparent;
text-align: center;  
+
    text-align: center;
 +
    float:left;
 
}
 
}
 
.Vbtn-1 svg {
 
.Vbtn-1 svg {
 
     height: 65px;
 
     height: 65px;
 +
    left: 0;
 
     position: absolute;
 
     position: absolute;
 
     top: 0;
 
     top: 0;
 
     width: 100%;
 
     width: 100%;
left: 0;
 
 
}
 
}
 
.Vbtn-1 rect {
 
.Vbtn-1 rect {
Line 88: Line 99:
 
     stroke-dasharray: 422, 0;
 
     stroke-dasharray: 422, 0;
 
     transition: all 600ms linear 0s;
 
     transition: all 600ms linear 0s;
 
 
}
 
}
 
.Vbtn-1:hover {
 
.Vbtn-1:hover {
Line 103: Line 113:
 
     transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
 
     transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
 
}
 
}
.teamMember {
+
.card {
     padding:0 36px;
+
     width: 400px;
     background-color:#494A5F;
+
     height: 520px;
 +
}
 +
 
 
      
 
      
     padding-top:15px;
+
 
 +
.front{
 +
     background: none;
 
}
 
}
#PI{
+
.back{
margin-top:-18px;
+
    background-color: #231914;
background-color:gray;
+
    width: 400px;
padding-bottom:25px;
+
    height: 520px;
}
+
    color: #fff;
.section:nth-child(2n+2) {
+
    line-height:150%;
     padding-bottom: 36px;
+
    font-size: 15px;
 +
    border:5px solid black;
 +
     font-family:proxima-nova,"Arial",Helvetica,sans-serif;
 
}
 
}
 +
.teamtop
 +
{
 +
display: table;
 +
width: 100%;
 +
height: 475px;
 +
background-image: url("https://static.igem.org/mediawiki/2017/e/e3/NJU_China_iGEM_2017_teamtop.jpg");
 +
background-attachment: fixed;
  
*[class^="revealator"] {
 
    height: 350px;
 
    width: 300px;
 
    border: 0px solid black;
 
    background-color: white;
 
    margin: 0 auto;
 
    overflow: hidden;
 
 
}
 
}
.revealator-zoomin{
 
    margin-bottom: 30px;
 
    margin-left: 30px;
 
}
 
 
.effect-2{max-height: 350px; min-height: 350px; overflow: hidden;}
 
.effect-2 h3{padding-top: 7px; line-height: 33px;}
 
.effect-2 .member-image{border-bottom: -87px solid #1fb554; height: 240px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
 
.effect-2 .member-info{transition: 0.4s;padding:5px 20px;}
 
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
 
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0px; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
 
.effect-2:hover .member-image{height: 120px; transition: 0.4s;}
 
 
.effect-3{max-height: 450px; min-height: 450px; overflow: hidden;}
 
.effect-3 h3{padding-top: 7px; line-height: 33px;}
 
.effect-3 .member-image{border-bottom: -87px solid #1fb554; height: 340px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
 
.effect-3 .member-info{transition: 0.4s;padding:5px 20px;}
 
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
 
.effect-3 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0px; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
 
.effect-3:hover .member-image{height: 120px; transition: 0.4s;}
 
 
 
</style>
 
</style>
     
 
<script>
 
        if ($('.firstHeading')) $('.firstHeading').remove();
 
</script>
 
 
</head>
 
</head>
 
<body>
 
<body>
 +
    <div id="wrapper">
 +
        <div class="overlay"></div>
 +
   
 +
      <!-- Sidebar -->
 +
        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
 +
            <ul class="nav sidebar-nav">
 +
                <li class="sidebar-brand">
 +
                    <a href="https://2017.igem.org/Team:NJU-China">
 +
                      NJU-CHINA
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="https://2017.igem.org/Team:NJU-China"><i class="fa fa-fw fa-home"></i> Home</a>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="https://2017.igem.org/Team:NJU-China/Project" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Project <span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Project">Project</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Project#Background">Description</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/InterLab">InterLab</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Results <span class="caret"></span></a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Results</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Conclusions</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Safety">Safety</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="https://2017.igem.org/Team:NJU-China/Basic_Part"><i class="fa fa-fw fa-plus"></i> Parts </a>
 +
                </li>
 +
                <li>
 +
                    <a href="https://2017.igem.org/Team:NJU-China/Model"><i class="fa fa-fw fa-plus"></i> Model </a>
 +
                </li>                               
 +
                <li class="dropdown">
 +
                  <a href="https://2017.igem.org/Team:NJU-China/Notebook" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Notebook <span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Notebook">Notebook</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Protocol">Protocol</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Notebook">Calendar</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                  <a href="https://2017.igem.org/Team:NJU-China/HP" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Human Practice <span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/HP">Human Practice</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/HP/Silver">Silver HP</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/HP/Gold_Integrated">Intergrated and Gold</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                  <a href="https://2017.igem.org/Team:NJU-China/Team" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> Team <span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li class="dropdown-header"><a href="https://2017.igem.org/Team:NJU-China/Team">Team</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Attributions">Attributions</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:NJU-China/Collaborations">Collaborations</a></li>
 +
                  </ul>
 +
                </li>                               
 +
            </ul>
 +
        </nav>
 +
        <!-- /#sidebar-wrapper -->
  
<!-- .header-wrapper start -->
+
       
<div id="mtoplink">
+
       
    <a href="#mtop"><img src="https://static.igem.org/mediawiki/2017/4/41/NJU_China_iGEM_2017_PROJECT_top.png" alt="top" id="topsec"></a>
+
        <!-- Page Content -->
</div>
+
        
<div id="mtop">
+
<div id="page-content-wrapper">
</div>
+
          <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
<div id="header-wrapper">
+
            <span class="hamb-top"></span>
    <!-- #header start -->
+
            <span class="hamb-middle"></span>
  <header id="header">
+
            <span class="hamb-bottom"></span>
       <!-- Main navigation and logo container -->
+
          </button>
        <div class="header-inner">
+
        <div class="teamtop">
            <!-- .container start -->
+
           
            <div class="container">
+
        </div>
                <!-- .main-nav start -->
+
        <div class="page_container">
                  <div class="main-nav">
+
        <div id="PI" class="third" style="padding: 50px 0;">
                    <!-- .row start -->
+
        <div id="page_edge3">
                        <div class="row">
+
        </div>
                                <div class="col-md-12">
+
            <h2>PI</h2>
                                    <!-- .navbar start -->
+
            <div class="container">
                                    <nav class="navbar navbar-default nav-left">                                   
+
                <div class="row" style="text-align: center;">
 
+
                    <div class="col-md-6" >
                                        <!-- .navbar-header start -->
+
                        <img src="https://static.igem.org/mediawiki/2017/e/ef/NJU_China_iGEM_2017_team_PI1.jpg" alt="" style="width: 500px;border:6px solid black;">
                                        <div class="navbar-header">
+
                        <br />
                                            <!-- .logo start -->
+
                    </div>
                                            <div class="logo">
+
                    <div class="col-md-6">
                                                <a href="https://2017.igem.org/Team:NJU-China">
+
                        <div>
                                                    <img src="https://static.igem.org/mediawiki/2017/d/d3/NJU_China_iGEM_2017_Home_logo.png" alt="NJU-CHINA">
+
                            <h2>Chenyu Zhang</h2>
                                                </a>
+
                            M.D. Ph.D. <br/>
                                            </div><!-- logo end -->
+
                            Professor of Biochemistry<br/>
                                        </div><!-- .navbar-header end -->
+
                            Director, Advanced Institute of Life Sciences<br/>
 
+
                             Vice-Chancellor, Nanjing University
                                        <!-- Collect the nav links, forms, and other content for toggling -->
+
                         </div>
                                        <div class="collapse navbar-collapse">
+
                     </div>
                                            <ul class="nav navbar-nav pi-nav">
+
                                                <li class="dropdown">
+
                                                    <a href="https://2017.igem.org/Team:NJU-China">Home</a>
+
                                                </li>
+
                                                <li class="dropdown">
+
                                                    <a href="https://2017.igem.org/Team:NJU-China/Project">Project</a>
+
                                                    <ul class="dropdown-menu">
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Project#Description">Description</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Project#Design">Design</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/InterLab">InterLab</a></li>
+
                                                    </ul>
+
                                                    <!-- .dropdown-menu end -->
+
                                                </li>
+
                                                <li class="dropdown">
+
                                                    <a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Results</a>
+
                                                    <ul class="dropdown-menu">
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Conclusions</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Demonstrate">Demonstrate</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Safety">Safety</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Improve">Improve</a></li>
+
                                                    </ul><!-- .dropdown-menu end -->
+
                                                </li>
+
                                                <li class="dropdown">
+
                                                    <a href="https://2017.igem.org/Team:NJU-China/Parts">Parts</a>  
+
                                                    <ul class="dropdown-menu">
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Parts">Parts</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Basic_Part">Basic Part</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Composite_Part">Composite PartS</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Part_Collection">Part Collection</a></li>
+
                                                    </ul><!-- .dropdown-menu end -->
+
                                                </li>                                               
+
                                                <li class="dropdown">
+
                                                    <a href="https://2017.igem.org/Team:NJU-China/Notebook">Notebook</a>
+
                                                    <ul class="dropdown-menu">
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Experiments">Experiments</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Experiments/Protocol">Protocol</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Notebook/Calendar">Calendar</a></li>
+
                                                    </ul><!-- .dropdown-menu end -->
+
                                                </li>
+
                                                <li class="dropdown">
+
                                                    <a href="https://2017.igem.org/Team:NJU-China/HP">Human Practice</a>
+
                                                    <ul class="dropdown-menu">
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/HP/Silver">Silver HP</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/HP/Gold_Integrated">Intergrated and Gold</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Engagement">Public Engagementr</a></li>
+
                                                    </ul><!-- .dropdown-menu end -->
+
                                                </li>
+
                                                <li class="current-menu-item dropdown">
+
                                                    <a href="https://2017.igem.org/Team:NJU-China/Team">Team</a>      <ul class="dropdown-menu">
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Team">Team</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Attributions">Attributions</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Collaborations">Collaborations</a></li>
+
                                                    </ul><!-- .dropdown-menu end -->
+
                                                </li>
+
                                            </ul><!-- .nav.navbar-nav.pi-nav end -->
+
 
+
                                            <!-- Responsive menu start -->
+
                                            <div id="dl-menu" class="dl-menuwrapper">
+
                                                <button class="dl-trigger">Open Menu</button>
+
 
+
                                                <ul class="dl-menu">
+
                                                    <li>
+
                                                        <a href="https://2017.igem.org/Team:NJU-China">Home</a>
+
                                                    </li>
+
 
+
                                                    <li>
+
                                                        <a href="https://2017.igem.org/Team:NJU-China/Project">Project</a>
+
                                                        <ul class="dl-submenu">
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Project#Description">Description</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Project#Design">Design</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/InterLab">InterLab</a></li>
+
                                                        </ul>
+
                                                    </li>
+
 
+
                                                    <li>
+
                                                        <a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Results</a>
+
                                                        <ul class="dl-submenu">
+
                                                            li><a href="https://2017.igem.org/Team:NJU-China/Results/Conclusions">Conclusions</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Demonstrate">Demonstrate</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Safety">Safety</a></li>
+
                                                        <li><a href="https://2017.igem.org/Team:NJU-China/Improve">Improve</a></li>
+
                                                        </ul>
+
                                                    </li>
+
 
+
                                                    <li>
+
                                                        <a href="https://2017.igem.org/Team:NJU-China/Parts">Parts</a>
+
                                                        <ul class="dl-submenu">
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Parts">Parts</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Basic_Part">Basic Part</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Composite_Part">Composite Parts</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Part_Collection">Part Collection</a></li>
+
                                                        </ul>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="https://2017.igem.org/Team:NJU-China/Notebook">Notebook</a>
+
                                                        <ul class="dl-submenu">
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Experiments">Experiments</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Experiments/Protocol">Protocol</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Notebook/Calendar">Calendar</a></li>
+
                                                        </ul>
+
                                                    </li>
+
                                                    <li>
+
                                                        <a href="https://2017.igem.org/Team:NJU-China/HP">Human Practice</a>
+
                                                        <ul class="dl-submenu">
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/HP/Silver">Silver HP</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/HP/Gold_Integrated">Intergrated and Gold</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Engagement">Public Engagementr</a></li>
+
                                                        </ul>
+
                                                    </li>
+
 
+
                                                    <li>
+
                                                        <a href="https://2017.igem.org/Team:NJU-China/Team">Team</a>
+
                                                        <ul class="dl-submenu">
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Team">Team</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Attributions">Attributions</a></li>
+
                                                            <li><a href="https://2017.igem.org/Team:NJU-China/Collaborations">Collaborations</a></li>
+
                                                        </ul>                                                       
+
                                                    </li><!-- Contact li end -->
+
 
+
                                                </ul><!-- .dl-menu end -->
+
                                            </div><!-- (Responsive menu) #dl-menu end -->
+
                                        </div><!-- .navbar.navbar-collapse end -->
+
                                    </nav><!-- .navbar end -->
+
                                </div><!-- .col-md-12 end -->
+
                             </div><!-- .row end -->           
+
                         </div><!-- .main-nav end -->
+
                     </div><!-- .container end -->
+
                </div><!-- .header-inner end -->
+
            </header><!-- #header end -->
+
</div>
+
<!-- .master-slider start -->
+
<div id="masterslider" >
+
    <!-- slide start -->
+
    <div class="ms-slide">
+
        <div class="intro">
+
            <div class="inner">
+
                <div class="titlebox">
+
                    <h1>TEAM</h1>
+
 
                 </div>
 
                 </div>
 +
                <div class="row" style="text-align: center;">
 +
                    <div class="col-md-6">
 +
                        <div>
 +
                            <h2>Xi Chen</h2>
 +
                            Professor of Biochemistry
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-6" >
 +
                        <img src="https://static.igem.org/mediawiki/2017/c/c2/NJU_China_iGEM_2017_team_PI2.jpg" alt="" style="width: 500px;border:6px solid black;">
 +
                        <br />
 +
                    </div>                       
 +
                </div>               
 
             </div>
 
             </div>
        </div>
+
            <h2>Instructors</h2>
    </div>
+
            <div class="container">
</div>
+
                <div class="row" style="text-align: center;">
 
+
                     <div class="col-md-6" >
<div class="team">
+
                        <img src="https://static.igem.org/mediawiki/2017/d/de/NJU_China_iGEM_2017_team_INTR.jpg" alt="" style="width: 500px;border:6px solid black;">
<div id="PI">
+
                        <br />
<h2 style="text-align:center;">
+
                    </div>
PI
+
                    <div class="col-md-6">
<hr style="height:1px;border:none;border-top:1px solid #555555;width:450px;margin:auto;margin-top:30px;" />
+
                        <div>
</h2>
+
                            <h2>Yu Zhou</h2>
<div style="text-align: center">
+
                            He founded the team and recruited the members. He allocated assignments to us everyone based on our strengths and interests. There is no doubt that his outstanding leadership ensured everything that needed to be done would get done.
                <div class="revealator-zoomin revealator-delay1" style="display: inline-block;width:400px;height:450px;margin-right:50px;">
+
                        </div>
                     <div class="single-member effect-3" style="max-height: 450px; min-height: 450px;">
+
                    </div>
            <div class="member-image">
+
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                </div>
+
                <div class="member-info" style="background-color:black;color:white;">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                    <div class="social-touch">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
 
                 </div>
 
                 </div>
                <div class="revealator-zoomin revealator-delay2" style="display: inline-block;width:400px;height:450px;">
+
            </div>                                  
                    <div class="single-member effect-3" style="max-height: 450px; min-height: 450px;">
+
            <h2>Advisors</h2>
            <div class="member-image">
+
            <div class="container">
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                <div class="row">
                </div>
+
                    <div class="col-md-6" >
                <div class="member-info" style="background-color:black;color:white;">
+
                        <div>
                <h3>Sophia</h3>
+
                            <h2>Xiuting Hu</h2>
                    <h5>ShowGilr</h5>
+
                            Third-year postgraduate student from Advanced Institution for Life Sciences of Nanjing University.
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                        </div>                      
                    <div class="social-touch">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
                </div>
+
  </div>
+
</div>
+
<div class="teamMember">
+
<h2 style="text-align:center;">
+
Team Members
+
<hr style="height:1px;border:none;border-top:1px solid #555555;width:450px;margin:auto;margin-top:30px;" />
+
</h2>
+
  
<div class="section">
+
                    </div>
            <div style="text-align: center">
+
                     <div class="col-md-6">
                <div class="revealator-zoomin revealator-delay1" style="display: inline-block;">
+
                        <img src="https://static.igem.org/mediawiki/2017/4/40/NJU_China_iGEM_2017_team_AD.jpg" alt="" style="width: 500px;border:6px solid black;">
                     <div class="single-member effect-2">
+
                        <br />                      
            <div class="member-image">
+
                    </div>                  
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                </div>
+
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                    <div class="social-touch">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
 
                 </div>
 
                 </div>
                 <div class="revealator-zoomin revealator-delay2" style="display: inline-block;">
+
                 <div class="row" style="text-align: center;">
                    <div class="single-member effect-2">
+
                    <div class="col-md-6">
            <div class="member-image">
+
                        <img src="https://static.igem.org/mediawiki/2017/b/b3/NJU_China_iGEM_2017_team_AD2.1.png" alt="" style="width: 500px;border:6px solid black;">
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                        <br />                      
                </div>
+
                    </div>
                <div class="member-info">
+
                    <div class="col-md-6" >
                <h3>Sophia</h3>
+
                        <div>
                    <h5>ShowGilr</h5>
+
                            <h2>Zhen Zhou</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                            PHD.
                    <div class="social-touch">
+
                        </div>                      
                    <a class="fb-touch" href="#"></a>
+
                    </div>
                        <a class="tweet-touch" href="#"></a>
+
                   
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
 
                 </div>
 
                 </div>
                <div class="revealator-zoomin revealator-delay3" style="display: inline-block;">
+
            </div>
                    <div class="single-member effect-2">
+
            <h2>Team Members</h2>
            <div class="member-image">
+
            <div class="container">
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                <div class="row" style="text-align:center;">
                </div>
+
                    <img src="https://static.igem.org/mediawiki/2017/1/1b/NJU_China_iGEM_2017_team_team.jpg" style="width:800px;border:6px solid black;">
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                    <div class="social-touch">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
 
                 </div>
 
                 </div>
                 <div class="revealator-zoomin revealator-delay4" style="display: inline-block;">
+
                 <div class="row">
                    <div class="single-member effect-2">
+
                <div class="col-md-4">
            <div class="member-image">
+
                    <div id="card" class="card">
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                        <div class="front">
                </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/6/62/NJU_China_iGEM_2017_team_team1.jpg" alt="" style="height: 484px;">
                <div class="member-info">
+
                        </div>
                <h3>Sophia</h3>
+
                        <div class="back" style="padding: 35px;">
                    <h5>ShowGilr</h5>
+
<h3 style="margin-top:-30px;">Yijun Gui</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                            Hi iGEMers! I’m Yijun From Nanjing University, a senior student majoring in Life Sciences. So glad to join our NJU-China family and the past few months we spent together were really memorable and meaningful to me. In our team, I contributed mostly to some experiments and human practice. And I’m also one of the presenters to illustrate our project at the Giant Jamboree in iGEM2017. iGEM really provided me with a good opportunity to communicate and share ideas with outstanding peers without border. And now I’m prepared for the jamboree fun !
                    <div class="social-touch">
+
                        </div>                   
                    <a class="fb-touch" href="#"></a>
+
                    </div>
                        <a class="tweet-touch" href="#"></a>
+
                </div>
                        <a class="linkedin-touch" href="#"></a>
+
                <div class="col-md-4">
                    </div>
+
                    <div id="card" class="card">
                </div>
+
                        <div class="front">
            </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/e/ea/NJU_China_iGEM_2017_team_team2.jpg" alt="" style="height: 484px;">
 +
                        </div>
 +
                        <div class="back" style="padding: 35px;">
 +
<h3 style="margin-top:-30px;">Qi Luo</h3>
 +
                            Hello! I’m LQ from NJU-China. Love music especially Rock&Roll and Beatles. Compared to that, less into bio-lab work hah hah…… Anyway, glad to be in this team and have learned sooooo much in iGEM these days!
 +
                        </div>                    
 +
                    </div>
 +
                </div>                
 +
                <div class="col-md-4">
 +
                    <div id="card" class="card">
 +
                        <div class="front">
 +
                            <img src="https://static.igem.org/mediawiki/2017/4/4d/NJU_China_iGEM_2017_team_team3.png" alt="" style="height: 484px;">
 +
                        </div>
 +
                        <div class="back" style="padding: 35px;">
 +
<h3 style="margin-top:-30px;">Chenxi Liang</h3>
 +
                          We are in great need of finding the exact same guy in this picture. He is about this high, rather skinny. He easily gets interested in many things but has no personality and speciality. If you find this person, first, calm down, this man is easy to approach and he does no harm to the society(most likely). Second, give whatever you have, money, food, etc. Third, just leave. We'd really appreciate your cooperation.
 +
                        </div>                    
 +
                    </div>
 +
                </div>                                
 
                 </div>
 
                 </div>
                 <div class="revealator-zoomin revealator-delay5" style="display: inline-block;">
+
                 <div class="row">
                    <div class="single-member effect-2">
+
                <div class="col-md-4">
            <div class="member-image">
+
                    <div id="card" class="card">
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                        <div class="front">
                </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/b/b6/NJU_China_iGEM_2017_team_team4.png" alt="" style="height: 484px;">
                <div class="member-info">
+
                        </div>
                <h3>Sophia</h3>
+
 
                    <h5>ShowGilr</h5>
+
                        <div class="back" style="padding: 35px;">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
<h3 style="margin-top:-30px;">Hengxin Liu</h3>
                    <div class="social-touch">
+
                            Hi iGEMers! I’m Hengxin From Nanjing University. Very happy to join our NJU-China family. In our team, I am mainly responsible for wiki-design and modeling. That is not very easy so I got well trained. Looking forward to the jamboree!
                    <a class="fb-touch" href="#"></a>
+
                        </div>                   
                        <a class="tweet-touch" href="#"></a>
+
                    </div>
                        <a class="linkedin-touch" href="#"></a>
+
                </div>
                    </div>
+
                <div class="col-md-4">
                </div>
+
                    <div id="card" class="card">
            </div>
+
                        <div class="front">
 +
                            <img src="https://static.igem.org/mediawiki/2017/6/6b/NJU_China_iGEM_2017_team_team5.png" alt="" style="height: 484px;">
 +
                        </div>
 +
                        <div class="back" style="padding: 35px;">
 +
<h3 style="margin-top:-30px;">Jincheng Wu</h3>
 +
                            Why do I join igem?  well, to keep myself busy and for fun, I’m full of energy, I need to release them, or I’ll blow up. In NJU CHINA, I mainly participated in lab work such as interlab, validation both in vivo and in vitro. Besides, I also took part in Human practice. After this year’s igem experience, my major research interest turned from confusion to synthetic biology, but still, I would start with molecular biology for my further research. By the way, I like playing basketball and my favorite player is KOOOOOBE
 +
                        </div>                    
 +
                    </div>
 +
                </div>                
 +
                <div class="col-md-4">
 +
                    <div id="card" class="card">
 +
                        <div class="front">
 +
                            <img src="https://static.igem.org/mediawiki/2017/5/51/NJU_China_iGEM_2017_team_team6.png" alt="" style="height: 484px;">
 +
                        </div>
 +
                        <div class="back" style="padding: 35px;">
 +
<h3 style="margin-top:-30px;">Xuedi Sun</h3>
 +
                          Hi, my name is Xuedi Sun, a senior student of the school of life science in Nanjing University. In our team, I mainly participated in lab works ,such as Western blots, PCR and so on. During this time, we share ideas each other, discuss and solve problems together. It’s a great opportunity to improve my experimental skills and I have gained so much. Thanks, my team and wish we could have a wonderful time in Boston.                        </div>                    
 +
                    </div>
 +
                </div>                                
 
                 </div>
 
                 </div>
                 <div class="revealator-zoomin revealator-delay6" style="display: inline-block;">
+
                 <div class="row">
                    <div class="single-member effect-2">
+
                <div class="col-md-4">
            <div class="member-image">
+
                    <div id="card" class="card">
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                        <div class="front">
                </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/1/17/NJU_China_iGEM_2017_team_team7.png" alt="" style="height: 484px;">
                <div class="member-info">
+
                        </div>
                <h3>Sophia</h3>
+
                        <div class="back" style="padding: 35px;">
                    <h5>ShowGilr</h5>
+
<h3 style="margin-top:-30px;">Kaiming Li</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                            I am Kaiming Li, a junior student from School of Life Sciences, Nanjing University. My current research interests are in the field of molecular cell biology. It is the first time for me to discover synthetic biology and take part in iGEM. iGEM provides me with the opportunity to manage a whole research project and practice my experimental skills with a group of enthusiastic contemporaries. In addition to lab works, I enjoy reading papers, listening to classical music and doing sports in my spare time.
                    <div class="social-touch">
+
                            Feel free to contact me by sending email to Leon1km@outlook.com!
                    <a class="fb-touch" href="#"></a>
+
 
                        <a class="tweet-touch" href="#"></a>
+
                        </div>                   
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
                    </div>
+
                </div>
                </div>
+
                <div class="col-md-4">
            </div>
+
                    <div id="card" class="card">
 +
                        <div class="front">
 +
                            <img src="https://static.igem.org/mediawiki/2017/8/8b/NJU_China_iGEM_2017_team_team8.png" alt="" style="height: 484px;">
 +
                        </div>
 +
                        <div class="back" style="padding: 35px;">
 +
<h3 style="margin-top:-30px;">Zhihui Zhang</h3>
 +
                            Zhihui Zhang<br/>
 +
                            Female<br/>
 +
                            19<br/>
 +
                            Nanjing university<br/>
 +
                            I am trying to introduce myself to you.
 +
                        </div>                    
 +
                    </div>
 +
                </div>               
 +
                <div class="col-md-4">
 +
                    <div id="card" class="card">
 +
                        <div class="front">
 +
                            <div style="padding: 230px 35px;width: 350px;height: 484px;text-align: center;vertical-align:middle;">
 +
                                <h3 style="margin: auto;">Thanks for reading</h3>
 +
                            </div>
 +
                        </div>
 +
                        <div class="back" style="padding: 230px 35px;background: none;width: 350px;height: 484px;text-align: center;vertical-align:middle;border:0px solid">
 +
                          <h3>Our main page: <a href="https://2017.igem.org/Team:NJU-China">NJU-China</a></h3>
 +
                        </div>                    
 +
                    </div>
 +
                </div>                                
 
                 </div>
 
                 </div>
                 <div class="revealator-zoomin revealator-delay7" style="display: inline-block;">
+
                 </div>                                      
                    <div class="single-member effect-2">
+
            <div class="member-image">
+
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                </div>
+
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                    <div class="social-touch">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
                </div>
+
                <div class="revealator-zoomin revealator-delay8" style="display: inline-block;">
+
                    <div class="single-member effect-2">
+
            <div class="member-image">
+
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
+
                </div>
+
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                    <div class="social-touch">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
                </div>
+
            </div>
+
 
         </div>
 
         </div>
</div>
+
    </div>
</div>
+
  <div id="NJU-CHINA" class="foot" style="padding: 10px 0;background-color: black;color: white;">  
<div id="Demonstrate" style="background-color: black;color: white;border-top: 0.1px white solid; ">
+
            <div class="container">
        <div class="container">
+
                <section>
             <div class="row" style="text-align: center;">
+
             </section>
                <div class="col-sm-6 col-md-6">
+
                <div class="row">
                    <h2 style="color: white;font-size: 25px;padding: 175px 0 50px 0px;font-family: 'Microsoft YaHei';letter-spacing: 1.5px;">ATTRIBUTIONS</h2>
+
                    <div class="col-sm-6 col-md-6">
                     <a href=https://2017.igem.org/Team:NJU-China/Demonstrate" class="set_1_btn Vbtn-1" style="padding-bottom: 150px;"> <svg>
+
                        <a href="https://2017.igem.org/Team:NJU-China/Attributions" class="set_1_btn Vbtn-1" style="float: right;;margin: 10px 150px 0;"> <svg>
                    <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
+
                        <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
                    </svg> READ MORE </a>                     
+
                        </svg> ATTRIBUTIONS </a>
 +
                     </div>
 +
                    <div class="col-sm-6 col-md-6">
 +
                        <a href="https://2017.igem.org/Team:NJU-China/Collaborations" class="set_1_btn Vbtn-1" style="float: right;;margin: 10px 150px 0;"> <svg>
 +
                        <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
 +
                        </svg> COLABORATIONS </a>  
 +
                     </div>
 
                 </div>
 
                 </div>
                <div class="col-sm-6 col-md-6">
+
            </div>      
                    <h2 style="color: white;font-size: 25px;padding: 175px 0 50px 0px;font-family: 'Microsoft YaHei';letter-spacing: 1.5px;">COLLABORATION</h2>
+
    </div>
                    <a href=https://2017.igem.org/Team:NJU-China/Demonstrate" class="set_1_btn Vbtn-1" style="padding-bottom: 150px;"> <svg>
+
 
                    <rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
+
                    </svg> READ MORE </a>                   
+
                </div>                          
+
            </div>
+
        </div>
+
 
</div>
 
</div>
<div id="footer-wrapper" style="background-color: #181818;padding-top: 50px;">
+
<!--page-->
    <div class="container">
+
        <div class="row">
+
            <div class="col-sm-4 col-md-4">
+
                <img src="https://static.igem.org/mediawiki/2017/d/d3/NJU_China_iGEM_2017_Home_logo.png" alt="" style="float: left;">
+
                <div style="background-color: gray;height: 70px;width:10px;float: left;margin-left: 15px;">
+
            </div>               
+
            </div>           
+
            <div class="col-sm-8 col-md-8">
+
                <img src="https://static.igem.org/mediawiki/2017/6/6b/NJU_China_iGEM_2017_Home_acknowledgement1.png" alt="" width="100%">
+
                <img src="https://static.igem.org/mediawiki/2017/0/00/NJU_China_iGEM_2017_Home_acknowledgement2.png" alt="" width="100%">
+
            </div>
+
        </div>
+
 
</div>
 
</div>
  <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-2-1-4?  action=raw&ctype=text/javascript"></script>
+
    <!-- /#wrapper -->
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:bootstrap?action=raw&ctype=text/javascript"></script>
+
   
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-scripts?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-1110-min?action=raw&ctype=text/javascript" type="text/javascript"></script>
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:masterslider?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2017.igem.org/Team:NJU-China/Javascript:bootstrap-min-js?action=raw&ctype=text/javascript" type="text/javascript"></script>
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-easing?action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript">
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-magnific-popup?action=raw&ctype=text/javascript"></script>
+
         $(document).ready(function () {
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:owl-carousel?action=raw&ctype=text/javascript"></script>
+
          var trigger = $('.hamburger'),
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-dlmenu?action=raw&ctype=text/javascript"></script>
+
              overlay = $('.overlay'),
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:include?action=raw&ctype=text/javascript"></script>
+
            isClosed = false;
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:instagram-stream?action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:TweenMax?action=raw&ctype=text/javascript"></script>
+
         <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:ScrollToPlugin?action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-jumpto?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-ba-bbq?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:NJU-China/Javascript:jquery-smooth-scroll?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Team:NJU-China/Javascript:fm-revealator-jquery?action=raw&ctype=text/javascript"></script>
+
<script>
+
    jQuery(document).ready(function ($) {
+
                'use strict';
+
                // MASTER SLIDER START
+
                var slider = new MasterSlider();
+
                slider.setup('masterslider', {
+
                    width: 1920, // slider standard width
+
                    height: 1080, // slider standard height
+
                    space: 0,
+
                    layout: "fullwidth",
+
                    speed: 50,
+
                    centerControls: false,
+
                    loop: false,
+
                    autoplay: false,
+
                    parallaxMode: "mouse"
+
                            // more slider options goes here...
+
                            // check slider options section in documentation for more options.
+
                });
+
                // adds Arrows navigation control to the slider.
+
                MSScrollParallax.setup(slider, 50, 80, true);
+
 
+
                //GALLERY LIGHTBOX
+
                $('.triggerZoom').magnificPopup({
+
                    type: 'image',
+
                    gallery: {
+
                        enabled: true
+
                    }
+
                });
+
  
                // EVENTS CAROUSEL START
+
            trigger.click(function () {
                var owl = $("#events-carousel");
+
              hamburger_cross();     
 +
            });
  
                owl.owlCarousel({
+
            function hamburger_cross() {
                    singleItem: true,
+
                    pagination: true,
+
                    autoPlay: true
+
                });
+
  
                 // INSTAGRAM STREAM START
+
              if (isClosed == true) {         
                 $('.instagram-stream').instagramstream({
+
                 overlay.hide();
                    limit: 22, // number of images to fetch
+
                 trigger.removeClass('is-open');
                    username: 'NJU-CHINA', // your username
+
                trigger.addClass('is-closed');
                    overlay: true, // add overlay layer of hover effect
+
                isClosed = false;
                    textContainer: '.is-text', // default: '.is-text', pass jQuery object or selector
+
              } else { 
                    textPosition: '10', // place that at this position
+
                overlay.show();
                    textSize: '4', // size of text e.g. 1 - has size like one image; 2 - has size of two images etc.
+
                trigger.removeClass('is-closed');
                    accessToken: '3315219258.4b0afec.8788057cf36948e98d27353bee5a77d9'
+
                trigger.addClass('is-open');
                 });
+
                isClosed = true;
               
+
              }
    });
+
          }
</script>  
+
         
 +
          $('[data-toggle="offcanvas"]').click(function () {
 +
                $('#wrapper').toggleClass('toggled');
 +
          }); 
 +
        });
 +
    </script>
 +
    <div class="loader"></div>
 +
        <script type="text/javascript">
 +
            $(window).load(function() {
 +
                $(".loader").fadeOut("slow");
 +
            })
 +
        </script>
 +
            <script src="https://2017.igem.org/Team:NJU-China/Javascript:flip?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript">
 +
        $(function(){
 +
              $(".card").flip({
 +
                 trigger: "hover"
 +
              });
 +
            });
 +
    </script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:27, 2 November 2017

TEAM

PI


Chenyu Zhang

M.D. Ph.D.
Professor of Biochemistry
Director, Advanced Institute of Life Sciences
Vice-Chancellor, Nanjing University

Xi Chen

Professor of Biochemistry

Instructors


Yu Zhou

He founded the team and recruited the members. He allocated assignments to us everyone based on our strengths and interests. There is no doubt that his outstanding leadership ensured everything that needed to be done would get done.

Advisors

Xiuting Hu

Third-year postgraduate student from Advanced Institution for Life Sciences of Nanjing University.


Zhen Zhou

PHD.

Team Members

Yijun Gui

Hi iGEMers! I’m Yijun From Nanjing University, a senior student majoring in Life Sciences. So glad to join our NJU-China family and the past few months we spent together were really memorable and meaningful to me. In our team, I contributed mostly to some experiments and human practice. And I’m also one of the presenters to illustrate our project at the Giant Jamboree in iGEM2017. iGEM really provided me with a good opportunity to communicate and share ideas with outstanding peers without border. And now I’m prepared for the jamboree fun !

Qi Luo

Hello! I’m LQ from NJU-China. Love music especially Rock&Roll and Beatles. Compared to that, less into bio-lab work hah hah…… Anyway, glad to be in this team and have learned sooooo much in iGEM these days!

Chenxi Liang

We are in great need of finding the exact same guy in this picture. He is about this high, rather skinny. He easily gets interested in many things but has no personality and speciality. If you find this person, first, calm down, this man is easy to approach and he does no harm to the society(most likely). Second, give whatever you have, money, food, etc. Third, just leave. We'd really appreciate your cooperation.

Hengxin Liu

Hi iGEMers! I’m Hengxin From Nanjing University. Very happy to join our NJU-China family. In our team, I am mainly responsible for wiki-design and modeling. That is not very easy so I got well trained. Looking forward to the jamboree!

Jincheng Wu

Why do I join igem? well, to keep myself busy and for fun, I’m full of energy, I need to release them, or I’ll blow up. In NJU CHINA, I mainly participated in lab work such as interlab, validation both in vivo and in vitro. Besides, I also took part in Human practice. After this year’s igem experience, my major research interest turned from confusion to synthetic biology, but still, I would start with molecular biology for my further research. By the way, I like playing basketball and my favorite player is KOOOOOBE

Xuedi Sun

Hi, my name is Xuedi Sun, a senior student of the school of life science in Nanjing University. In our team, I mainly participated in lab works ,such as Western blots, PCR and so on. During this time, we share ideas each other, discuss and solve problems together. It’s a great opportunity to improve my experimental skills and I have gained so much. Thanks, my team and wish we could have a wonderful time in Boston.

Kaiming Li

I am Kaiming Li, a junior student from School of Life Sciences, Nanjing University. My current research interests are in the field of molecular cell biology. It is the first time for me to discover synthetic biology and take part in iGEM. iGEM provides me with the opportunity to manage a whole research project and practice my experimental skills with a group of enthusiastic contemporaries. In addition to lab works, I enjoy reading papers, listening to classical music and doing sports in my spare time. Feel free to contact me by sending email to Leon1km@outlook.com!

Zhihui Zhang

Zhihui Zhang
Female
19
Nanjing university
I am trying to introduce myself to you.

Thanks for reading

Our main page: NJU-China