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

(Prototype team page)
 
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>Attributions</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: 810px) {
 +
            #section1, #section2, #section3, #section4, #section5 {
 +
            background-color: #eee; color:#171717;
 +
            }
 +
        }
 +
 +
    </style>
 +
 +
    <style type="text/css">
 +
       
 +
            *{ padding:0px; margin:0px; }
 +
            body{ background:#D5DEE7; }
 +
            a{ color:#C8DCE5; }
 +
            h3{ margin: 10px 10px 0 10px; 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: 120px;
 +
                width: 100%;
 +
                opacity: .8;
 +
                /* 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: 260;
 +
                    left: 0;
 +
                }
 +
                .caption .boxcaption {
 +
                    top: 220;
 +
                    left: 0;
 +
                }
 +
               
 +
        </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:'200px'},{queue:false,duration:200});
 +
                }, function() {
 +
                    $(".cover", this).stop().animate({top:'280px'},{queue:false,duration:200});
 +
                });
 +
            });
 +
        </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" style="padding:0 5px;"><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" style="padding:0 5px;"><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">
 +
                    <span class="glyphicon glyphicon-list"></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>
 +
                        </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/Modeling" >
 +
                            MODELING
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:HUST-China/Parts">
 +
                            PARTS
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:HUST-China/Human_Practices">
 +
                            HUMAN PRACTICES
 +
                        </a>
 +
                    </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 class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
 +
                <h3 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/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
 +
 +
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
 +
  
  
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png"/ class="img-responsive center-block">
 +
                        <div class="cover boxcaption">
 +
                            <h3>Yuanzhe Shao</h3>
 +
                            <p>student leader</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="boxgrid caption">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9c/2017_HUST_China_shaoyuanzhe.png" class="img-responsive center-block"/>
 +
                        <div class="cover boxcaption">
 +
                            <h3>Kamil Smala</h3>
 +
                            <p>Artist<br/><a href="#" target="_BLANK">More Work</a></p>
 +
                        </div>
 +
                    </div>
  
−
<div class="column full_size" >
+
                    <h3 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/4/44/Vedio_first_image.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>

Revision as of 03:38, 28 October 2017

Attributions

「Team Roster」

Acknowledgments: