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

Line 4: Line 4:
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 +
    <script src="jquery.js" type="text/javascript"></script>
 
     <style type="text/css">
 
     <style type="text/css">
 
         * {
 
         * {
Line 9: Line 10:
 
             padding: 0;
 
             padding: 0;
 
             list-style: none;
 
             list-style: none;
 +
            list-style-type: none;
 
             text-decoration: none;
 
             text-decoration: none;
 
         }
 
         }
  
−
         .team {
+
         body {
−
             margin: 20 8px;
+
             width: 100%;
−
             position: relative;
+
             background-image: url("img/arches.png")
−
             background-color: #B8C4C6;
+
        }
−
             height: 2500px;
+
 
−
             box-shadow: 0 1px 3px #CCCCCC;
+
        .test {
 +
            width: 100%;
 +
             background-color: black;
 +
             height: 50px;
 +
        }
 +
       
 +
        .hezhao{
 +
            width: 100%;
 +
            box-shadow: 0 1px 3px #676767;
 +
        }
 +
 
 +
        .tuandui {
 +
            width: 80%;
 +
            right: 2%;
 +
            padding: 0 2%;
 +
            float: right;
 +
            position: absolute;
 +
            background-color: #ffffff;
 +
             box-shadow: 0 1px 3px #676767;
 
             border-radius: 3px;
 
             border-radius: 3px;
 
         }
 
         }
  
−
         .team .team_list {
+
         .cebian {
−
             position: relative;
+
             width: 10%;
−
             margin: auto;
+
             height: 80%;
−
             padding: 120px 0;
+
             float: left;
−
             /* width: 1200px; */
+
             left: 2%;
−
             height: 314px;
+
             top: 15%;
 +
            position: fixed;
 +
        }
  
 +
        .h1 {
 +
            height: 100px;
 +
            line-height: 100px;
 +
            font-weight: bold;
 +
            font-family: 'Product Sans', sans-serif;
 +
            font-size: 50px;
 +
            border-bottom: 3px solid black;
 +
            margin: 0 2.4%;
 
         }
 
         }
  
−
         .team a {
+
         .tuandui .tuandui_list {
 +
            position: relative;
 +
            margin-top: 40px;
 +
            height: 510px;
 +
 
 +
        }
 +
       
 +
        .tuandui {
 
             display: block;
 
             display: block;
−
            text-decoration：none;
 
 
             font-family: Arial, Verdana, Sans-serif;
 
             font-family: Arial, Verdana, Sans-serif;
 
         }
 
         }
  
−
         .team .team_list>li {
+
         .tuandui_list>li {
 
             padding: 0;
 
             padding: 0;
−
             width: 300px;
+
             width: 20%;
 
             float: left;
 
             float: left;
 
             position: relative;
 
             position: relative;
−
             margin: 0 20px;
+
             margin: 0 2.4%;
 
             text-align: center;
 
             text-align: center;
−
            height: 250px;
+
 
 
         }
 
         }
  
−
 
+
         .duiyuan img {
−
         .team .member img {
+
             width: 100%;
−
             width: 294px;
+
 
             height: 250px;
 
             height: 250px;
−
             border-top: 3px solid #0B3C38;
+
             border-top: 3px solid #1fa67a;
−
             border-left: 3px solid #0B3C38;
+
             border-left: 3px solid #1fa67a;
−
             border-right: 3px solid #0B3C38;
+
             border-right: 3px solid #1fa67a;
−
             border-top-left-radius: 5px;
+
             /* border-top-left-radius: 5px;
−
             border-top-right-radius: 5px;
+
             border-top-right-radius: 5px; */
 
         }
 
         }
  
−
         .team .memberInfor {
+
         .duiyuan .xingming {
−
             height: 64px;
+
            width: 100%;
−
             line-height: 64px;
+
             height: 50px;
−
             background-color: #0B3C38;
+
             line-height: 50px;
 +
             background-color: #1fa67a;
 +
            border-left: 3px solid #1fa67a;
 +
            border-right: 3px solid #1fa67a;
 
             font-size: 16px;
 
             font-size: 16px;
 
             color: white;
 
             color: white;
 
             box-shadow: 0 1px 3px #CCCCCC;
 
             box-shadow: 0 1px 3px #CCCCCC;
−
        }
 
−
 
−
        .team .member span {
 
−
            padding: 15px 15px;
 
 
             font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 
             font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 
             font-size: 24px;
 
             font-size: 24px;
Line 73: Line 107:
 
         }
 
         }
  
−
         .team .team_list .memberInfor:hover {
+
         .duiyuan .jieshao {
−
             background-color: #0B3C38;
+
            width: 100%;
 +
            height: 200px;
 +
             background-color: #FFFFCC;
 +
            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; */
 
         }
 
         }
  
−
         .memberInfor div {
+
         .duiyuan .jieshao .saohua {
−
            visibility: hidden;
+
             padding-top: 15px;
−
            opacity: 0;
+
−
            width: 294px;
+
−
            height: 0px;
+
−
            z-index: 999;
+
−
            background-color: #1fa67a;
+
−
            margin: auto;
+
−
            overflow: inherit;
+
−
        }
+
−
 
+
−
        .memberInfor div p {
+
−
             padding-top: 20px;
+
 
             height: 100px;
 
             height: 100px;
 +
            color: black;
 
             font-family: Arial;
 
             font-family: Arial;
 
             font-style: italic;
 
             font-style: italic;
 +
            font-size: 18px;
 
             list-style-type: none;
 
             list-style-type: none;
 
             text-align: center;
 
             text-align: center;
Line 98: Line 130:
 
         }
 
         }
  
−
         .member div {
+
         .logoleft {
−
             visibility: visible;
+
             width: 60%;
−
             opacity: 1;
+
             margin: 15% auto;
−
             height: 200px;
+
             display: block;
−
             z-index: 999;
+
             position: relative;
−
            line-height: 50px;
+
        }
−
            margin-top: -9px;
+
 
−
            transition: all 0.5s;
+
        .logoleft img {
−
            border-bottom: 3px solid #0B3C38;
+
             width: 100%;
−
            border-left: 3px solid #0B3C38;
+
−
            border-right: 3px solid #0B3C38;
+
−
            border-bottom-left-radius: 5px;
+
−
             border-bottom-right-radius: 5px;
+
 
         }
 
         }
 
     </style>
 
     </style>
 +
 +
    <!-- 滚动菜单栏CSS -->
 +
    <style>
 +
        #float01 {
 +
 +
        }
 +
 +
        #float02 {
 +
 +
        }
 +
 +
        #float03 {
 +
 +
        }
 +
 +
        div.floatCtro {
 +
            width: 100%;
 +
            height: 250px;
 +
            position: relative;
 +
        }
 +
 +
        div.floatCtro .daohanger {
 +
            width: 100%;
 +
            text-align: center;
 +
            height: 40px;
 +
            line-height: 40px;
 +
            font-family: Arial;
 +
            font-size: 14px;
 +
            color: #676767;
 +
            margin: 0;
 +
            padding: 0;
 +
            cursor: pointer;
 +
            background: #fff;
 +
        }
 +
 +
        div.floatCtro a {
 +
            display: inline-block;
 +
            display: none;
 +
            width: 100%;
 +
            height: 40px;
 +
            margin: 10px 0 0 0;
 +
            background: #000;
 +
            color: #FFF;
 +
            vertical-align: middle;
 +
            cursor: pointer;
 +
        }
 +
 +
        div.floatCtro a span {
 +
            display: block;
 +
            height: 44px;
 +
            line-height:44px;
 +
            font-family: Arial;
 +
            font-size: 16px;
 +
            text-align: center;
 +
            _margin: -10px 0 0 16px;
 +
        }
 +
 +
        div.floatCtro a:hover {
 +
            background: #76b39d;
 +
            color: #ffffff;
 +
            zoom: 1;
 +
        }
 +
 +
        div.floatCtro .daohanger:hover {
 +
            background: #76b39d;
 +
            color: #fff;
 +
        }
 +
 +
        div.floatCtro .daohanger.cur {
 +
            background: #1fa67a;
 +
            color: #fff;
 +
        }
 +
 +
        .daohangyi {
 +
            display: block;
 +
            width: 100%;
 +
            height: 40px;
 +
            color: #ffffff;
 +
            font-size: 16px;
 +
            background-color: #13334c;
 +
            border-bottom: 1px solid black;
 +
        }
 +
 +
        .biaoti {
 +
            line-height: 40px;
 +
            width: 50%;
 +
            margin-left: 6%;
 +
            text-align: center;
 +
        }
 +
 +
        .daohangyi img {
 +
            display: inline-block;
 +
            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;
 +
                // f4 = $('#float04').offset().top;
 +
                // f5 = $('#float05').offset().top;
 +
                // f6 = $('#float06').offset().top;
 +
                // f7 = $('#float07').offset().top;
 +
 +
 +
                if (sTop <= f2 - 100) {
 +
                    blackTop.fadeOut(300).css('display', 'none')
 +
                }
 +
                else {
 +
                    blackTop.fadeIn(300).css('display', 'block')
 +
                }
 +
 +
                if (sTop >= fl) {
 +
                    fixRight.eq(0).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f2 - 100) {
 +
                    fixRight.eq(1).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
                if (sTop >= f3 - 100) {
 +
                    fixRight.eq(2).addClass('cur').siblings().removeClass('cur');
 +
                }
 +
 +
            }
 +
        })
 +
    </script>
 +
 +
    <!-- 滚动菜单栏jQuery -->
 
</head>
 
</head>
  
 
<body>
 
<body>
−
     <div class="team">
+
     <div class="test"></div>
−
         <ul class="team_list">
+
    <div class="tuandui">
−
             <li class="member">
+
         <img class="hezhao" src="https://static.igem.org/mediawiki/2018/c/cb/T--HZAU-China--hezhao1.jpg" alt="">
−
                 <img src="http://img4.imgtn.bdimg.com/it/u=307840284,3448481512&fm=26&gp=0.jpg" alt="">
+
        <div id="float01" class="cur">
−
                <a class="memberInfor">
+
 
−
                     <span class="memberName">Shane</span>
+
             <div class="h1">MEMBERS</div>
−
                     <div class="memberIntro">
+
 
−
                         <p>This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor
+
            <ul class="tuandui_list">
 +
                 <li class="duiyuan">
 +
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
 +
                     <div class="xingming">Shane</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>
 
                             Li who is my goddess.</p>
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">YinQing Zeng</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">YinQing Zeng</span>
+
                         <p class="saohua">I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I
−
                     <div class="memberIntro">
+
                            love
−
                         <p>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
 
                             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>
 
                             shop in the future even though I don't like dessert.</p>
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Yini Miao</span>
+
                         <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                            and
−
                         <p>Yini Miao, one of the model group, who are intrigued with modeling last year and always try
+
                            always try
 
                             her best to think and reflect.</p>
 
                             her best to think and reflect.</p>
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">He Yang</span>
+
                         <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                            and
−
                         <p>My name is He Yang, It's my second year in HZAU-iGEM team. I am curious and ambitious.
+
                             always try
−
                             However, plentiful in ideal yet skiny in reality. I will easy to screw everything up if
+
                             her best to think and reflect.</p>
−
                             neglect any detail. So, it time to be a precise man.</p>
+
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
             </li>
+
             </ul>
−
        </ul>
+
  
−
        <ul class="team_list">
+
            <ul class="tuandui_list">
−
            <li class="member">
+
                <li class="duiyuan">
−
                <img src="img/头像.jpg" alt="">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <a class="memberInfor">
+
                     <div class="xingming">Shane</div>
−
                     <span class="memberName">Tom Rao</span>
+
                     <div class="jieshao">
−
                     <div class="memberIntro">
+
                         <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
−
                         <p>This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man who is willing to devote
+
                             like
−
                             his life into biology research. He’s one of the modelling group and built up the ATc model
+
                             professor
−
                             of our project. He also took charge in the interLab and successfully pass the data check.</p>
+
                            Li who is my goddess.</p>
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">YinQing Zeng</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Zhiqing Guo</span>
+
                         <p class="saohua">I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I
−
                     <div class="memberIntro">
+
                             love
−
                         <p>My name is Zhiqing Guo,and you also can call me Farlina.It is my second year to attend
+
                            rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert
−
                            iGEM.I made a lot of friends here who company me all the time.iGEMers let me know what
+
                             shop in the future even though I don't like dessert.</p>
−
                             persistence is and never toss in when I confront barriers.So I want to say I am into you
+
−
                             guys.</p>
+
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Lingyu Zhong</span>
+
                         <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                             and
−
                         <p>My name is Lingyu Zhong and you may call me Xue Zhang, which means senior in English.
+
                             always try
−
                             Although I don’t know why they call me so. It’s my second year to be an iGEMer, and I also
+
                             her best to think and reflect.</p>
−
                             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>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Zhuoqi Huang</span>
+
                         <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                             and
−
                         <p>Hello, my name is Zhuoqi Huang, a boy who come from a beautiful city called Jieyang. It is
+
                             always try
−
                             my honour to join in the iGEM as a member of wetlab. Although bioinformatics is my major, I
+
                             her best to think and reflect.</p>
−
                             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>
 
                     </div>
−
                 </a>
+
                 </li>
−
             </li>
+
             </ul>
−
        </ul>
+
  
−
        <ul class="team_list">
+
            <ul class="tuandui_list">
−
            <li class="member">
+
                <li class="duiyuan">
−
                <img src="img/头像.jpg" alt="">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <a class="memberInfor">
+
                     <div class="xingming">Shane</div>
−
                     <span class="memberName">Heng Heng</span>
+
                     <div class="jieshao">
−
                     <div class="memberIntro">
+
                         <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
−
                         <p>I‘m Heng Heng. This is my first year in HZAU-iGEM team. I'm eager for knowledge, and iGEM is
+
                             like
−
                             the place I want.</p>
+
                            professor
 +
                            Li who is my goddess.</p>
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">YinQing Zeng</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Hangxi Fu</span>
+
                         <p class="saohua">I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I
−
                     <div class="memberIntro">
+
                             love
−
                         <p>This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan and I am proud of my
+
                            rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert
−
                            rich hometown.I am crazy about philosophy and psychology.Also,I am busy with biology just
+
                            shop in the future even though I don't like dessert.</p>
−
                             because it's my business.I am engaging in wet lab in iGEM though I wanna study modeling.</p>
+
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Mo Qiqin</span>
+
                         <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                             and
−
                         <p>This is Mo Qiqin, fan of Kerbal Space Program. I love building fantastic space crafts and I
+
                             always try
−
                             launch them successfuly. iGEM is more like a sand box game, for people can combine every
+
                             her best to think and reflect.</p>
−
                             parts they own to fulfill their fantasies, even the Deep Dark Fantasies♂. In the passed two
+
−
                             years, I fulfilled my fantasies and got friendships in our iGEM team. Oh, that’s good!</p>
+
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Songtao Cheng</span>
+
                         <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                             and
−
                         <p>Hello! My name is Songtao Cheng. It's my second year to be an iGEMer. During the iGEM
+
                             always try
−
                             project I found that synthetic biology is so charming. Joining iGEM is a good chance for me
+
                            her best to think and reflect.</p>
−
                             to learn knowledge and communicate with creative people to broaden my horizon. In short, I
+
−
                            enjoy it!</p>
+
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
             </li>
+
             </ul>
−
        </ul>
+
  
−
        <ul class="team_list">
+
            <ul class="tuandui_list">
−
            <li class="member">
+
                <li class="duiyuan">
−
                <img src="img/头像.jpg" alt="">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <a class="memberInfor">
+
                     <div class="xingming">Shane</div>
−
                     <span class="memberName">Ruonan Tian</span>
+
                     <div class="jieshao">
−
                     <div class="memberIntro">
+
                         <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant person
−
                         <p>My name is Ruonan Tian, I am now studying bioinformatics at HZAU. I have a wide range of
+
                             like
−
                             interests, such as sports, reading and watching movies. However, I especially love igem,
+
                             professor
−
                             because I learn concentration from it.</p>
+
                            Li who is my goddess.</p>
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">YinQing Zeng</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Wenxin Hu</span>
+
                         <p class="saohua">I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I
−
                     <div class="memberIntro">
+
                             love
−
                         <p>Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have great passion in science
+
                            rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert
−
                            and always dream to save the world! It’s my first year in team HZAU-iGEM and iGEM provides
