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

(Prototype team page)
 
 
(19 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{HUST-China}}
 
−
 
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="renderer" content="webkit">
 +
    <title>Team Roster</title>
 +
    <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
   
 +
 +
    <style>
 +
    *{ padding:0px; margin:0px;}
 +
    img{ border:none;}
 +
    ul,li{ list-style:none;}
 +
    .box li{ width:190px; height:114px; margin-right:10px; float:left; overflow:hidden; position:relative;}
 +
    .toll_img{ width:190px; height:114px;}
 +
    .toll_info{ height:114px; background:#EEE; vertical-align:middle;display:table-cell;}
 +
    .box li p{ padding:10px; font:normal 13px/24px '微软雅黑'; cursor:pointer;}
 +
    .box li a{ color:#666; text-decoration:none; position:absolute; top:0; left:0;}
 +
    </style>
 +
    <script type="javascript/text">
 +
    $(document).ready(function(){
 +
        $('.box a').mouseover(function(){
 +
            $(this).stop().animate({"top":"-114px"}, 200);
 +
        })
 +
        $('.box a').mouseout(function(){
 +
            $(this).stop().animate({"top":"0"}, 200);
 +
        })
 +
    })
 +
 +
 +
   
 +
</script>
 +
    <script>
 +
    if ($('.firstHeading')) $('.firstHeading').remove();
 +
    </script>
 +
    <style>
 +
    html {
 +
        overflow-x: hidden;
 +
        width: 100%;
 +
    }
 +
   
 +
    .banner-top {
 +
        margin-left: 15%;
 +
    }
 +
   
 +
    #igem_home_logo {
 +
        width: 100%;
 +
        margin-top: 80px;
 +
    }
 +
   
 +
    @media (min-width: 992px) {
 +
        .work-content .col-md-4 {
 +
            width: 25%;
 +
            margin-right: 8%;
 +
        }
 +
    }
 +
   
 +
    .carousel-control.left,
 +
    .carousel-control.right {
 +
        background-image: none;
 +
        padding-top: 18%;
 +
    }
 +
   
 +
    .carousel-indicators li {
 +
        background-color: #fff;
 +
        border: 1px solid #a94442;
 +
    }
 +
   
 +
    .carousel-indicators li.active {
 +
        background-color: #f0ad4e;
 +
    }
 +
   
 +
    #contentSub,
 +
    #contentcontainer,
 +
    #footer-box,
 +
    #sitesub,
 +
    #catlinks,
 +
    #search-controls,
 +
    #p-logo,
 +
    .h3,
 +
    .printfooter,
 +
    .firstHeading,
 +
    .visualClear {
 +
        display: none;
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #sideMenu,
 +
    #top_title {
 +
        display: none;
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #sideMenu .mainMenu_toggle,
 +
    #sideMenu .mainMenu_Title,
 +
    #sideMenu .sideMenuTitle,
 +
    #sideMenu .expand_subMenus {
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #bodyContent h1,
 +
    #bodyContent h2,
 +
    #bodyContent h3,
 +
    #bodyContent h4,
 +
    #bodyContent h5 {
 +
        margin-bottom: 0px;
 +
    }
 +
   
 +
    #search_text {
 +
        color: #000;
 +
    }
 +
   
 +
    #globalWrapper,
 +
    #content {
 +
        position: absolute;
 +
        left: 0;
 +
        right: 0;
 +
        top: 0;
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin: 0px;
 +
        padding: 0px;
 +
    }
 +
   
 +
    @media (min-width: 1200px) {
 +
        .container-fluid .container {
 +
            width: 969px;
 +
            /* margin-left: 300px; */
 +
        }
 +
        .head-container {
 +
            width: 1170px;
 +
        }
 +
    }
 +
    /* article */
 +
   
 +
    .text-content article p {
 +
        text-indent: 20px;
 +
        margin: 10px 0;
 +
        font-size: 15px;
 +
        line-height: 24px;
 +
    }
 +
   
 +
    .text-content article img {
 +
        width: 80%;
 +
        padding-left: 20%;
 +
        /* margin-left: 20%; */
 +
    }
 +
    /*    .mw-content-ltr ol{
 +
        margin:0;
 +
    } */
 +
   
 +
    ol.carousel-indicators {
 +
        position: absolute;
 +
        bottom: 10px;
 +
        left: 50%;
 +
        z-index: 15;
 +
        width: 60%;
 +
        padding-left: 0;
 +
        margin-left: -30%;
 +
        text-align: center;
 +
        list-style: none;
 +
    }
 +
 +
       
 +
        @charset "utf-8";
 +
    body {
 +
        font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
 +
        color: #666;
 +
        width:100%;
 +
    }
 +
    .logo {
 +
        padding:0;
 +
    }
 +
 +
    #myCarousel {
 +
        margin: 50px 0 0 0;
 +
    }
 +
    #navbar-collapse ul {
 +
        margin-top:0;
 +
    }
 +
    .carousel-inner img {
 +
        margin: 0 auto;
 +
    }
 +
    /*.carousel-control {
 +
        font-size: 100px;
 +
    }*/
 +
    .tab-h1 {
 +
        width:100%;
 +
        font-size: 30px;
 +
        text-align: center;
 +
        letter-spacing: 1px;
 +
        color: #ffffff;
 +
        background-color:#97477c;
 +
        padding: 30px;
 +
        margin: 0;
 +
    }
 +
 +
    .tab-p {
 +
        font-size: 20px;
 +
        text-align: center;
 +
        letter-spacing: 1px;
 +
        color: #999;
 +
        margin: 20px 0 40px 0;
 +
    }
 +
 +
    .container-fluid{
 +
        width:100%;
 +
    }
 +
 +
    .tab1 {
 +
        width:100%;
 +
        margin: 0 0;
 +
        color: #666;
 +
        background:#333;
 +
    }
 +
 +
    .tab1 .text-muted {
 +
        color: #999;
 +
        text-decoration: line-through;
 +
    }
 +
    .tab1 .media-heading {
 +
        margin: 5px 0 20px 0;
 +
    }
 +
    .tab1 .col {
 +
        padding: 20px;
 +
    }
 +
 +
    .text span{
 +
        color: #97477c;
 +
    }
 +
    .text p {
 +
        font-size: 14px;
 +
    }
 +
    #footer {
 +
        background-color: #eee;
 +
        border-top: 1px solid #ccc;
 +
        padding: 20px;
 +
        text-align: center;
 +
    }
 +
    .text h4{
 +
        padding: 5px 10px;
 +
    }
 +
    .text p{
 +
        padding: 2px 10px;
 +
    }
 +
    .text h5{
 +
        padding: 3px 10px;
 +
    }
 +
    .dropdown button{
 +
        margin: 2px 20px;
 +
    }
 +
    /*没有小于768px，是因为Bootstrap3以移动端优先设计*/
 +
 +
    /* 小屏幕（平板，大于等于768px） */
 +
    @media (min-width: 768px) {
 +
        .tab-h1 {
 +
            font-size: 26px;
 +
        }
 +
        .tab-p {
 +
            font-size: 16px;
 +
        }
 +
        .text h3 {
 +
            font-size: 22px;
 +
        }
 +
        .text p {
 +
            font-size: 10px;
 +
            text-indent: 20px;
 +
        }
 +
        .tab2-text {
 +
            float: left;
 +
        }
 +
        .tab2-img {
 +
            float: right;
 +
        }
 +
    }
 +
 +
    /* 中等屏幕（桌面显示器，大于等于992px） */
 +
    @media (min-width: 992px) {
 +
        .tab-h1 {
 +
            font-size: 28px;
 +
        }
 +
        .tab-p {
 +
            font-size: 17px;
 +
        }
 +
        .text h3 {
 +
            font-size: 24px;
 +
        }
 +
        .text p {
 +
            font-size: 12px;
 +
            text-indent: 24px;
 +
        }
 +
    }
 +
 +
    /* 大屏幕（大桌面显示器，大于等于1200px） */
 +
    @media (min-width: 1200px) {
 +
        .tab-h1 {
 +
            font-size: 30px;
 +
        }
 +
        .tab-p {
 +
            font-size: 18px;
 +
        }
 +
        .text h3 {
 +
            font-size: 26px;
 +
        }
 +
        .text p {
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
        }
 +
    }
 +
       
 +
 +
    body {
 +
            position: relative;
 +
        }
 +
        ul.nav-pills {
 +
            top: 200px;
 +
            position: fixed;
 +
        }
 +
        ul.nav-pills2 {
 +
            bottom:50px;
 +
            position: fixed;
 +
        }
 +
 +
 +
        div.col-sm-10 div {
 +
            min-height: 10px;
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
            color:#0f0f0f;
 +
        }
 +
 +
        @media screen and (max-width: 992px) {
 +
            #section1, #section2, #section3, #section4, #section5 {
 +
            background-color: #eee; color:#171717;
 +
            }
 +
        }
 +
 +
        body {
 +
                position: relative;
 +
            }
 +
        @media (min-width: 768px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:10px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:100px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:8px;
 +
            font-weight: bold;
 +
        }
 +
        }
 +
 +
        /* 中等屏幕（桌面显示器，大于等于992px） */
 +
        @media (min-width: 992px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:20px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:110px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:10px;
 +
            font-weight: bold;
 +
        }
 +
        }
 +
 +
        /* 大屏幕（大桌面显示器，大于等于1200px） */
 +
        @media (min-width: 1200px) {
 +
        .menu_logo_1 {
 +
            top: 18px;
 +
            left:80px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
            top: 18px;
 +
            left:170px;
 +
            z-index: 1000;
 +
            position: fixed;
 +
        }
 +
        .nav-pills{
 +
            font-size:12px;
 +
            font-weight: bold;
 +
        }
 +
 +
        }
 +
 +
 +
    </style>
 +
 +
    <style type="text/css">
 +
       
 +
            *{ padding:0px; margin:0px; }
 +
            body{ background:#D5DEE7; }
 +
            a{ color:#C8DCE5; }
 +
            h3{ margin: 5px 5px 0 5px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
 +
           
 +
           
 +
            .boxgrid{
 +
                width: 240px;
 +
                height: 320px;
 +
                margin:14px;
 +
                float:left;
 +
                background:#161613;
 +
                border: solid 2px #8399AF;
 +
                overflow: hidden;
 +
                position: relative;
 +
            }
 +
                .boxgrid img{
 +
                    position: absolute;
 +
                    top: 0;
 +
                    left: 0;
 +
                    border: 0;
 +
                }
 +
                .boxgrid p{
 +
                    padding: 0 10px;
 +
                    color:#afafaf;
 +
                    font-weight:bold;
 +
                    font:10pt "Lucida Grande", Arial, sans-serif;
 +
                }
 +
               
 +
            .boxcaption{
 +
                float: left;
 +
                position: absolute;
 +
                background: #000;
 +
                height: 180px;
 +
                width: 100%;
 +
                opacity: 0.5;
 +
                /* For IE 5-7 */
 +
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 +
                /* For IE 8 */
 +
                -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 +
                }
 +
                .captionfull .boxcaption {
 +
                    top: 265;
 +
                    left: 0;
 +
                }
 +
                .caption .boxcaption {
 +
                    top: 265;
 +
                    left: 0;
 +
                }
 +
                .cover{
 +
                    top:260px;
 +
                }
 +
               
 +
        </style>
 +
       
 +
        <script type="text/javascript" src="js/jquery-1.3.1.js"></script>
 +
        <script type="text/javascript">
 +
            $(document).ready(function(){
 +
                //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
 +
                //Caption Sliding (Partially Hidden to Visible)
 +
                $('.boxgrid.caption').hover(function(){
 +
                    $(".cover", this).stop().animate({top:'140px'},{queue:false,duration:140});
 +
                }, function() {
 +
                    $(".cover", this).stop().animate({top:'265px'},{queue:false,duration:140});
 +
                });
 +
            });
 +
        </script>
 +
 +
 +
</head>
 +
 +
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20"  style="height:auto;">
 +
    <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
 +
        <div class="container">
 +
 +
            <div class="navbar-header">
 +
                <a  href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo menu_logo_1"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
 +
                <a href="https://2017.igem.org" class="navbar-brand logo menu_logo_2"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" style="background-color: #333; color:#111">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
            </div>
 +
 +
 +
            <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            PROJECT <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li>                                   
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Demonstrate">Demonstrate</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            WETLAB <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Experiments">Experiments</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/InterLab">Interlab</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:HUST-China/Model" >
 +
                            MODEL
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            PARTS<b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Basic part">Basic part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Composite part">Composite part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Part collection">Part collection</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            HP<b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Engagement">Engagement</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown active">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            TEAM <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Team">Team Roster</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                        </ul>
 +
                    </li>
 +
 +
 +
                </ul> 
 +
            </div>
 +
        </div>
 +
    </nav>
 +
 +
    <div class="tab1"  style="width:100%;margin-top: 65px;">
 +
            <h1 class="tab-h1" ><strong>「Team Roster」</strong></h1>
 +
    </div>
 +
 +
    <div class="container-fluid text">
 +
        <div class="row">
 +
            <nav class="col-sm-10 col-sm-offset-1" id="myScrollspy">
 +
                    <h3 style="color:#97477c ;border-bottom:solid 1px #333; padding:20px;letter-spacing:1px;margin-top:0;text-align: center;">Advisors</h3>
 +
                    <div>
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/f8/Yan_Yunjun.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yunjun Yan</h3>
 +
                            <p>Prof. Yunjun Yan is a professor and principle investigator of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. Prof. Yan provides field for experiment and activating. He gives us many precious suggestions to our project.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/1f/Ning_Kang.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kang Ning</h3>
 +
                            <p>Prof. Kang Ning is a professor of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. His main research area is bioinformatics. This year, we are so glad that Prof. Ning is our advisor in modeling.</p>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d8/Zhan_Yi.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yi Zhan</h3>
 +
                            <p>Dr. Yi Zhan is a Student Affair Officer in College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. He got his PhD at Huazhong University of Sci.&Tech.. Dr. Zhan is in charge of the instruction of team project and experiment design.</p>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/3a/Xia_Manman.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Manman Xia</h3>
 +
                            <p>Master Manman Xia is a Student Affair Officer in College of Life Science & Technology, HUST. She got her Master's degree major in management at HUST. She is now in charge of the management planning of iGEM-HUST. </p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
                </div>
 +
               
 +
 +
                <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">Our Team</h3>
 +
 +
 +
                <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9e/Shao_Yuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>I'm the greatest student leader.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/b/bb/Deng_Xiao.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Xiao Deng</h3>
 +
                            <p>Hello, I’m Xiao Deng. This is my second year in iGEM-HUST. As a main member, I hope I can help iGEM-HUST gain more success.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/16/Li_Xiaoyang.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Xiaoyang Li</h3>
 +
                            <p>Hi! My name is Xiaoyang Li, a Junior majoring in biotechnology of Huazhong University of S&T. And in this summer vacation, I stayed at school and learned some experimental skills.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9e/Wang_Efan.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Efan Wang</h3>
 +
                            <p>I am a reliable member with excellent laboratory skills, always believing that practice makes perfect.</p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/de/Sun_Yubei.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yubei Sun</h3>
 +
                            <p>My major is bio-technology.I have a great passion for synthetic biology. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/1d/Shi_Huiping.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Huiping Shi</h3>
 +
                            <p>Hello! I'm a junior student of bioscience from HUST-CHINA-2017. I love traveling and making new friends. I'm mainly in charge of building standard bioobricks in our project.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/98/Yu_Yiyan.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yiyan Yu</h3>
 +
                            <p>Yiyan Yu, member of experiment group, music enthusiast.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/6/6a/Cheng_Long.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Long Cheng</h3>
 +
                            <p>Once I met a cat, and I thought it was very cute and impressive, but then I couldn't meet it anymore. Life was like this. </p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/f1/Mei_Jie.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Jie Mei</h3>
 +
                            <p>Like watching animations. As a partner of Yu, we sometimes watch an animation together.:)</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/8/8a/Xiao_Ziyang.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Ziyang Xiao</h3>
 +
                            <p>A member of experiment group, helping construct plasmid vector with new features, preparing and submitting parts. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/4/46/Kang_Kai.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kai Kang</h3>
 +
                            <p>I am Kai Kang, a member of the modeling part，looking forward to communicate with you. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/99/Jia_Longhao.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Longhao Jia</h3>
 +
                            <p>It is unbelievable for me to learn html, css, javascript, jquery, bootstrap and finish the wiki in three months. </p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/7/78/Li_Ziyi.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Ziyi Li</h3>
 +
                            <p>Hello，my name is Ziyi Li. I am an outgoing and hardworking  girl. My favourate thing is animation and I love Haikyuu!! best! My dream is to study further in Japan and be a scientist who would change the world! Fight, HUST-China! </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/2/20/Hu_Yating.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yating Hu</h3>
 +
                            <p>Hope that my war against folly may someday be won, after all. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/fe/Huang_Haibo.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Haibo Huang</h3>
 +
                            <p>Helps little, but every little helps. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/8/8b/Yu_Qingyang.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Qingyang Yu</h3>
 +
                            <p>My name is Qingyang Yu. I am a sophomore who majors in bio-informatics, also a member of experimental group.</p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/2/25/Liao_Shaofeng.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Shaofeng Liao</h3>
 +
                            <p>I' m Liao Shaofeng, who loves reading as well as basketball, is a funny and sunny boy.</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/8/8d/Yu_Kangyuan.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kangyuan Yu</h3>
 +
                            <p>I'm just a happy guy. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/1a/Weng_Zichun.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Zichun Weng</h3>
 +
                            <p>Hello, this is my first year in iGEM-HUST. I major in Biology Technology, member of experimental group. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/1f/Hu_Nan.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Nan Hu</h3>
 +
                            <p>I am Nan Hu and I am now studying in Tongji Medical of Huazhong University of Science and Technology. I am a calm and composed boy and I love the pursuit of truth. I believe the more you try, the more you will get. </p>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div style="margin-left: 265px;">
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/4/4f/Peng_Ting.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Ting Peng</h3>
 +
                            <p>Hello, I'm Ting Peng. I'm a member of experimental group. </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/95/Wu_Yuqi.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuqi Wu</h3>
 +
                            <p>A member of our group for the capture part. </p>
 +
                        </div>
 +
                    </div>
 +
                  </div>
  
  
−
<div class="column full_size" >
+
                    <h3 class="col-xs-12" style="color:#97477c ;border-bottom:solid 1px #333; padding:10px;letter-spacing:1px;margin-top:0;text-align: center;">We are together</h3>
 +
                    <img style="width: 100%; height:auto; display: block; padding:20px; " src="https://static.igem.org/mediawiki/2017/6/61/Groupphoto_of_iGEM-HUST.png" />
  
−
<h1>Team</h1>
 
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
−
</div>
 
  
−
<div class="clear"></div>
+
            </nav>
  
−
<div class="column half_size" >
 
−
<h5>Inspiration</h5>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 
−
</ul>
 
  
−
</div>
+
            <nav class="col-sm-1" id="myScrollspy2.0">
 +
                <div class="container-fluid">
 +
                <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav nav-pills2 nav-stacked">
 +
                    <li class="active">
 +
                    <div style="display:none;" id="rocket-to-top">
 +
                    <div style="opacity:0;display:block;" class="level-2"></div>
 +
                    <div class="level-3"></div>
 +
                    </div>
 +
                    </li>
 +
                </ul>
 +
                </div> 
 +
                </div>     
 +
            </nav>
  
−
<div class="column half_size" >
+
        </div>
−
<h5>What should this page contain?</h5>
+
    </div>
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
    <footer id="footer">
 +
      <div class="container" style="text-align: left">
 +
            <h3 style="color:#333"><strong>Acknowledgments:</strong></h3>
 +
            <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> 
 +
        </div>
 +
    </footer>   
 +
    <script type="text/javascript">
  
 +
    </script>
 +
</body>
  
−
</div>
 
 
</html>
 
</html>

Latest revision as of 05:55, 1 November 2017

Team Roster

「Team Roster」

Acknowledgments: