Team:OUC-China/Team Instructor

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
<html>
<html>
-
<link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
+
    <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" />
     <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
     <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" />
     <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/bootstrap.js?action=raw&ctype=text/javascript"></script>
-
<style>
+
    <style>
-
.member > img {
+
        body {
 +
            background-color: #609fd2;
 +
            background-repeat: repeat;
 +
            background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
 +
            position: relative;
 +
        }
 +
        header {
 +
            background-color: #609fd2;
 +
        }
 +
        header > div {
 +
            margin: 0 auto;
 +
            margin-bottom: 0 !important;
 +
            width: 778px;
 +
        }
 +
        .member > img {
             width: 250px;
             width: 250px;
             height: 250px;
             height: 250px;
Line 13: Line 27:
             display: inline-block;
             display: inline-block;
             margin: 20px;
             margin: 20px;
 +
            position: inherit;
         }
         }
         .member > div {
         .member > div {
Line 21: Line 36:
             text-align: right;
             text-align: right;
         }
         }
-
@charset "utf-8";
+
        .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
-
/* CSS Document */
+
            color: #ffffff !important;
-
body, div, p, ul, li, h1, h2, h3, h4, h5, h6 {
+
            font-size: 20px;
-
margin: 0px;
+
        }
-
padding: 0px;
+
        .popover {
-
font-family: "微软雅黑";
+
            z-index: 1 !important;
-
}
+
        }
-
body{
+
        .affix{
-
    min-width:1350px;
+
            position: fixed;
-
}
+
            top: 0;
-
ul, ol {
+
        }
-
list-style: none;
+
        .affix-top{
-
}
+
            position: absolute;
-
img {
+
            top: 286px;
-
display: block;
+
        }
-
position: absolute;
+
        .affix a:hover, .affix-top a:hover, .affix li.active, .affix-top li.active, .affix li.active a, .affix-top li.active a {
-
}
+
            background-color: #d2e9fd !important;
-
a {
+
            color: #000000 !important;
-
color: inherit;
+
        }
-
text-decoration: none;
+
        #childNavigator .nav {
-
}
+
            margin-left: 0!important;
-
 
+
        }
-
.header {
+
        #childNavigator > .nav > li > a {
-
height: 240px;
+
            font-size: 16px;
-
width: 100%;
+
        }
-
background: rgb(210,233,253);
+
        #childNavigator > .nav > li > .nav > li > a {
-
position: relative;
+
            padding-left: 20%;
-
}
+
            font-size: 14px;
-
.header .igemLogo {
+
        }  
-
top: 27px;
+
        .topSection {
-
left: 66px;
+
            height: 240px;
-
transition: 0.3s;
+
            padding-top: 10px;
-
-moz-transition: 0.3s;
+
            background-color: rgb(210,233,253);
-
-o-transition: 0.3s;
+
            margin-top: -11px;
-
-webkit-transition: 0.3s;
+
        }
-
}
+
        .topSection .igemLogo {
-
.header .igemLogo:hover {
+
            position:absolute;
-
transform: rotate(360deg);
+
            top: 10px;
-
-moz-transform: rotate(360deg);
+
            left: 10px;
-
-ms-transform: rotate(360deg);
+
        }
-
-o-transform: rotate(360deg);
+
        .topSection .waveUp {
-
-webkit-transform: rotate(360deg);
+
            margin-top: -10px;
-
}
+
            width: 100%;
-
.header .waveUp {
+
            height: 110px;
-
position: absolute;
+
            background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
-
bottom: 0px;
+
            z-index: 0;
-
width: 100%;
+
        }
-
height: 110px;
+
        .topSection .waveDown {
-
background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
+
            margin-top: -70px;
-
}
+
            width: 100%;
-
.header .waveDown {
+
            height: 70px;
-
position: absolute;
+
            background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
-
bottom: 0px;
+
            z-index: 2;
-
width: 100%;
+
            position: relative;
-
height: 70px;
+
        }
-
background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
+
        .topSection .leftPlas {
-
z-index: 1;
+
            display: block;
-
}
+
            position: absolute;
-
.header .objLeft {
+
            top: 26px;
-
left: 211px;
+
            z-index: 1;
-
top: 26px;
+
            left: 211px;
-
z-index: 0;
+
            -webkit-transition: all ease 0.5s;
-
}
+
            -moz-transition: all ease 0.5s;
-
.header .objRight {
+
            -ms-transition: all ease 0.5s;
-
right: 230px;
+
            transition: all ease 0.5s;
-
top: 28px;
+
        }
-
transition: 0.5s;
+
        .topSection .leftPlas:hover {
-
-webkit-transition: 0.5s;
+
            margin-top: -5px;
-
z-index: 0;
+
        }
-
}
+
        .topSection .rightPlas {
-
.header .objRight:hover {
+
            display: block;
-
margin-top: 10px;
+
            position: absolute;
-
}
+
            top: 26px;
-
.header .nav {
+
            z-index: 1;
-
top: 200px;
+
            right: 211px;
-
z-index: 2;
+
        }
-
}
+
    </style>
-
.header .nav ul{ width:800px; margin:auto;}
+
    <script>
-
.main {
+
-
width: 100%;
+
-
background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
+
-
background-color: rgb(96,159,210);
+
-
position:relative;
+
-
}
+
-
.main .mainBox {
+
-
width: 1024px;
+
-
height: 1000px;
+
-
background: rgb(114,187,227);
+
-
margin: 0 auto;
+
-
}
+
-
.main .menu{
+
-
position: absolute;
+
-
top: 0px;
+
-
}
+
-
.main dt,.main dd{
+
-
    border:1px dashed #000;
+
-
color:#006CD9;
+
-
background:#FAFAFA;
+
-
height:30px;
+
-
line-height:30px;
+
-
text-align:center;
+
-
}
+
-
.footer {
+
-
width: 100%;
+
-
height: 100px;
+
-
background: rgb(39,119,183);
+
-
}
+
-
.footer #top {
+
-
height: 150px;
+
-
position: fixed;
+
-
bottom: 30px;
+
-
right: 30px;
+
-
z-index: 1000;
+
-
transition: 0.5s;
+
-
}
+
-
.footer #top:hover {
+
-
transform: rotate(180deg);
+
-
-moz-transform: rotate(180deg);
+
-
-ms-transform: rotate(180deg);
+
-
-o-transform: rotate(180deg);
+
-
-webkit-transform: rotate(180deg);
+
-
}
+
-
@charset "utf-8";
+
-
/* CSS Document */
+
-
.nav {
+
-
position:relative;
+
-
}
+
-
.nav li {
+
-
padding: 0 8px;
+
-
float: left;
+
-
position: relative;
+
-
min-width: 80px;
+
-
height: 40px;
+
-
color: rgb(60,60,60);
+
-
font-size: 24px;
+
-
line-height: 40px;
+
-
text-align: center;
+
-
transition: 0.3s;
+
-
-moz-transition: 0.3s;
+
-
-o-transition: 0.3s;
+
-
-webkit-transition: 0.3s;
+
-
}
+
-
.nav li:hover {
+
-
background: rgb(146,205,253);
+
-
color: #fff;
+
-
}
+
-
.nav .pMenu ul {
+
-
display: none;
+
-
position: absolute;
+
-
top: 100%;
+
-
left: 0px;
+
-
overflow: hidden;
+
-
border-bottom-left-radius: 6px;
+
-
border-bottom-right-radius: 6px;
+
-
}
+
-
.nav .pMenu ul li {
+
-
min-width: 220px;
+
-
background: rgb(146,205,253);
+
-
color: #fff;
+
-
transition: 0.4s;
+
-
-moz-transition: 0.4s;
+
-
-o-transition: 0.4s;
+
-
-webkit-transition: 0.4s;
+
-
}
+
-
.nav .pMenu ul li:hover {
+
-
background: rgb(98,175,243);
+
-
}
+
-
#stt{ width:230px;  font-size:12px;}
+
-
dl{ line-height:25px;border-bottom:#999 1px dashed;}
+
-
</style>
+
-
<script>
+
         if ($('.firstHeading')) $('.firstHeading').remove();
         if ($('.firstHeading')) $('.firstHeading').remove();
-
        $('#top-section').css({ 'position': 'relative' });
 
     </script>
     </script>
-
<div class = "header"> <img class = "igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
+
<div class="topSection">
-
  <div class = "waveUp"></div>
+
        <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
-
  <div class = "waveDown"></div>
+
        <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
-
  <div style="margin:auto; width:500px;"><img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" ></div> <img id = "objLeft" class = "objLeft" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"><img class = "objRight" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png">
+
        <div class="waveUp"></div>
-
  <div class = "nav">
+
        <div class="waveDown"></div>
-
    <ul>
+
        <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" />
-
      <li>HOME</li>
+
        <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" />
-
      <li class = "pMenu">TEAM
+
    </div>
-
        <ul>
+
    <header>
-
          <li><a href="#">team members</a></li>
+
        <div class="navbar navbar-inverse">
-
          <li><a href="#">instructor</a></li>
+
            <div class="navbar-collapse collapse navbar-inverse-collapse">
-
          <li><a href="#">Acknowledgement</a></li>
+
                <ul class="nav navbar-nav">
-
        </ul>
+
                    <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
-
      </li>
+
                    <li class="dropdown active">
-
      <li>PROJECT</li>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
-
      <li>JUDING</li>
+
                        <ul class="dropdown-menu">
-
      <li>SAFETY</li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
-
      <li>NOTEBOOK</li>
+
                            <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
-
    </ul>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
-
    <script>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
-
  var originalLeft = $("#objLeft").offset().left;
+
                            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li>
-
  $("#objLeft").hover(function(){
+
                        </ul>
-
if($("#objLeft").offset().left == originalLeft) $(this).animate({marginTop:'10px'});
+
                    </li>
-
  },function(){
+
                    <li class="dropdown">
-
    $(this).animate({marginTop:'0px'});
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
-
  });
+
                        <ul class="dropdown-menu">
-
  $(".nav>ul li").mouseover(function(){
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
-
if($(this).offset().left < $("#objLeft").offset().left) document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
-
else document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
-
$("#objLeft").stop(false).animate({left:$(this).offset().left-50},800);
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
-
  });
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
-
  $(".nav>ul").mouseout(function(){
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
-
document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practice</a></li>
-
$("#objLeft").stop(false).animate({left:originalLeft},800,function(){
+
                        </ul>
-
  document.getElementById("objLeft").src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
+
                    </li>
-
});
+
                    <li class="dropdown">
-
  });
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
-
    </script>
+
                        <ul class="dropdown-menu">
-
  </div>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
-
  <script>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievement</a></li>
-
  // JavaScript Document
+
                        </ul>
-
$(".pMenu").mouseover(function(){
+
                    </li>
-
  $(this).find("ul").slideDown();
+
                    <li class="dropdown">
-
});
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
-
$(".pMenu").mouseleave(function(){
+
                        <ul class="dropdown-menu">
-
  $(this).find("ul").slideUp(function(){
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Biosafety</a></li>
-
    $(this).clearQueue();
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Labsafety</a></li>
-
  });
+
                        </ul>
-
});
+
                    </li>
-
  </script>  
+
                  <li class="dropdown">
-
</div>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
-
<div class = "main">
+
                        <ul class="dropdown-menu">
-
  <div class = "mainBox">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook">Lab note</a></li>
-
<div class="member">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Modeling_Note">Modeling note</a></li>
-
            <img src="content/bg.png" style="margin-top:-130px" />
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Protocols">Protocols</a></li>
-
            <div class="popover right" style="margin-top:80px">
+
                        </ul>
-
                <div class="arrow"></div>
+
                     </li>
-
                <h3 class="popover-title">Jiang Ming</h3>
+
                 </ul>
-
                <div class="popover-content">
+
-
                    <p>Major: Ecology</p>
+
-
                    <p>
+
-
                        He is the team leader and he is responsible for the contact with teachers and some wet experiment in our team. He together with Shi Miao, designed and constructed the lysis devices.
+
-
                        Feelings: "You're always optimistic," said Shi Miao, "even excessively." And now he is dreaming of utilizing the strategy of synthetic biology to create an engineering ecosystem composed of "ecobricks".
+
-
                     </p>
+
-
                 </div>
+
             </div>
             </div>
         </div>
         </div>
-
         <div class="member">
+
         <script>
-
        <img src="content/bg.png" style="margin-top:-230px" />
+
            var leftPlas = $(".topSection .leftPlas");
-
             <div class="popover right">
+
            var originalLeft = leftPlas.offset().left;
-
                 <div class="arrow"></div>
+
            $("header .nav > li").mouseover(function () {
-
                <h3 class="popover-title">Xu Guang</h3>
+
                if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
-
                <div class="popover-content">
+
                else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
-
                    <p>Major: Biotechnology</p>
+
                leftPlas.css({ left: $(this).offset().left - 50 });
-
                    <p>
+
            }).mouseout(function () {
-
                        He is the other team leader, and he played an important role in promoting the progress of project and did many works to help the designers of molecular experimental about double plasmid system. I am in charge of time arrangement wiki、presentation and poster.
+
                leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
-
                    </p>
+
                leftPlas.css({ left: originalLeft });
-
                    <p>
+
                setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
-
                        Feelings: In the past few months, I have gained much more synthetic biology knowledge and lab skill. So far, joining iGEM is the most exciting thing in my college life. I enjoy this wonderful time. I truly look forward to share our group project with iGEMers around the world.
+
             });
-
                    </p>
+
        </script>
-
                    <p>
+
    </header>
-
                        Hobbies: Play basketball,Travel,Play game DOTA2 ,Cook.
+
    <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
-
                    </p>
+
        <style>
-
                </div>
+
            #mainContent img {
-
            </div>
+
                 border: 5px solid #609fd2;
 +
                margin: 5px 5px 5px 0;
 +
            }
 +
        </style>
 +
        <h1 class="text-primary">Instructor</h1>
 +
        <img src="https://static.igem.org/mediawiki/2014/1/19/OUC-China_Member_ZhangXiaohua.jpg" style="display:inline-block" />
 +
        <div style="display:inline-block ">
 +
            <h2>Zhang Xiaohua</h2>
 +
            <p class="text-success">E-mail: xhzhang@ouc.edu.cn</p>
 +
            <p class="text-primary">Academic title: Professor, Doctoral supervisor</p>
 +
            <p>Research interest: Marine microbiology, pathogenic microbes in sea-breeding animal</p>
         </div>
         </div>
