|
|
(7 intermediate revisions by one other user not shown) |
Line 1: |
Line 1: |
− | <html lang="zh">
| |
− | <head>
| |
− | <meta charset="UTF-8">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
− | <title>team</title>
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/default?action=raw&ctype=text/css" />
| |
− | <link href="https://2018.igem.org/Template:UESTC-China/CSS/bootmin?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2018.igem.org/Template:UESTC-China/CSS/font?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" media="all" href="https://2018.igem.org/Template:UESTC-China/CSS/style?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" media="all" href="https://2018.igem.org/Template:UESTC-China/CSS/evenflow?action=raw&ctype=text/css">
| |
− | <link href="https://2018.igem.org/Template:UESTC-China/CSS/component?action=raw&ctype=text/css">
| |
− | <style type="text/css">
| |
− | .evenflow li a{
| |
− | background: none;
| |
− | box-shadow: none;
| |
− | }
| |
− | btn-primary:hover{
| |
− | background-color: none;
| |
− | }
| |
− | .md-perspective,
| |
− | .md-perspective body {
| |
− | height: 100%;
| |
− | overflow: hidden;
| |
− | }
| |
| | | |
− | .md-perspective body {
| |
− | background: #fff;
| |
− | -webkit-perspective: 600px;
| |
− | -moz-perspective: 600px;
| |
− | perspective: 600px;
| |
− | }
| |
− |
| |
− | .container {
| |
− | min-height: 100%;
| |
− | }
| |
− |
| |
− | .md-modal {
| |
− | position: fixed;
| |
− | top: 55%;
| |
− | left: 50%;
| |
− | width: 80%;
| |
− | max-width: 900px;
| |
− | min-width: 320px;
| |
− | min-height: 600px;
| |
− | max-height: 600px;
| |
− | height: auto;
| |
− | z-index: 9999999;
| |
− | visibility: hidden;
| |
− | -webkit-transform: translateX(-50%) translateY(-50%);
| |
− | -moz-transform: translateX(-50%) translateY(-50%);
| |
− | -ms-transform: translateX(-50%) translateY(-50%);
| |
− | transform: translateX(-50%) translateY(-50%);
| |
− | }
| |
− |
| |
− | .md-show {
| |
− | visibility: visible;
| |
− | }
| |
− |
| |
− | .md-overlay {
| |
− | position: fixed;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | visibility: hidden;
| |
− | top: 0;
| |
− | left: 0;
| |
− | z-index: 9999995;
| |
− | opacity: 0;
| |
− | background: rgba(1,1,1,0.6);
| |
− | -webkit-transition: all 0.3s;
| |
− | -moz-transition: all 0.3s;
| |
− | transition: all 0.3s;
| |
− | }
| |
− |
| |
− | .md-show ~ .md-overlay {
| |
− | opacity: 1;
| |
− | visibility: visible;
| |
− | }
| |
− |
| |
− | /* Content styles */
| |
− | .md-content {
| |
− | color: #5b5b5b;
| |
− | background: #fff;
| |
− | position: relative;
| |
− | border-radius: 0px;
| |
− | margin: 0 auto;
| |
− | }
| |
− | .md-content .md-close-btn {
| |
− | position: absolute;
| |
− | top: 10px;
| |
− | right: 5px;
| |
− | z-index: 999999;
| |
− | }
| |
− | .md-content .md-close-btn a{
| |
− | color: #909090;
| |
− | cursor: pointer;
| |
− | }
| |
− | .md-content .md-close-btn a:hover{
| |
− | color: #212121;
| |
− | }
| |
− | .md-content .md-close {
| |
− | font-size: 13px;
| |
− | }
| |
− |
| |
− | .md-content h3 {
| |
− | font-size: 16px;
| |
− | font-weight: 600;
| |
− | margin: 0;
| |
− | padding: 20px;
| |
− | text-align: center;
| |
− | background: #fff;
| |
− | border-radius: 0;
| |
− | color: #797979;
| |
− | }
| |
− |
| |
− | .md-content > div {
| |
− | padding: 15px 40px 30px;
| |
− | margin: 0;
| |
− | font-weight: 300;
| |
− | font-size: 14px;
| |
− | }
| |
− |
| |
− | .md-content > div p {
| |
− | margin: 0;
| |
− | padding: 10px 0;
| |
− | }
| |
− |
| |
− | .md-content > div ul {
| |
− | margin: 0;
| |
− | padding: 0 0 30px 20px;
| |
− | }
| |
− |
| |
− | .md-content > div ul li {
| |
− | padding: 5px 0;
| |
− | }
| |
− |
| |
− |
| |
− | /* Individual modal styles with animations/transitions */
| |
− |
| |
− | /* Effect 1: Fade in and scale up */
| |
− | .md-effect-1 .md-content {
| |
− | -webkit-transform: scale(0.7);
| |
− | -moz-transform: scale(0.7);
| |
− | -ms-transform: scale(0.7);
| |
− | transform: scale(0.7);
| |
− | opacity: 0;
| |
− | -webkit-transition: all 0.3s;
| |
− | -moz-transition: all 0.3s;
| |
− | transition: all 0.3s;
| |
− | }
| |
− | .md-show.md-effect-1 .md-content {
| |
− | -webkit-transform: scale(1);
| |
− | -moz-transform: scale(1);
| |
− | -ms-transform: scale(1);
| |
− | transform: scale(1);
| |
− | opacity: 1;
| |
− | }
| |
− |
| |
− |
| |
− | .hehe{
| |
− | height: 60px;
| |
− | color:#fff;
| |
− | font-size:12px;
| |
− | position:relative;
| |
− | z-index:inherite;
| |
− | background-color:#31b0d5;
| |
− | margin-top:880px;
| |
− | margin-bottom:-30px
| |
− | }
| |
− | .team .row{
| |
− | margin-right: 0px;
| |
− | margin-left: 0px;
| |
− | }
| |
− | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
| |
− | margin:0.2em 0 0 0 !important;
| |
− | z-index=9999;
| |
− | }
| |
− | .containe{
| |
− | width:100%;
| |
− | margin-right:0px !important;
| |
− | margin-left:0px !important;
| |
− | position:fixed;
| |
− | top:0.5em;
| |
− | padding:0;
| |
− | z-index=9999;
| |
− | }
| |
− | .navbar-brand{
| |
− | padding: 29px 15px;
| |
− | height: auto;
| |
− | }
| |
− | nav.navbar.bootsnav{
| |
− | border: none;
| |
− | margin-bottom: 150px;
| |
− | }
| |
− | .navbar-nav{
| |
− | float: left
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li > a{
| |
− | color: #474747;
| |
− | text-transform: uppercase;
| |
− | padding: 20px 24px;
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li:hover{
| |
− | background: #f4f4f4;
| |
− | }
| |
− | .nav > li:after{
| |
− | content: "";
| |
− | width: 0;
| |
− | height: 5px;
| |
− | background: #34c9dd;
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | transition: all 0.5s ease 0s;
| |
− | }
| |
− | .nav > li:hover:after{
| |
− | width: 100%;
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
| |
− | content: "+";
| |
− | font-family: 'FontAwesome';
| |
− | font-size: 16px;
| |
− | font-weight: 500;
| |
− | position: absolute;
| |
− | top: 35%;
| |
− | right: 10%;
| |
− | transition: all 0.4s ease 0s;
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
| |
− | content: "\f105";
| |
− | transform: rotate(90deg);
| |
− | }
| |
− | .dropdown-menu.multi-dropdown{
| |
− | position: absolute;
| |
− | left: -100% !important;
| |
− | }
| |
− | nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
| |
− | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
| |
− | border: none;
| |
− | }
| |
− | @media only screen and (max-width:990px){
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
| |
− | .dropdown-menu.multi-dropdown{ left: 0 !important; }
| |
− | nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
| |
− | nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
| |
− | }
| |
− |
| |
− | </style>
| |
− | </head>
| |
− | <body>
| |
− |
| |
− | <div class="demo" style="padding: 0 0; z-index:9999">
| |
− | <div class="containe" style="z-index:9999">
| |
− | <div class="row" style="z-index:9999">
| |
− | <div class="col-md-12" style="z-index:9999">
| |
− | <nav class="navbar navbar-default navbar-mobile bootsnav" style="z-index:9999" >
| |
− | <div class="navbar-header" style="height:60px; z-index:9999; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#d9d9d9">
| |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu" style="margin-top:13px;">
| |
− | <i class="fa fa-bars"> UESTC-China</i>
| |
− | </button>
| |
− | </div>
| |
− | <div class="collapse navbar-collapse" id="navbar-menu" style="border-bottom-style:solid; border-bottom-width:1px" style="z-index:9999">
| |
− | <ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/">HOME</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/achievement">ACHIEVEMENT</a></li>
| |
− | <li class="dropdown">
| |
− | <a href="https://2018.igem.org/Team:UESTC-China/project" class="dropdown-toggle" data-toggle="dropdown">PROJECT</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/project_introduction">Introduction</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/project_design">Design</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/project_demonstrate">Demonstrate</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/project_part">Part</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/modeling">MODELING</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/attributions">ATTRIBUTIONS</a></li>
| |
− | <li class="dropdown">
| |
− | <a href="https://2018.igem.org/Team:UESTC-China/hp" class="dropdown-toggle" data-toggle="dropdown">H P</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/hp_ourstory">Our Story</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/hp_supportingresearch">Supporting Research</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/hp_engagement">Engagement</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="https://2018.igem.org/Team:UESTC-China/team" class="dropdown-toggle" data-toggle="dropdown">TEAM</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/team_teamintroduction">Team Introduction</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:UESTC-China/team_collaborations">Collaborations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="https://2018.igem.org/Team:UESTC-China/notebook" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="#">Day Note</a></li>
| |
− | <li><a href="#">.........</a></li>
| |
− | <li><a href="#">..........</a></li>
| |
− | <li><a href="#">..........</a></li>
| |
− | <li><a href="#">........</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− |
| |
− | </div>
| |
− | </nav>
| |
− | </div>
| |
− | <div class="logo" style="height:45px; width:112px; position: absolute;right: 20px;z-index: 9999;top: 10px;">
| |
− | <a href="#">
| |
− | <img src="https://static.igem.org/mediawiki/2018/e/ee/T--UESTC-China--biglogo.jpg" width="112" height="45" >
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="team" style="margin-top:-30px; position:relative; width:100%; z-index=1; background-color:#000">
| |
− |
| |
− | <div class="team-title" style="width:1500px;margin-top:50px; position:absolute; position: absolute;right: 0;left: 0;margin-right: auto;margin-left:auto">
| |
− | <img src="https://static.igem.org/mediawiki/2018/f/f4/T--UESTC-China--mondrian.jpg" width="1500px" style=" position:absolute; position: absolute;right: 0;left: 0;margin-right: auto;margin-left: auto;max-width:none;">
| |
− | <ul class="evenflow sample_1">
| |
− | <li class="evenflow_scale" style="width: 360px; height:400px; position: absolute; top:97px; left:132px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-yjz"><img src="https://static.igem.org/mediawiki/2018/c/cd/T--UESTC-China--yjz.png" style="width: 400px;height: 340px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:466px; left:82px">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-wq"><img src="https://static.igem.org/mediawiki/2018/4/4f/T--UESTC-China--wq.png" style="width: 160px;height: 145px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:290px; left:465px">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zyx"><img src="https://static.igem.org/mediawiki/2018/thumb/1/13/T--UESTC-China--zyx.png/320px-T--UESTC-China--zyx.png" style="width: 200px;height: 145px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 280px; height:200px; position: absolute; top:480px; left:720px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-ths"><img src="https://static.igem.org/mediawiki/2018/b/b7/T--UESTC-China--ths.png" style="width: 200px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:650px; left:110px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-plj"><img src="https://static.igem.org/mediawiki/2018/5/50/T--UESTC-China--plj.png" style="height: 180px;width: 200px;" ></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:460px; left:275px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zx"><img src="https://static.igem.org/mediawiki/2018/thumb/b/b3/T--UESTC-China--zx.png/600px-T--UESTC-China--zx.png" style="height: 160px;width: 160px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:560px; left:490px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zl"><img src="https://static.igem.org/mediawiki/2018/5/59/T--UESTC-China--zl.png" style="height: 160px;width: 175px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:640px; left:720px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-pqc"><img src="https://static.igem.org/mediawiki/2018/8/83/T--UESTC-China--pqc.png" style="height: 160px;width: 170px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:100px; left:1130px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-lxy"><img src="https://static.igem.org/mediawiki/2018/5/58/T--UESTC-China--lxy.png" style="height: 160px;width: 170px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:190px; left:735px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-yjy"><img src="https://static.igem.org/mediawiki/2018/5/5d/T--UESTC-China--yjy.png" style="height: 160px;width: 150px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 330px; height:300px; position: absolute; top:500px; left:1000px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-lcy"><img src="https://static.igem.org/mediawiki/2018/1/14/T--UESTC-China--lcy.png" style="height: 265px;width: 300px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:283px; left:1120px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-dsz"><img src="https://static.igem.org/mediawiki/2018/f/ff/T--UESTC-China--dsz.png" style="height: 170px;width: 180px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:287px; left:952px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-xys"><img src="https://static.igem.org/mediawiki/2018/6/6a/T--UESTC-China--xys.png" style="height: 150px;width: 160px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:118px; left:490px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-zyt"><img src="https://static.igem.org/mediawiki/2018/3/31/T--UESTC-China--zyt.png" style="height: 140px;width: 175px;"></a>
| |
− | </li>
| |
− | <li class="evenflow_scale" style="width: 250px; height:200px; position: absolute; top:27px; left:735px;">
| |
− | <a href="javascript:;" class="md-trigger btn btn-sm" data-modal="modal-wys"><img src="https://static.igem.org/mediawiki/2018/6/61/T--UESTC-China--wys.png" style="height: 140px;width: 153px;"></a>
| |
− | </li>
| |
− |
| |
− |
| |
− | </ul>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="neirong" style="position:relative; z-index:1 ;padding:0 8%; ">
| |
− | <div class="container">
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-yjz">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/a/a8/T--UESTC-China--yjz2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Yang Jianzhe</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-wq">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/thumb/7/72/T--UESTC-China--wq2.jpg/540px-T--UESTC-China--wq2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 50px 40px;">
| |
− | <div>
| |
− | <h3>Wang Qi</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:150%;">I'm happy to be one of the iGEMers. Here I opened the door to the new world of synthetic biology. Thanks to this competition, I not only learned a lot of knowledge of synthetic biology, but also got to know a lot of like-minded friends. Although I was tired and tired every day for the further perfection of the project, I felt painful but happy. IGEM is not only a technology competition, but also a stage to show our wonderful ideas. This summer, a wonderful trip, for my future left a good memory!
| |
− |
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-zyx">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/thumb/b/b5/T--UESTC-China--zyx2.jpg/540px-T--UESTC-China--zyx2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Zhang Yuxian</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-ths">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/8/8a/T--UESTC-China--ths2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Tan Huishuang</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-plj">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/d/d2/T--UESTC-China--plj2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Pan Longjing</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1 " id="modal-zx">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/4/44/T--UESTC-China--zx.jpg">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Zhou Xiang</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-zl">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/a/a1/T--UESTC-China--zl2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Zhao Liang</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-pqc">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/thumb/f/f6/T--UESTC-China--pqc2.jpg/540px-T--UESTC-China--pqc2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Pan Qichen</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-lxy">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/thumb/2/26/T--UESTC-China--lxy2.jpg/539px-T--UESTC-China--lxy2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Liu Xieyi</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-yjy">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/thumb/0/03/T--UESTC-China--yjy2.jpg/539px-T--UESTC-China--yjy2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Yin Jiayi</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-lcy">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UESTC-China--lcy2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Li Changyu</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-dsz">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/thumb/8/8e/T--UESTC-China--dsz2.jpg/539px-T--UESTC-China--dsz2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Li Changyu</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-xys">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/0/0d/T--UESTC-China--xys2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Xu Yinsong</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-zyt">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/c/cd/T--UESTC-China--zyt2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 120px 40px;">
| |
− | <div>
| |
− | <h3>Zou Yetao</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">iGEM is the first academic competetion which means a lot for me. During this summer, I stayed in lab with other 15 partners. In a sense, it is the first time to participate in scientific research for us. Paid a lot, and harvest a lot.
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="md-modal md-effect-1" id="modal-wys">
| |
− | <div class="md-content" style="min-height: 600px; max-height:600px">
| |
− | <div style="width: 60%;position: absolute;right: 0px;height: 100%; padding:0px; overflow:hidden">
| |
− | <img src="https://static.igem.org/mediawiki/2018/7/73/T--UESTC-China--wys2.jpg" width="540" height="600">
| |
− | </div>
| |
− | <div style="width: 40%;height: 600px; padding: 60px 40px;">
| |
− | <div>
| |
− | <h3>Wang Yansong</h3>
| |
− | <p style="font-size: 17px;font-family: corbel;margin-top: px; line-height:200%;">For me, iGEM is a magical competition. I hardly ever imagined that we could put microbes together so that they would work like a machine before we really got to know it. The experience of working with peers for iGEM is hard but fun, and it's fun to keep exploring the biology behind it. IGEM is a window, it brings me very limited things, but I see more through it.
| |
− |
| |
− | </p>
| |
− | <button class="md-close btn-sm btn-primary" style="margin-top: 30px;">Close me!</button>
| |
− | </div></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="md-overlay"></div>
| |
− |
| |
− | </div>
| |
− | <div class="hehe" style="background-color:balck">
| |
− | <div class="container" style="padding-top:0px;">
| |
− | <div class="row">
| |
− | <div class="col-md-12 " style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">Copyright © 2018 iGEM UESTC_China </div>
| |
− | <div class="col-md-12" style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">
| |
− | <div class="social-icons style="float:right; line-height:60px">
| |
− |
| |
− | <i><a href="http://www.facebook.com/uestcchinaigem" class="fa fa-facebook"></a></i>
| |
− | <i><a href="http://twitter.com/UESTC_China" class="fa fa-twitter"></a></i>
| |
− | <i><a href="https://weibo.com/u/5983731394" class="fa fa-weibo"></a></i>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
| |
− | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/classie?action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/model?action=raw&ctype=text/javascript"></script>
| |
− |
| |
− |
| |
− | </body>
| |
− | </html>
| |