Team:OUC-China/Team Instructor

From 2014.igem.org

(Difference between revisions)
 
(27 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" type="text/css" />
+
    <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" type="text/css" />
+
     <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>
Line 10: Line 10:
             background-repeat: repeat;
             background-repeat: repeat;
             background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
             background-image: url(https://static.igem.org/mediawiki/2014/1/19/OUC-China_Content_Background.png);
 +
            position: relative;
         }
         }
-
         .team {
+
         header {
-
            height: 281px;
+
             background-color: #609fd2;
-
             background-color: #d2e9fd;
+
         }
         }
-
         .team > div:first-child {
+
         header > div {
-
            width: 1024px;
+
             margin: 0 auto;
             margin: 0 auto;
 +
            margin-bottom: 0 !important;
 +
            width: 778px;
         }
         }
-
         .team .nami {
+
         .member > img {
-
             position: relative;
+
             width: 250px;
-
             height: 130px;
+
             height: 250px;
-
             background-repeat: repeat-x;
+
             border: 5px solid #ffffff;
 +
            border-radius: 50%;
 +
            display: inline-block;
 +
            margin: 20px;
 +
            position: inherit;
         }
         }
-
         .team .plas {
+
         .member > div {
-
             margin-top: 40px;
+
             display: inline-block;
             position: relative;
             position: relative;
-
            z-index: 5;
 
-
            -webkit-transition: all ease 0.4s;
 
-
            -moz-transition: all ease 0.4s;
 
-
            -ms-transition: all ease 0.4s;
 
-
            -o-transition: all ease 0.4s;
 
-
            transition: all ease 0.4s;
 
         }
         }
-
         .team .plas:hover {
+
         .memberight {
-
             margin-top:30px;
+
             text-align: right;
         }
         }
-
         header {
+
         .nav > li > a,.nav > li.dropdown > a,.navbar .dropdown-menu>li>a, .navbar .dropdown-menu>li>a:focus {
-
             background-color: #609fd2;
+
             color: #ffffff !important;
 +
            font-size: 20px;
         }
         }
-
         header > div {
+
         .popover {
-
             width: 765px;
+
             z-index: 1 !important;
-
            margin: 0 auto;
+
-
            height: 53px;
+
         }
         }
-
         header > div > img.igemlogo {
+
         .affix{
-
             position: relative;
+
             position: fixed;
-
             z-index: 10;
+
             top: 0;
         }
         }
-
         header > div > div {
+
         .affix-top{
-
             display: inline-block;
+
             position: absolute;
-
             margin: -53px auto 0 85px;
+
             top: 286px;
-
            padding-top: 8px;
+
-
            float: left;
+
         }
         }
-
         header > div > img.teamlogo {
+
         .affix a:hover, .affix-top a:hover, .affix li.active, .affix-top li.active, .affix li.active a, .affix-top li.active a {
-
            margin-top: -45px;
+
             background-color: #d2e9fd !important;
-
             position: relative;
+
             color: #000000 !important;
-
            z-index: 10;
+
-
             width: 83px;
+
-
            height: 83px;
+
-
            margin-left: 682px;
+
         }
         }
-
         .team {
+
         #childNavigator .nav {
 +
            margin-left: 0!important;
 +
        }
 +
        #childNavigator > .nav > li > a {
 +
            font-size: 16px;
 +
        }
 +
        #childNavigator > .nav > li > .nav > li > a {
 +
            padding-left: 20%;
 +
            font-size: 14px;
 +
        }
 +
        .topSection {
             height: 240px;
             height: 240px;
-
             background-color: #d2e9fd;
+
            padding-top: 10px;
 +
             background-color: rgb(210,233,253);
 +
            margin-top: -11px;
         }
         }
-
         .team > div:first-child {
+
         .topSection .igemLogo {
-
             width: 1024px;
+
             position:absolute;
-
             margin: 0 auto;
+
            top: 10px;
 +
             left: 10px;
         }
         }
-
         .team .nami {
+
         .topSection .waveUp {
-
             position: relative;
+
             margin-top: -10px;
-
             height: 130px;
+
            width: 100%;
-
             background-repeat: repeat-x;
+
             height: 110px;
 +
             background: url(https://static.igem.org/mediawiki/2014/f/f0/WaveUp.png) repeat-x;
 +
            z-index: 0;
         }
         }
-
         .team .plas {
+
         .topSection .waveDown {
-
             margin-top: -55px;
+
             margin-top: -70px;
 +
            width: 100%;
 +
            height: 70px;
 +
            background: url(https://static.igem.org/mediawiki/2014/d/d0/WaveDown2.png) repeat-x;
 +
            z-index: 2;
             position: relative;
             position: relative;
-
            z-index: 5;
 
-
            width: 100px;
 
-
            height: 100px;
 
-
            -webkit-transition: all ease 0.4s;
 
-
            -moz-transition: all ease 0.4s;
 
-
            -ms-transition: all ease 0.4s;
 
-
            -o-transition: all ease 0.4s;
 
-
            transition: all ease 0.4s;
 
         }
         }
-
         .team .plas:hover {
+
         .topSection .leftPlas {
-
             margin-top:-65px;
+
            display: block;
 +
            position: absolute;
 +
            top: 26px;
 +
            z-index: 1;
 +
            left: 211px;
 +
            -webkit-transition: all ease 0.5s;
 +
            -moz-transition: all ease 0.5s;
 +
            -ms-transition: all ease 0.5s;
 +
            transition: all ease 0.5s;
 +
        }
 +
        .topSection .leftPlas:hover {
 +
             margin-top: -5px;
 +
        }
 +
        .topSection .rightPlas {
 +
            display: block;
 +
            position: absolute;
 +
            top: 26px;
 +
            z-index: 1;
 +
            right: 211px;
         }
         }
     </style>
     </style>
-
<script>
+
    <script>
         if ($('.firstHeading')) $('.firstHeading').remove();
         if ($('.firstHeading')) $('.firstHeading').remove();
-
        $('#top-section').css({ 'position': 'relative' });
 
-
        $('#bodyContent p:eq(0)').css({ margin: 0 });
 
-
        $('#top-section').css({ position: 'fixed' });
 
     </script>
     </script>
-
<div class="team">
+
<div class="topSection">
-
         <div>
+
         <img class="igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png">
-
            <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="margin:0 auto;display:block" />
+
        <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="display:block;margin:0 auto">
-
            <img class="plas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" style="float:left" />
+
        <div class="waveUp"></div>
-
            <img class="plas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" style="float:right" />
+
        <div class="waveDown"></div>
-
        </div>
+
         <img class="leftPlas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" />
-
         <div class="nami" style="background-image:url(https://static.igem.org/mediawiki/2014/7/7e/OUC-China_Index_Tsunami1.png);margin-top:-20px;z-index:1"> </div>
+
         <img class="rightPlas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" />
-
         <div class="nami" style="background-image:url(https://static.igem.org/mediawiki/2014/8/83/OUC-China_Index_Tsunami2.png);margin-top:-130px;z-index:10"> </div>
+
     </div>
     </div>
     <header>
     <header>
-
         <div>
+
         <div class="navbar navbar-inverse">
-
            <img class="igemlogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" usemap="IGEM" />
+
            <div class="navbar-collapse collapse navbar-inverse-collapse">
-
            <map name="IGEM">
+
                <ul class="nav navbar-nav">
-
                <area shape="rect" href="https://igem.org/Main_Page" coords="0,0,80,54" alt="IGEM Homepage">
+
                    <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
-
            </map>
+
                    <li class="dropdown active">
-
            <div class="navbar navbar-inverse" style="margin-bottom:0">
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
-
                <div class="navbar-collapse collapse navbar-inverse-collapse">
+
                        <ul class="dropdown-menu">
-
                    <ul class="nav navbar-nav">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
-
                        <li><a href="https://2014.igem.org/Team:OUC-China">HOME</a></li>
+
                            <li class="active"><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
-
                        <li class="dropdown active">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
-
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
-
                            <ul class="dropdown-menu">
+
                            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Team">Team members</a></li>
+
                        </ul>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Team_Instructor">Instructor</a></li>
+
                    </li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgment">Acknowledgment</a></li>
+
                    <li class="dropdown">
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Team_Lab">Lab</a></li>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
-
                                <li><a href="https://igem.org/Team.cgi?year=2014&team_name=OUC-China">Official team profile</a></li>
+
                        <ul class="dropdown-menu">
-
                            </ul>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
-
                        </li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
-
                        <li class="dropdown">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
-
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
-
                            <ul class="dropdown-menu">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
+
                             <li><a href="https://2014.igem.org/Team:OUC-China/Project_Policy_Practise">Policy&Practice</a></li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
+
                         </ul>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
+
                    </li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Project_Future">Future</a></li>
+
                    <li class="dropdown">
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Project_Modeling">Modeling</a></li>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
-
                             </ul>
+
                        <ul class="dropdown-menu">
-
                         </li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
-
                        <li class="dropdown">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievement</a></li>
-
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
+
                        </ul>
-
                            <ul class="dropdown-menu">
+
                    </li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Biobrick</a></li>
+
                    <li class="dropdown">
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achievment">Achievment</a></li>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
-
                            </ul>
+
                        <ul class="dropdown-menu">
-
                        </li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Biosafety</a></li>
-
                        <li class="dropdown">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Labsafety</a></li>
-
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
+
                        </ul>
-
                            <ul class="dropdown-menu">
+
                    </li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Boi safety</a></li>
+
                  <li class="dropdown">
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Lab_safety">Lab safety</a></li>
+
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Policy_Practise">Policy&Practise</a></li>
+
                        <ul class="dropdown-menu">
-
                            </ul>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook">Lab note</a></li>
-
                        </li>
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Modeling_Note">Modeling note</a></li>
-
                        <li class="dropdown">
+
                            <li><a href="https://2014.igem.org/Team:OUC-China/Notebook_Protocols">Protocols</a></li>
-
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
+
                        </ul>
-
                            <ul class="dropdown-menu">
+
                    </li>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice">Lab note</a></li>
+
                </ul>
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice_Modeling_note">Modeling note</a></li>
+
-
                                <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice_Protocols">Protocols</a></li>
+
-
                            </ul>
+
-
                        </li>
+
-
                    </ul>
+
-
                </div>
+
             </div>
             </div>
-
            <img class="teamlogo" src="https://static.igem.org/mediawiki/2014/0/00/OUC_China_Content_Team.png" />
 
         </div>
         </div>
 +
        <script>
 +
            var leftPlas = $(".topSection .leftPlas");
 +
            var originalLeft = leftPlas.offset().left;
 +
            $("header .nav > li").mouseover(function () {
 +
                if ($(this).offset().left < leftPlas.offset().left) leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                else leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png";
 +
                leftPlas.css({ left: $(this).offset().left - 50 });
 +
            }).mouseout(function () {
 +
                leftPlas[0].src = "https://static.igem.org/mediawiki/2014/8/8c/ObjLeft2.png";
 +
                leftPlas.css({ left: originalLeft });
 +
                setTimeout(function () { leftPlas[0].src = "https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png"; }, 500);
 +
            });
 +
        </script>
     </header>
     </header>
-
     <div style="width: 80%;min-width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
+
     <div id="mainContent" style="width:1024px;background-color:#d2e9fd;padding:10px;margin:0 auto">
-
<!--这里是页面主内容,默认已经提供了和外边框10px的间距-->
+
        <style>
 +
            #mainContent img {
 +
                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>
 +
        <img src="https://static.igem.org/mediawiki/2014/1/17/OUC-China_Member_YangGuanpin.JPG" style="display:inline-block" />
 +
        <div style="display:inline-block ">
 +
            <h2>Yang Guanpin</h2>
 +
            <p class="text-success">E-mail: yguanpin@mail.ouc.edu.cn</p>
 +
            <p class="text-primary">Academic title: Professor, Doctoral supervisor</p>
 +
            <p>Research interest: Marine economical breeding, marine microbiology</p>
 +
        </div>
     </div>
     </div>
-
     <img src="https://static.igem.org/mediawiki/2014/9/9a/OUC-China_Index_Anchor.png" class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" />
+
    <script>
 +
        $(document.body).scrollspy({ target: '#childNavigator' });
 +
        $('#childNavigator').affix({ offset: { top: 285 } });
 +
    </script>
 +
<div class = "footer">
 +
  <style>
 +
    .footer { padding: 10px; background-color: rgb(45,111,165); }
 +
    .footer > div { width: 418px; margin: 0 auto; padding-top: 50px; }
 +
    .footer > div > img { float: left; height: 100px; display: inline-block; position: relative; margin-left: 6px; margin-right: 6px; }
 +
    .footer > p { text-align: center; color: #ffffff }
 +
    .footer > p > a { color: #ffffff; }
 +
  </style>
 +
  <div>
 +
    <img src="https://static.igem.org/mediawiki/2014/a/ad/OUC-China_Index_OrgLogo.png" />
 +
    <img src="https://static.igem.org/mediawiki/2014/e/ec/OUC-China_Index_OrgTitle.jpg" />
 +
     <img src="https://static.igem.org/mediawiki/2014/9/96/OUC-China_Foot_ouclogo.png" />
 +
    <div style="clear:both"></div>
 +
  </div>
 +
  <p>contact us: <a href="mailto:oucigem@163.com">oucigem@163.com</a></p>
 +
</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