+
                             shop in the future even though I don't like dessert.</p>
−
                             me a platform to achieve my dream. Everyone is nice here and I’m really happy to meet you
+
−
                             all!</p>
+
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
            <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                <img src="img/头像.jpg" alt="">
+
                     <div class="xingming">Yini Miao</div>
−
                <a class="memberInfor">
+
                     <div class="jieshao">
−
                     <span class="memberName">Aries</span>
+
                         <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                             and
−
                         <p>My name is Aries.It is a great pleasure for me to be a member of HZAU-IGEM experiment
+
                             always try
−
                             group.My major contribution is in the related design work.Joining IGEM is a good chance for
+
                            her best to think and reflect.</p>
−
                             me to learn knowledge and make friends with others.I believe we'll achieve good results
+
−
                            this time！</p>
+
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </li>
−
            </li>
+
                <li class="duiyuan">
−
             <li class="member">
+
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
−
                 <img src="img/头像.jpg" alt="">
+
                    <div class="xingming">Yini Miao</div>
−
                 <a class="memberInfor">
+
                    <div class="jieshao">
−
                     <span class="memberName">Shuguang Wang</span>
+
                        <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling last year
−
                     <div class="memberIntro">
+
                            and
−
                         <p>I majored in bioinformatics, a member of the Mathematical Modeling Team. Designer of the
+
                            always try
−
                             Bacterial Colony Counter and programmer of our wiki. </p>
+
                            her best to think and reflect.</p>
 +
                    </div>
 +
                </li>
 +
             </ul>
 +
        </div>
 +
 
 +
        <div id="float02">
 +
            <div class="h1">STUDENT ADVISOR</div>
 +
            <ul class="tuandui_list">
 +
                 <li class="duiyuan">
 +
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
 +
                    <div class="xingming">Shane</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>
 +
            </ul>
 +
        </div>
 +
 
 +
        <div id="float03">
 +
            <div class="h1">ADVISOR</div>
 +
            <ul class="tuandui_list">
 +
                <li class="duiyuan">
 +
                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" alt="">
 +
                    <div class="xingming">Shane</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://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" 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://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" 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://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1538081495377&di=6ca244d1360ec257418f4dc5db85beb1&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201504%2F15%2F20150415H0029_UBwyM.jpeg" 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>
 
                     </div>
−
                 </a>
+
                 </li>
−
             </li>
+
            </ul>
−
         </ul>
+
        </div>
 +
    </div>
 +
    <!-- 左侧菜单栏 -->
 +
    <div class="cebian">
 +
        <a class="logoleft" href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--logo-200.png" alt=""></a>
 +
        <!-- 滚动菜单栏 -->
 +
        <div class="daohangyi" href="#">
 +
                <span class="biaoti">Team</span>
 +
                <span class="xsjPic"><img src="img/xjt1.svg" alt=""></span>
 +
             </div>
 +
         <div class="floatCtro">
 +
            <p class="daohanger">Memebers</p>
 +
            <p class="daohanger">Student advisor</p>
 +
            <p class="daohanger">Advisors</p>
 +
            <a>
 +
                <span>Back&nbsp;to&nbsp;top</span>
 +
            </a>
 +
        </div>
 +
        <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China">
 +
            <span class="biaoti">Attributions</span>
 +
            <span class="xsjPic"><img src="img/yjt.svg" alt=""></span>
 +
        </a>
 +
        <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China">
 +
            <span class="biaoti">Collaborations</span>
 +
            <span class="xsjPic"><img src="img/yjt.svg" alt=""></span>
 +
        </a>
 +
        <!-- 滚动菜单栏 -->
 
     </div>
 
     </div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 18:05, 27 September 2018

MEMBERS
  • Shane

    This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

  • YinQing Zeng

    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.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Shane

    This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

  • YinQing Zeng

    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.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Shane

    This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

  • YinQing Zeng

    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.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Shane

    This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

  • YinQing Zeng

    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.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

STUDENT ADVISOR
  • Shane

    This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

ADVISOR
  • Shane

    This year，I'm captain of the HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

  • YinQing Zeng

    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.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

  • Yini Miao

    Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

Team

Memebers

Student advisor

Advisors

Back to top
Attributions Collaborations