-
         <div class="member memberight">
+
         <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_YangGuanpin.JPG" style="display:inline-block" />
-
            <div class="popover left" style="margin-top:20px">
+
        <div style="display:inline-block ">
-
                <div class="arrow"></div>
+
            <h2>Yang Guanpin</h2>
-
                <h3 class="popover-title">HU Tianli</h3>
+
            <p class="text-success">E-mail: yguanpin@mail.ouc.edu.cn</p>
-
                <div class="popover-content">
+
            <p class="text-primary">Academic title: Professor, Doctoral supervisor</p>
-
                    <p>Major: Ecology.</p>
+
            <p>Research interest: Marine economical breeding, marine microbiology</p>
-
                    <p>In our team, she manage financial affairs, and I am a wet lab member as well.She wanna try a total scientific research.</p>
+
-
                    <p>Feelings: I think it will be an amazing experience for me that flying to America to attend IGEM giant jamboree.</p>
+
-
                    <p>Hobbies: Modern Chinese literature, Acoustic guitar tune, Sketch.</p>
+
-
                </div>
+
-
                <iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe>
+
-
            </div>
+
-
            <img src="content/bg.png" style="margin-top:-140px" />
+
         </div>
         </div>
-
        <div class="member">
+
    </div>
-
            <img src="content/bg.png" style="margin-top:-150px" />
+
    <script>
-
            <div class="popover right">
+
        $(document.body).scrollspy({ target: '#childNavigator' });
-
                <div class="arrow"></div>
+
         $('#childNavigator').affix({ offset: { top: 285 } });
-
                <h3 class="popover-title">Li Wenqi</h3>
+
    </script>
-
                <div class="popover-content">
+
<div class = "footer">
-
                    <p>Major: Ecology</p>
+
  <style>
-
                    <p>
+
    .footer { padding: 10px; background-color: rgb(45,111,165); }
-
                        He works on design of experiments as well as analysis of experimental results.
+
    .footer > div { width: 418px; margin: 0 auto; padding-top: 50px; }
-
                    </p>
+
    .footer > div > img { float: left; height: 100px; display: inline-block; position: relative; margin-left: 6px; margin-right: 6px; }
-
                    <p>
+
    .footer > p { text-align: center; color: #ffffff }
-
                        Feelings:In the past year, the iGEM-competition gives me the opportunity to develop ideas in a group and experience the path from having the idea to the realization of the project and the final presentation of results.This competition give me a lot of fun and new experiences.
+
    .footer > p > a { color: #ffffff; }
-
                    </p>
+
  </style>  
-
                </div>
+
  <div>
-
            </div>
+
    <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Index_OrgLogo.png" />
-
         </div>
+
    <img src="https://static.igem.org/mediawiki/2014/e/ec/OUC-China_Index_OrgTitle.jpg" />
-
        <div class="member">
+
     <img src="https://static.igem.org/mediawiki/2014/9/96/OUC-China_Foot_ouclogo.png" />
-
            <img src="content/bg.png" style="margin-top:-110px" />
+
    <div style="clear:both"></div>
-
            <div class="popover right" style="margin-top:40px">
+
   </div>
-
                <div class="arrow"></div>
+
   <p>contact us: <a href="mailto:oucigem@163.com">oucigem@163.com</a></p>
-
                <h3 class="popover-title">Chen Zhaoliang</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Marine Biology</p>
+
-
                    <p>
+
-
                        In our lab,he designed most of the experiment about protein and zebrafishes.
+
-
                        Feelings:I really enjoyed the iGEM, because I had made many friends here.
+
-
                    </p>
+
-
                    <p>
+
-
                        Hobbies: Aquarium
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
        <div class="member memberight">
+
-
            <div class="popover left" style="margin-top:20px">
+
-
                <div class="arrow"></div>
+
-
                <h3 class="popover-title">Song yanyan</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Ecology</p>
+
-
                    <p>In our team,she mainly in charge of the experiment and designing the team member module in the wiki.</p>
+
-
                    <p>Feelings: have a dream and just do it, things will work out fine.</p>
+
-
                    <p>Hobbies: I like to taste different dishes and I love ethnic culture In particular.In addition, travel is a part of my life.</p>
+
-
                </div>
+
-
                <iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe>
+
-
            </div>
+
-
            <img src="content/bg.png" style="margin-top:-150px" />
+
-
        </div>
+
-
        <div class="member">
+
-
            <img src="content/bg.png" style="margin-top:-180px" />
+
-
            <div class="popover right" style="margin-top:40px">
+
-
                <div class="arrow"></div>
+
-
                <h3 class="popover-title">Ouyang Tianqi</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Marine Biology</p>
+
-
                    <p>
+
-
                        He worked on designing the project and analyzed the problems during the experiments , when the team need theoretic support I also search the paper to find the result.
+
-
                    </p>
+
-
                    <p>
+
-
                        Feelings:About the iGEM ,it’s really a good way to find what you can do in synthetic biology ,and I make a lot of friends with the same hobbies.
+
-
                    </p>
+
-
                    <p>
+
-
                        Hobbies: I play video games as well as dota2.
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
        <div class="member">
+
-
            <img src="content/bg.png" style="margin-top:-100px" />
+
-
            <div class="popover right" style="margin-top:40px">
+
-
                <div class="arrow"></div>
+
-
                <h3 class="popover-title">Shi Miao</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Biochemistry</p>
+
-
                    <p>
+
-
                        He together with Jiang Ming, designed and constructed the lysis devices.
+
-
                    </p>
+
-
                    <p>
+
-
                        Feelings: I hope to pursue an Ph.D in the future. Thank you for my team members.
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
        <div class="member">
+
-
            <img src="content/bg.png" style="margin-top:-130px" />
+
-
            <div class="popover right" style="margin-top:40px">
+
-
                <div class="arrow"></div>
+
-
                <h3 class="popover-title">Zheng junqiang</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Marine Biology</p>
+
-
                    <p>
+
-
                        He majors in doing experiments and analyzing the result of the experiment.
+
-
                    </p>
+
-
                    <p>
+
-
                        Feelings: Participating the iGEM provides me a door to a new world.
+
-
                    </p>
+
-
                    <p>
+
-
                        Hobbies: playing basketball , running , watching movies, and eating delicious food.
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
        <div class="member memberight">
+
-
            <div class="popover left" style="margin-top:20px">
+
-
                <div class="arrow"></div>
+
-
                <h3 class="popover-title">Shi Wencong</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Biochemistry and Molecular Biology .I work in wet lab</p>
+
-
                    <p>Feelings: I’m interested in biophysical chemistry .I enjoyed the iGEM 2014 project this summer .Besides, I love art and enjoying cooperating with teammates. I’m willing to make friends with iGEMers all over the world.</p>
+
-
                </div>
+
-
                <iframe id="tmp_downloadhelper_iframe" style="display: none;"></iframe>
+
-
            </div>
+
-
            <img src="content/bg.png" style="margin-top:-80px" />
+
-
        </div>
+
-
        <div class="member memberight">
+
-
            <div class="popover left" style="margin-top:20px">
+
-
                <div class="arrow"></div>
+
-
                <h3 class="popover-title">Bi Wenxin</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Information and computing science</p>
+
-
                    <p>Her main job is to establish and analyse models and I enjoy the process,in which she realized the amazing part of biology.</p>
+
-
                    <p>Feelings: It’s my pleasure to use mathematics I learned in biological practical problems.You can get touch with me by sending e-mails to:551935371@qq.com.I will be glad to hear from you.</p>
+
-
                </div>
+
-
            </div>
+
-
            <img src="content/bg.png" style="margin-top:-140px" />
+
-
        </div>
+
-
        <div class="member">
+
-
            <img src="content/bg.png" style="margin-top:-120px" />
+
-
            <div class="popover right" style="margin-top:40px">
+
-
                <div class="arrow"></div>
+
-
                <h3 class="popover-title">Yu Lei</h3>
+
-
                <div class="popover-content">
+
-
                    <p>Major: Mathematics and applied mathematics.</p>
+
-
                    <p>
+
-
                        Biology is one of my favorite subject.So he is very pleasure to be a member of ouc-igem.He is responsible for biological modeling and data analysis.
+
-
                    </p>
+
-
                    <p>
+
-
                        Feelings: I believe we will make a good progress after a year of hard working.You are welcome to contact me via e-mail : 1719675294@qq.com.
+
-
                    </p>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
</div>
+
-
  <!--<ul class = "menu">
+
-
    <li><a href="#">team introduction</a></li>
+
-
     <li><a href="#">member</a></li>
+
-
  </ul>
+
-
  更改-->
+
-
  <script type="text/javascript">
+
-
  $(function()
+
-
  { 
+
-
      //隐藏除第一个dl里的dd外所有的dd
+
-
  $("#stt dl dd").hide();
+
-
  //点击时触发一个函数
+
-
  $("#stt dt").click(function()
+
-
  {
+
-
  $b=$(this).siblings("dd");//除了当前，其他dd
+
-
  if($b.is(":visible"))//判断是否是展开的，如果展开执行下面代码
+
-
  {
+
-
$($b).slideUp();
+
-
  $(this).parents("dl").siblings("dl").children("dd").slideDown();
+
-
  }
+
-
  else//不是执行else代码
+
-
  {
+
-
$($b).slideDown();
+
-
$(this).parents("dl").siblings("dl").children("dd").slideDown();
+
-
  }
+
-
  });
+
-
 
+
-
  })
+
-
</script>
+
-
<div style="width:1300px; margin:auto;">
+
-
  <div id="stt" class="menu">
+
-
   <dl>
+
-
    <dt>
+
-
        <span>team introduction</span>
+
-
    </dt>
+
-
    <dd>team</dd>
+
-
    <dd>introduction</dd>
+
-
   </dl>
+
-
    <dl>
+
-
    <dt>       
+
-
        <span>member</span>
+
-
    </dt>
+
-
    <dd>member</dd>
+
-
    <dd>member</dd>
+
-
  </dl>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div class = "footer"> <img id = "top" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png"/>  
+
-
  <script>
+
-
  $("#top").click(function(){
+
-
    $(document).scrollTop(0);
+
-
  });
+
-
  </script>  
+
</div>
</div>
 +
<img class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="https://static.igem.org/mediawiki/2014/b/b6/ToTop.png">
</html>
</html>

Latest revision as of 02:45, 18 October 2014

Instructor

Zhang Xiaohua

E-mail: xhzhang@ouc.edu.cn

Academic title: Professor, Doctoral supervisor

Research interest: Marine microbiology, pathogenic microbes in sea-breeding animal

Yang Guanpin

E-mail: yguanpin@mail.ouc.edu.cn

Academic title: Professor, Doctoral supervisor

Research interest: Marine economical breeding, marine microbiology

contact us: oucigem@163.com

Retrieved from "http://2014.igem.org/Team:OUC-China/Team_Instructor"