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

Line 1: Line 1:
−
{{HZAU-China}}
 
 
<html>
 
<html>
  
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
−
     <script src="jquery.js" type="text/javascript"></script>
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
     <style type="text/css">
 
     <style type="text/css">
 +
        #sideMenu,
 +
        #top_title,
 +
        #team_submenu,
 
         #HQ_page p {
 
         #HQ_page p {
−
             margin: 0;
+
            display: none;
 +
        }
 +
 
 +
        #content {
 +
            padding: 0px;
 +
            width: 100%;
 +
             margin-top: 0px;
 +
            margin-left: 0px;
 +
        }
 +
 
 +
        #bodyContent h1,
 +
        #bodyContent h2,
 +
        #bodyContent h3,
 +
        #bodyContent h4,
 +
        #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
 
 +
        #team_name {
 +
            display: none
 +
        }
  
 +
        .global_wrapper {
 +
            padding: 0px 0px 0px 0px;
 
         }
 
         }
  
−
         #HQ_page h1,
+
         #top_menu_14 {
−
        h2,
+
             height: 16px;
−
        h3,
+
−
        h4,
+
−
        h5 {
+
−
             font-family: "Product Sans", Gadget, sans-serif;
+
−
            border-bottom: none;
+
−
            font-weight: bold;
+
 
         }
 
         }
  
Line 26: Line 44:
 
             list-style: none;
 
             list-style: none;
 
             list-style-type: none;
 
             list-style-type: none;
−
             text-decoration: none !important;
+
             text-decoration: none;
 
         }
 
         }
  
 
         body {
 
         body {
−
             width: 100%;
+
             margin: 0;
−
             background-image: url("https://static.igem.org/mediawiki/2018/a/ad/T--HZAU-China--beijingbolang.png") !important;
+
            padding: 0;
 +
             background-color: #F3F3F3;
 +
            font-size: 16px;
 +
            font-family: Arial, Verdana, Sans-serif;
 +
            letter-spacing: 0;
 +
            color: #FFFFFF;
 
         }
 
         }
  
−
         .hezhao {
+
         .daohang {
−
             width: 100%;
+
             background-color: #323643;
−
             margin-top: 20px;
+
             position: relative;
−
             box-shadow: 0 1px 3px #676767;
+
             color: #ffffff;
 +
            height: 64px;
 
         }
 
         }
  
−
         .tuandui {
+
         .logo-daohang {
−
             width: 80vw;
+
             height: 64px;
−
             margin: 20px 0;
+
             left: 10%;
−
            right: 2vw;
+
             float: left;
−
            top: 40px;
+
−
            padding: 0 2%;
+
−
             float: right;
+
 
             position: relative;
 
             position: relative;
−
            background-color: #ffffff;
 
−
            box-shadow: 0 1px 3px #676767;
 
−
            border-radius: 3px;
 
−
            overflow: hidden;
 
−
            display: block;
 
−
            font-family: Arial, Verdana, Sans-serif;
 
 
         }
 
         }
  
−
         .cebian {
+
         .daohang a {
−
             width: 11vw;
+
             display: block;
−
             height: 80%;
+
             text-decoration: none;
−
            float: left;
+
−
            left: 1vw;
+
−
            top: 25vh;
+
−
            position: fixed;
+
 
         }
 
         }
  
−
         .h1 {
+
         .daohang .shade {
−
             height: 100px;
+
             position: absolute;
−
             line-height: 100px;
+
            width: 100%;
−
             font-weight: bold;
+
             height: 160px;
−
             font-family: 'Product Sans', sans-serif;
+
             top: 64px;
−
             font-size: 50px;
+
             left: 0;
−
             border-bottom: 3px solid black;
+
            z-index: 1;
−
             margin: 0 2.4%;
+
            background-color: #EEEEEE;
 +
            opacity: 0.9;
 +
            filter: alpha(opacity=90);
 +
             box-shadow: 0 5px 15px #CCCCCC;
 +
            display: none;
 +
             border-bottom: #ffffff solid 1px;
 +
             border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
 
         }
 
         }
  
