|
|
| Line 1: |
Line 1: |
| | {{HZAU-China}} | | {{HZAU-China}} |
| − | <html>
| |
| − | <head>
| |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| − | <meta http-equiv="Cache-Control" content="no-cache"/>
| |
| − | <meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
| |
| − | <title>body</title>
| |
| − | <style type="text/css">
| |
| − | *{margin: 0;padding: 0;}
| |
| − | .content_wrapper{
| |
| − | width: 100%;
| |
| − | height:1800px;
| |
| − | background-color: #dfe6ed;
| |
| − | position:absolute;
| |
| − | top:35px;
| |
| − | z-index:-1;
| |
| − | }
| |
| − | .header{
| |
| − | width: 100%;
| |
| − | height: 580px;
| |
| − | position: relative;
| |
| − | background:url(https://static.igem.org/mediawiki/2016/e/e4/Igem_2016_hzau_header_background.png);
| |
| − | }
| |
| − | .title{
| |
| − | width: 100%;
| |
| − | height: 10%;
| |
| − | position: absolute;
| |
| − | top:30px;
| |
| − | left: 0;
| |
| − | }
| |
| − | .header_left{
| |
| − | width: 10%;
| |
| − | height: 10%;
| |
| − | position: absolute;
| |
| − | top:390px;
| |
| − | left: 31%;
| |
| − |
| |
| − | }
| |
| − | .header_right{
| |
| − | width: 10%;
| |
| − | height: 10%;
| |
| − | position: absolute;
| |
| − | top:130px;
| |
| − | left:47%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .main_part{
| |
| − | width: 100%;
| |
| − | height: 880px;
| |
| − | position: absolute;
| |
| − | top: 580px;
| |
| − | left: 0;
| |
| − | z-index:-1;
| |
| − | background:url(https://static.igem.org/mediawiki/2016/5/58/Igem_2016_interbody_mainpart.png);
| |
| − | }
| |
| − | .bar_name{
| |
| − | width:80%;
| |
| − | height: 20%;
| |
| − | position: absolute;
| |
| − | top: 0px;
| |
| − | left: 0;
| |
| − | }
| |
| − | .tmp_img{
| |
| − | width: 20%;
| |
| − | height: 20%;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 80%;
| |
| − | }
| |
| − | .part1{
| |
| − | width: 30%;
| |
| − | height: 80%;
| |
| − | position: absolute;
| |
| − | top: 20%;
| |
| − | left: 2.5%;
| |
| − | }
| |
| − |
| |
| − | .part2{
| |
| − | width: 30%;
| |
| − | height: 80%;
| |
| − | position: absolute;
| |
| − | top: 20%;
| |
| − | left: 35%;
| |
| − | }
| |
| − | .part3{
| |
| − | width: 30%;
| |
| − | height: 80%;
| |
| − | position: absolute;
| |
| − | top: 20%;
| |
| − | left: 67.5%;
| |
| − | }
| |
| − | .decoration{
| |
| − | width: 100%;
| |
| − | height: 8%;
| |
| − | position: absolute;
| |
| − | top: 8%;
| |
| − | left: 0;
| |
| − | }
| |
| − | .words{
| |
| − | width: 52%;
| |
| − | height: 60%;
| |
| − | position: absolute;
| |
| − | top: 20%;
| |
| − | left: 10%;
| |
| − | background-color: #dec5df;
| |
| − | }
| |
| − | .bottom{
| |
| − | width: 180px;
| |
| − | height: 8%;
| |
| − | position: absolute;
| |
| − | top: 83%;
| |
| − | left: 30%;
| |
| − | }
| |
| − | .view_more{
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | height: 50px;
| |
| − | line-height: 50px;
| |
| − | text-decoration: none;
| |
| − | color: #7d489c;
| |
| − | font-family: Arial;
| |
| − | font-size: 25px;
| |
| − | font-weight: bold;
| |
| − | border: 2px solid rgba(230,158,230,0.6);
| |
| − | box-sizing: border-box;
| |
| − | padding-left: 25px;
| |
| − | margin:0 auto;
| |
| − | transition:border 0.4s ease;
| |
| − | position: relative;
| |
| − | }
| |
| − | .view_more:hover{
| |
| − | border: 2px solid rgba(110, 33, 134,0.8);
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | .last_part{
| |
| − | width:100%;
| |
| − | height: 500px;
| |
| − | position: absolute;
| |
| − | top:1500px;
| |
| − | left: 0;
| |
| − | }
| |
| − | .last_head{
| |
| − | width: 20%;
| |
| − | height: 12%;
| |
| − | position: absolute;
| |
| − | top:8%;
| |
| − | left: 40%;
| |
| − | background-color: #72c9b6;
| |
| − | }
| |
| − | .last_body{
| |
| − | width: 80%;
| |
| − | height: 20%;
| |
| − | position: absolute;
| |
| − | top: 25%;
| |
| − | left: 10%;
| |
| − | background-color: #72c9b6;
| |
| − | }
| |
| − | .last_bottom{
| |
| − | width: 13%;
| |
| − | height: 10%;
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | left: 45%;
| |
| − | }
| |
| − | .last_img1{
| |
| − | width: 50%;
| |
| − | height: 30%;
| |
| − | position: absolute;
| |
| − | top: 70%;
| |
| − | right: 0;
| |
| − | }
| |
| − | .last_img2{
| |
| − | width: 15%;
| |
| − | height: 45%;
| |
| − | position: absolute;
| |
| − | top: 55%;
| |
| − | right:15%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .footer{
| |
| − | width: 100%;
| |
| − | height: 300px;
| |
| − | position: absolute;
| |
| − | top: 2000px;
| |
| − | left: 0;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − | <div class="content_wrapper">
| |
| − |
| |
| − | <div class="header"><img src="https://static.igem.org/mediawiki/2016/e/e4/Igem_2016_hzau_header_background.png" width="100%" height="580">
| |
| − | </div>
| |
| − | <div class="title"><h1>this is main topic!</h1>
| |
| − | </div>
| |
| − | <div class="header_left"><img src="https://static.igem.org/mediawiki/2016/3/3f/Igem_2016_hzau_header_table.png" width="250" height="210">
| |
| − | </div>
| |
| − | <div class="header_right"><img src="https://static.igem.org/mediawiki/2016/7/72/Igem_2016_hzau_header_human.png" width="300" height="480">
| |
| − | </div>
| |
| − |
| |
| − | <div class="main_part"><img src="https://static.igem.org/mediawiki/2016/5/58/Igem_2016_interbody_mainpart.png" width="100%" height="1200" >
| |
| − |
| |
| − | <div class="bar_name"><h2>about us!</h2>
| |
| − | </div>
| |
| − | <div class="tmp_img">
| |
| − | </div>
| |
| − |
| |
| − | <div class="part1"><img src="https://static.igem.org/mediawiki/2016/7/76/Igem_2016_hzau_body_white_regtangle.png" width="407" height="680">
| |
| − |
| |
| − | <div class="decoration"><img src="https://static.igem.org/mediawiki/2016/b/b4/Igem_2016_hzau_decoration_tmp.png" width="410" height="60">
| |
| − | </div>
| |
| − |
| |
| − | <div class="words">
| |
| − | <p>In our project, the communication between these two parts is mutual which means that we need
| |
| − | a two-way interface device composed of Light Receiving part and Light Controlling part. For
| |
| − | the former one, cells were cultivated on a microfluidic chip and observed by fluorescence microscope.</p>
| |
| − | <p>And for the last one, light (LED beads) can be controlled by the computer through a Single Chip Micyoco.
| |
| − | Besides, we have made a different device to achieve the phase 2 collaborated with Model and another to
| |
| − | complete the test of light control system with Wet Lab. Most important of all are that these two
| |
| − | devices all turned to work successfully.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="bottom">
| |
| − | <a href="#" class="view_more">view more</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="part2"><img src="https://static.igem.org/mediawiki/2016/7/76/Igem_2016_hzau_body_white_regtangle.png" width="407" height="680">
| |
| − |
| |
| − | <div class="decoration"><img src="https://static.igem.org/mediawiki/2016/b/b4/Igem_2016_hzau_decoration_tmp.png" width="410" height="60">
| |
| − | </div>
| |
| − |
| |
| − | <div class="words">
| |
| − | <p>abcdIn our project, the communication between these two parts is mutual which means that we need
| |
| − | a two-way interface device composed of Light Receiving part and Light Controlling part. For
| |
| − | the former one, cells were cultivated on a microfluidic chip and observed by fluorescence microscope.
| |
| − | And for the last one, light (LED beads) can be controlled by the computer through a Single Chip Micyoco.
| |
| − | Besides, we have made a different device to achieve the phase 2 collaborated with Model and another to
| |
| − | complete the test of light control system with Wet Lab. Most important of all are that these two
| |
| − | devices all turned to work successfully.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="bottom">
| |
| − | <a href="#" class="view_more">view more</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="part3"><img src="https://static.igem.org/mediawiki/2016/7/76/Igem_2016_hzau_body_white_regtangle.png" width="407" height="680">
| |
| − |
| |
| − | <div class="decoration"><img src="https://static.igem.org/mediawiki/2016/b/b4/Igem_2016_hzau_decoration_tmp.png" width="410" height="60">
| |
| − | </div>
| |
| − |
| |
| − | <div class="words">
| |
| − | <p>abcdIn our project, the communication between these two parts is mutual which means that we need
| |
| − | a two-way interface device composed of Light Receiving part and Light Controlling part. For
| |
| − | the former one, cells were cultivated on a microfluidic chip and observed by fluorescence microscope.
| |
| − | And for the last one, light (LED beads) can be controlled by the computer through a Single Chip Micyoco.
| |
| − | complete the test of light control system with Wet Lab. Most important of all are that these two
| |
| − | devices all turned to work successfully.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="bottom">
| |
| − | <a href="#" class="view_more">view more</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="last_part"><img src="https://static.igem.org/mediawiki/2016/a/a1/Igem_2016_hzau_inter_body.png" width="100%" height="500">
| |
| − |
| |
| − | <div class="last_head"><h2>interlab</h2>
| |
| − | </div>
| |
| − |
| |
| − | <div class="last_body">
| |
| − | <h4>And for the last one, light (LED beads) can be controlled by the computer through a Single Chip Micyoco.</h4>
| |
| − | </div>
| |
| − |
| |
| − | <div class="last_bottom">
| |
| − | <a href="#" class="view_more">view more</a>
| |
| − | </div>
| |
| − |
| |
| − | <div class="last_img1">
| |
| − | <img src="https://static.igem.org/mediawiki/2016/5/55/Igem_2016_hzau_bottom_grass.png" width="600" height="150">
| |
| − | </div>
| |
| − |
| |
| − | <div class="last_img2"><img src="https://static.igem.org/mediawiki/2016/0/00/Igem_2016_interbody_man.png" width="180" height="235">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="footer"><img src="https://static.igem.org/mediawiki/2016/2/23/Igem_2016_hzau_bottom_box.png" width=100% height="300">
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </body>
| |
| − | </html>
| |