−
         .tuandui .tuandui_list {
+
         .daohang .caidan {
−
             position: relative;
+
             position: absolute;
−
             margin-top: 40px;
+
            top: 0;
−
             height: 520px;
+
            right: 10%;
 +
             margin: 0;
 +
            z-index: 2;
 +
            padding: 0;
 +
            list-style: none;
 +
            width: 730px;
 +
             float: right;
 
             overflow: hidden;
 
             overflow: hidden;
 +
            height: 64px;
 
         }
 
         }
  
−
         .tuandui_list>li {
+
         .daohang .caidan>li {
 
             padding: 0;
 
             padding: 0;
−
            width: 20%;
 
 
             float: left;
 
             float: left;
−
            position: relative;
+
             margin: 0;
−
             margin: 0 2.4%;
+
 
             text-align: center;
 
             text-align: center;
 +
            height: 224px;
 
         }
 
         }
  
−
         .tuandui .laoshi_list {
+
         .daohang .shortName {
−
             position: relative;
+
             width: 110px;
−
            margin-top: 40px;
+
−
            height: 430px;
+
 
         }
 
         }
  
−
         .laoshi_list>li {
+
         .daohang .longName {
−
            padding: 0;
+
             width: 170px;
−
             width: 20%;
+
−
            float: left;
+
−
            position: relative;
+
−
            margin: 0 2.4%;
+
−
            text-align: center;
+
 
         }
 
         }
  
−
         .duiyuan img {
+
         .daohang .nav_head {
−
            width: 100%;
+
             height: 64px;
−
             height: 35vh;
+
             line-height: 64px;
−
             border-top: 3px solid #1fa67a;
+
             color: #ffffff;
−
             border-left: 3px solid #1fa67a;
+
             font-size: 16px !important;
−
             border-right: 3px solid #1fa67a;
+
 
         }
 
         }
  
−
         .laoshi img {
+
         .daohang .xjtPic {
−
             width: 100%;
+
            display: inline-block;
−
             height: 50vh;
+
             width: 10px;
−
             border-top: 3px solid #1fa67a;
+
             height: 10px;
−
             border-left: 3px solid #1fa67a;
+
             vertical-align: middle;
−
             border-right: 3px solid #1fa67a;
+
             background-size: 100% 100%;
 +
             background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 
         }
 
         }
  
−
         .duiyuan .xingming {
+
         .daohang .item {
−
            width: 100%;
+
−
            height: 50px;
+
−
            line-height: 50px;
+
−
            background-color: #1fa67a;
+
−
            border-left: 3px solid #1fa67a;
+
−
            border-right: 3px solid #1fa67a;
+
−
            font-size: 16px;
+
−
            color: white;
+
−
            box-shadow: 0 1px 3px #CCCCCC;
+
−
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+
−
            font-size: 24px;
+
−
            font-weight: bold;
+
−
        }
+
−
       
+
−
        .laoshi .xingming {
+
−
            width: 100%;
+
−
            height: 50px;
+
−
            line-height: 50px;
+
−
            background-color: #1fa67a;
+
−
            border-left: 3px solid #1fa67a;
+
−
            border-right: 3px solid #1fa67a;
+
−
            font-size: 16px;
+
−
            color: white;
+
−
            box-shadow: 0 1px 3px #CCCCCC;
+
−
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+
−
            font-size: 24px;
+
−
            font-weight: bold;
+
−
        }
+
  
−
        .duiyuan .jieshao {
+
             height: 40px;
−
             width: 100%;
+
             line-height: 40px;
−
             height: 200px;
+
             color: #333333;
−
             background-color: #f6eee0;
+
             position: relative;
−
             border-bottom: 3px solid #1fa67a;
+
−
            border-left: 3px solid #1fa67a;
+
−
            border-right: 3px solid #1fa67a;
+
−
            /* border-bottom-left-radius: 5px;
+
−
            border-bottom-right-radius: 5px; */
+
 
         }
 
         }
  
−
         .duiyuan .jieshao .saohua {
+
         .daohang .caidan:hover {
−
             padding: 10 3 0 3;
+
             height: 264px;
−
             color: black;
+
             transition: height 0.3s;
−
            font-family: Arial;
+
−
            font-style: italic;
+
−
            font-size: 14px;
+
−
            list-style-type: none;
+
−
            text-align: justify;
+
−
            line-height: 20px;
+
 
         }
 
         }
−
    </style>
 
  
−
    <!-- 滚动菜单栏CSS -->
+
         .daohang .caidan:hover+.shade {
−
    <style>
+
             display: block;
−
         #float01 {}
+
−
 
+
−
        #float02 {}
+
−
 
+
−
        #float03 {
+
−
             margin-bottom: 100px;
+
 
         }
 
         }
  
−
         div.floatCtro {
+
         .daohang .caidan>li.hiLight:hover {
−
             width: 100%;
+
             background-color: #ffffff;
−
            height: 250px;
+
−
            margin: 20px 0;
+
−
            position: relative;
+
 
         }
 
         }
  
−
         div.floatCtro .daohanger {
+
         .daohang .caidan>li:hover .nav_head {
−
             width: 100%;
+
             background-color: #EA0D04;
−
            text-align: center !important;
+
−
            height: 40px;
+
−
            line-height: 40px;
+
−
            font-family: Arial;
+
−
            font-size: 14px;
+
−
            color: #676767;
+
−
            margin: 0;
+
−
            padding: 0;
+
−
            cursor: pointer;
+
−
            background: #fff;
+
 
         }
 
         }
  
−
         div.floatCtro a {
+
         .daohang .caidan>li:hover .item {}
−
            display: inline-block;
+
 
−
            display: none;
+
−
            width: 100%;
+
−
            height: 40px;
+
−
            margin: 10px 0 0 0;
+
−
            background: #000;
+
−
            color: #FFF !important;
+
−
            vertical-align: middle;
+
−
            cursor: pointer;
+
−
        }
+
  
−
         div.floatCtro a span {
+
         .daohang .shortName .item:before {
 +
            content: '';
 
             display: block;
 
             display: block;
−
             height: 44px;
+
             position: absolute;
−
             line-height: 44px;
+
             width: 80px;
−
             font-family: Arial;
+
             height: 1px;
−
             font-size: 16px;
+
             bottom: 5px;
−
             text-align: center;
+
             left: 15px;
−
             _margin: -10px 0 0 16px;
+
             background-color: #CCCCCC;
 
         }
 
         }
  
−
         div.floatCtro a:hover {
+
         .daohang .shortName .item:hover:after {
−
             background: #76b39d;
+
             content: '';
−
             color: #ffffff;
+
             display: block;
−
             zoom: 1;
+
             position: absolute;
 +
            width: 80px;
 +
            height: 2px;
 +
            bottom: 5px;
 +
            left: 15px;
 +
            background-color: #f51720;
 
         }
 
         }
  
−
         div.floatCtro .daohanger:hover {
+
         .daohang .longName .item:before {
−
             background: #76b39d;
+
             content: '';
−
             color: #fff;
+
             display: block;
 +
            position: absolute;
 +
            width: 130px;
 +
            height: 1px;
 +
            bottom: 5px;
 +
            left: 20px;
 +
            background-color: #CCCCCC;
 
         }
 
         }
  
−
         div.floatCtro .daohanger.cur {
+
         .daohang .longName .item:hover:after {
−
             background: #1fa67a;
+
             content: '';
−
            color: #fff;
+
−
        }
+
−
 
+
−
        .daohangyi {
+
 
             display: block;
 
             display: block;
−
             width: 100%;
+
            position: absolute;
−
             height: 40px;
+
             width: 130px;
−
             color: #ffffff !important;
+
             height: 2px;
−
             font-size: 16px;
+
             bottom: 5px;
−
             background-color: #13334c;
+
             left: 20px;
−
            border-bottom: 1px solid black;
+
             background-color: #f51720;
−
            border-radius: 5px;
+
−
            text-decoration: none !important;
+
 
         }
 
         }
  
−
         .biaoti {
+
         @media screen and (max-width: 1000px) {
−
            line-height: 40px;
+
             .logo-daohang {
−
            width: 50%;
+
                left: 5%;
−
             margin-left: 6%;
+
             }
−
             text-align: center;
+
−
            text-decoration: none !important;
+
−
        }
+
  
−
        .daohangyi img {
+
            .daohang .caidan {
−
            display: inline-block;
+
                right: 0;
−
             width: 20px;
+
             }
−
            height: 20px;
+
−
            vertical-align: middle;
+
−
            background-size: 100% 100%;
+
−
            ;
+
 
         }
 
         }
−
    </style>
 
−
    <!-- 滚动菜单栏CSS -->
 
−
    <!-- 滚动菜单栏jQuery -->
 
−
    <script>
 
−
        $(function () {
 
−
            var AllHet = $(window).height();
 
−
            var mainHet = $('.floatCtro').height();
 
−
            var fixedTop = (AllHet - mainHet) / 2
 
−
            //  $('div.floatCtro').css({top:fixedTop+'px'});
 
−
            $('div.floatCtro p').click(function () {
 
−
                var ind = $('div.floatCtro p').index(this) + 1;
 
−
                var topVal = $('#float0' + ind).offset().top;
 
−
                $('body,html').animate({ scrollTop: topVal }, 1000)
 
−
            })
 
−
            $('div.floatCtro a').click(function () {
 
−
                $('body,html').animate({ scrollTop: 0 }, 1000)
 
−
            })
 
−
            $(window).scroll(scrolls)
 
−
            scrolls()
 
−
            function scrolls() {
 
−
                var f1, f2, f3, bck;
 
−
                var fixRight = $('div.floatCtro p');
 
−
                var blackTop = $('div.floatCtro a')
 
−
                var sTop = $(window).scrollTop();
 
−
                fl = $('#float01').offset().top;
 
−
                f2 = $('#float02').offset().top;
 
−
                f3 = $('#float03').offset().top;
 
  
−
                if (sTop <= f2 - 100) {
+
        @media screen and (max-width: 880px) {
−
                    blackTop.fadeOut(300).css('display', 'none')
+
−
                }
+
−
                else {
+
−
                    blackTop.fadeIn(300).css('display', 'block')
+
−
                }
+
  
−
                if (sTop >= fl) {
+
            .daohang .caidan {
−
                    fixRight.eq(0).addClass('cur').siblings().removeClass('cur');
+
                 width: 100%;
−
                }
+
            }
−
                if (sTop >= f2 - 100) {
+
−
                    fixRight.eq(1).addClass('cur').siblings().removeClass('cur');
+
−
                 }
+
−
                if (sTop >= f3 - 100) {
+
−
                    fixRight.eq(2).addClass('cur').siblings().removeClass('cur');
+
−
                }
+
  
 +
            .logo-daohang {
 +
                display: none;
 
             }
 
             }
−
        })
 
−
    </script>
 
−
    <!-- 滚动菜单栏jQuery -->
 
−
</head>
 
  
−
<body>
+
             .daohang .shortName {
−
    <div class="tuandui">
+
                 width: 15vw;
−
        <img class="hezhao" src="https://static.igem.org/mediawiki/2018/7/70/T--HZAU-China--hezhao1.png" alt="">
+
             }
−
        <div id="float01" class="cur">
+
−
             <div class="h1">MEMBERS</div>
+
−
            <ul class="tuandui_list">
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--zhujun.jpg" alt="">
+
−
                    <div class="xingming">Zhujun Xia</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
+
−
                            like
+
−
                            professor
+
−
                            Li who is my goddess.</p>
+
−
                    </div>
+
−
                 </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt="">
+
−
                    <div class="xingming">YinQing Zeng</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I
+
−
                            love
+
−
                            rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert
+
−
                            shop in the future even though I don't like dessert.</p>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/4/42/T--HZAU-China--yini.jpg" alt="">
+
−
                    <div class="xingming">Yini Miao</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
+
−
                            and
+
−
                            always try
+
−
                            her best to think and reflect.</p>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--xichen.jpg" alt="">
+
−
                    <div class="xingming">Tom Rao</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man who is
+
−
                            willing to devote his life into biology research. He’s one of the modelling group and built
+
−
                            up the ATc model of our project. He also took charge in the interLab and successfully pass
+
−
                            the data check.</p>
+
−
                    </div>
+
−
                </li>
+
−
             </ul>
+
  
−
             <ul class="tuandui_list">
+
             .daohang .longName {
−
                <li class="duiyuan">
+
                 width: 25vw;
−
                    <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--zhijin.jpg" alt="">
+
             }
−
                    <div class="xingming">Zhiqing Guo</div>
+
        }
−
                    <div class="jieshao">
+
    </style>
−
                        <p class="saohua">My name is Zhiqing Guo,and you also can call me Farlina.It is my second year
+
</head>
−
                            to attend iGEM.I made a lot of friends here who company me all the time.iGEMers let me know
+
−
                            what persistence is and never toss in when I confront barriers.So I want to say I am into
+
−
                            you guys.</p>
+
−
                    </div>
+
−
                 </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/f/f9/T--HZAU-China--lingyu.jpg" alt="">
+
−
                    <div class="xingming">Lingyu Zhong</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">My name is Lingyu Zhong and you may call me Xue Zhang, which means senior in
+
−
                            English. Although I don’t know why they call me so. It’s my second year to be an iGEMer,
+
−
                            and I also a member of wet experiment group. I love our team, I love our team members. It’s
+
−
                            very lucky to meet you all.</p>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--hengheng.jpg" alt="">
+
−
                    <div class="xingming">Heng Heng</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">I‘m Heng Heng. This is my first year in HZAU-iGEM team. I'm eager for
+
−
                            knowledge, and iGEM is the place I want.</p>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/e/ed/T--HZAU-China--zhuoqi.jpg" alt="">
+
−
                    <div class="xingming">Zhuoqi Huang</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">Hello, my name is Zhuoqi Huang, a boy who come from a beautiful city called
+
−
                            Jieyang. It is my honour to join in the iGEM as a member of wetlab. Although bioinformatics
+
−
                            is my major, I am addicted to experiments of organism but not the program on computer. In
+
−
                            next year , I hope I can make contribution to the drylab.</p>
+
−
                    </div>
+
−
                </li>
+
−
             </ul>
+
−
 
+
−
            <ul class="tuandui_list">
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--hangxi.jpg" alt="">
+
−
                    <div class="xingming">Hangxi Fu</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan and I am
+
−
                            proud of my rich hometown.I am crazy about philosophy and psychology.Also,I am busy with
+
−
                            biology just because it's my business.I am engaging in wet lab in iGEM though I wanna study
+
−
                            modeling.</p>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/9/90/T--HZAU-China--qiqin.jpg" alt="">
+
−
                    <div class="xingming">Mo Qiqin</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">This is Mo Qiqin, fan of KSP. I love building space crafts and I launch them
+
−
                            successfuly. iGEM is more like a sand box game, for people can combine every parts they own
+
−
                            to fulfill their Fantasies♂. In the passed years, I fulfilled my fantasies and got
+
−
                            friendships in our iGEM team. Oh, that’s good!</p>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/9/98/T--HZAU-China--songtao.jpg" alt="">
+
−
                    <div class="xingming">Songtao Cheng</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">Hello! My name is Songtao Cheng. It's my second year to be an iGEMer. During
+
−
                            the iGEM project I found that synthetic biology is so charming. Joining iGEM is a good
+
−
                            chance for me to learn knowledge and communicate with creative people to broaden my
+
−
                            horizon. In short, I enjoy it!</p>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="duiyuan">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/b/ba/T--HZAU-China--ruonan.jpg" alt="">
+
−
                    <div class="xingming">Ruonan Tian</div>
+
−
                    <div class="jieshao">
+
−
                        <p class="saohua">My name is Ruonan Tian, I am now studying bioinformatics at HZAU. I have a
+
−
                            wide range of interests, such as sports, reading and watching movies. However, I especially
+
−
                            love igem, because I learn concentration from it.</p>
+
−
                    </div>
+
−
                </li>
+
−
            </ul>
+
  
−
            <ul class="tuandui_list">
+
<body>
−
                <li class="duiyuan">
+
    <nav class="daohang">
−
                    <img src="https://static.igem.org/mediawiki/2018/3/34/T--HZAU-China--wenxin.jpg" alt="">
+
        <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
−
                    <div class="xingming">Wenxin Hu</div>
+
                class="logo-daohang"></a>
−
                    <div class="jieshao">
+
        <ul class="caidan">
−
                        <p class="saohua">Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have great
+
            <li class="hiLight shortName">
−
                            passion in science and always dream to save the world! It’s my first year in team HZAU-iGEM
+
                <a class="nav_head" href="#">
−
                            and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m really
+
                    <span>Project</span>
−
                            happy to meet you all!</p>
+
                     <span class="xjtPic"></span>
−
                     </div>
+
                 </a>
−
                 </li>
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
−
                 <li class="duiyuan">
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
−
                    <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--yanghe.jpg" alt="">
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
−
                    <div class="xingming">He Yang</div>
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
−
                    <div class="jieshao">
+
            </li>
−
                        <p class="saohua">My name is He Yang, It's my second year in HZAU-iGEM team. I am curious and
+
            <li class="hiLight shortName">
−
                            ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw
+
                <a class="nav_head" href="#">
−
                            everything up if neglect any detail. So, it time to be a precise man.</p>
+
                    <span>Wetlab</span>
−
                    </div>
+
                     <span class="xjtPic"></span>
−
                </li>
+
                 </a>
−
                 <li class="duiyuan">
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
−
                    <img src="https://static.igem.org/mediawiki/2018/a/ae/T--HZAU-China--yuying.jpg" alt="">
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
−
                    <div class="xingming">Yuying Xiang</div>
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">Interlab</a>
−
                    <div class="jieshao">
+
            </li>
−
                        <p class="saohua">My name is Aries.It is a great pleasure for me to be a member of HZAU-IGEM
+
             <li class="hiLight shortName">
−
                            experiment group.My major contribution is in the related design work.Joining IGEM is a good
+
                <a class="nav_head" href="#">
−
                            chance for me to learn knowledge and make friends with others.I believe we'll achieve good
+
                    <span>Drylab</span>
−
                            results this time！</p>
+
                    <span class="xjtPic"></span>
−
                     </div>
+
                 </a>
−
                 </li>
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
−
                 <li class="duiyuan">
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
−
                    <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--shuguang.jpg" alt="">
+
            </li>
−
                    <div class="xingming">Shuguang Wang</div>
+
            <li class="hiLight longName">
−
                    <div class="jieshao">
+
                <a class="nav_head" href="#">
−
                        <p class="saohua">I majored in bioinformatics, a member of our model group. Designer of the
+
                     <span>Human&nbsp;Practices</span>
−
                            Bacterial Colony Counter and coder of our wiki. </p>
+
                    <span class="xjtPic"></span>
−
                    </div>
+
                 </a>
−
                </li>
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safty</a>
−
             </ul>
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
−
        </div>
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
−
 
+
            </li>
−
        <div id="float02">
+
            <li class="hiLight shortName">
−
            <div class="h1">ADVISORS</div>
+
                <a class="nav_head" href="#">
−
            <ul class="laoshi_list">
+
                    <span>About Us</span>
−
                 <li class="laoshi">
+
                    <span class="xjtPic"></span>
−
                    <img src="https://static.igem.org/mediawiki/2018/8/83/T--HZAU-China--kening.jpg" alt="">
+
                </a>
−
                    <div class="xingming">Kening Chen</div>
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
−
                </li>
+
                 <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
−
                <li class="laoshi">
+
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
−
                    <img src="https://static.igem.org/mediawiki/2018/c/c0/T--HZAU-China--jinyu.jpg" alt="">
+
            </li>
−
                     <div class="xingming">Jinyu Wang</div>
+
            <li class="shortName">
−
                 </li>
+
                <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China/Parts">
−
                 <li class="laoshi">
+
                     <span>Parts</span>
−
                    <img src="https://static.igem.org/mediawiki/2018/5/56/T--HZAU-China--gang.jpg" alt="">
+
                 </a>
−
                    <div class="xingming">Gang Cao</div>
+
             </li>
−
                </li>
+
        </ul>
−
                 <li class="laoshi">
+
         <div class="shade"></div>
−
                    <img src="https://static.igem.org/mediawiki/2018/7/7b/T--HZAU-China--hongyu.jpg" alt="">
+
    </nav>
−
                    <div class="xingming">Hongyu Zhang</div>
+
−
                </li>
+
−
            </ul>
+
−
            <ul class="laoshi_list">
+
−
                 <li class="laoshi">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/2/2a/T--HZAU-China--donghai.jpg" alt="">
+
−
                    <div class="xingming">Donghai Peng</div>
+
−
                </li>
+
−
                <li class="laoshi">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/b/bd/T--HZAU-China--zhen.jpg" alt="">
+
−
                     <div class="xingming">Zhen Cao</div>
+
−
                 </li>
+
−
             </ul>
+
−
         </div>
+
  
−
        <div id="float03">
 
−
            <div class="h1">INSTRUCTORS</div>
 
−
            <ul class="laoshi_list">
 
−
                <li class="laoshi">
 
−
                    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--HZAU-China--binguang.jpg"
 
−
                        alt="">
 
−
                    <div class="xingming">Binguang Ma</div>
 
−
                </li>
 
−
                <li class="laoshi">
 
−
                    <img src="https://static.igem.org/mediawiki/2018/b/b4/T--HZAU-China--jin.jpg"
 
−
                        alt="">
 
−
                    <div class="xingming">Jin He</div>
 
−
                </li>
 
−
                <li class="laoshi">
 
−
                    <img src="https://static.igem.org/mediawiki/2018/4/40/T--HZAU-China--shan.png"
 
−
                        alt="">
 
−
                    <div class="xingming"> Shan Li</div>
 
−
                </li>
 
−
            </ul>
 
−
        </div>
 
−
    </div>
 
−
    <!-- 左侧菜单栏 -->
 
−
    <div class="cebian">
 
−
        <!-- 滚动菜单栏 -->
 
−
        <div class="daohangyi">
 
−
            <span class="biaoti">Team</span>
 
−
            <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/c/c7/T--HZAU-China--xjt1.svg" alt=""></span>
 
−
        </div>
 
−
        <div class="floatCtro">
 
−
            <p class="daohanger">Memebers</p>
 
−
            <p class="daohanger">Advisors</p>
 
−
            <p class="daohanger">Instructors</p>
 
−
            <a>
 
−
                <span>Back&nbsp;to&nbsp;top</span>
 
−
            </a>
 
−
        </div>
 
−
        <div class="daohangyi">
 
−
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Attributions">
 
−
                <span class="biaoti">Attributions</span>
 
−
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/1/19/T--HZAU-China--yjt.svg" alt=""></span>
 
−
            </a>
 
−
        </div>
 
−
        <div class="daohangyi">
 
−
            <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Collaborations">
 
−
                <span class="biaoti">Collaborations</span>
 
−
                <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/1/19/T--HZAU-China--yjt.svg" alt=""></span>
 
−
            </a>
 
−
        </div>
 
−
        <!-- 滚动菜单栏 -->
 
−
    </div>
 
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 22:05, 30 September 2018