Line 1: | Line 1: | ||
{{HZAU-China}} | {{HZAU-China}} | ||
<html> | <html> | ||
− | |||
− | |||
− | < | + | <head> |
− | </ | + | <meta charset="UTF-8"> |
− | </ | + | <title>body</title> |
+ | <style type="text/css"> | ||
+ | *{margin: 0;padding: 0;} | ||
+ | .content_wrapper{ | ||
+ | width: 100%; | ||
+ | height:1800px; | ||
+ | background-color: #dfe6ed; | ||
+ | } | ||
+ | .header{ | ||
+ | width: 100%; | ||
+ | height: 580px; | ||
+ | position: relative; | ||
+ | } | ||
+ | .title{ | ||
+ | width: 80%; | ||
+ | height: 10%; | ||
+ | position: absolute; | ||
+ | top:10%; | ||
+ | left: 10%; | ||
+ | } | ||
+ | .header_left{ | ||
+ | width: 10%; | ||
+ | height: 10%; | ||
+ | position: absolute; | ||
+ | top:61%; | ||
+ | left: 31%; | ||
− | + | } | |
− | + | .header_right{ | |
− | + | width: 10%; | |
+ | height: 10%; | ||
+ | position: absolute; | ||
+ | top:20%; | ||
+ | left:47%; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | .main_part{ | |
− | + | width: 100%; | |
− | + | height: 880px; | |
− | + | position: absolute; | |
− | + | top: 600px; | |
− | + | left: 0; | |
− | + | } | |
− | + | .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: 330px; | ||
+ | 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%; | ||
+ | left: 50%; | ||
+ | } | ||
+ | .last_img2{ | ||
+ | width: 15%; | ||
+ | height: 45%; | ||
+ | position: absolute; | ||
+ | top: 55%; | ||
+ | left:70%; | ||
+ | } | ||
− | + | .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="1348" 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=" | + | <div class="main_part"><img src="https://static.igem.org/mediawiki/2016/5/58/Igem_2016_interbody_mainpart.png" width="1348" height="1200" > |
− | + | <div class="bar_name"><h2>about us!</h2></div> | |
− | + | <div class="tmp_img"></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | < | + | |
− | + | ||
− | </div> | + | |
− | <div class=" | + | <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="1348" 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="1384" height="300"> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | </body> | ||
+ | |||
</html> | </html> |
Revision as of 08:20, 17 September 2016
![](https://static.igem.org/mediawiki/2016/e/e4/Igem_2016_hzau_header_background.png)
this is main topic!
![](https://static.igem.org/mediawiki/2016/3/3f/Igem_2016_hzau_header_table.png)
![](https://static.igem.org/mediawiki/2016/7/72/Igem_2016_hzau_header_human.png)
![](https://static.igem.org/mediawiki/2016/5/58/Igem_2016_interbody_mainpart.png)
![](https://static.igem.org/mediawiki/2016/7/76/Igem_2016_hzau_body_white_regtangle.png)
![](https://static.igem.org/mediawiki/2016/b/b4/Igem_2016_hzau_decoration_tmp.png)
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.
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.
![](https://static.igem.org/mediawiki/2016/7/76/Igem_2016_hzau_body_white_regtangle.png)
![](https://static.igem.org/mediawiki/2016/b/b4/Igem_2016_hzau_decoration_tmp.png)
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.
![](https://static.igem.org/mediawiki/2016/7/76/Igem_2016_hzau_body_white_regtangle.png)
![](https://static.igem.org/mediawiki/2016/b/b4/Igem_2016_hzau_decoration_tmp.png)
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.
![](https://static.igem.org/mediawiki/2016/a/a1/Igem_2016_hzau_inter_body.png)
interlab
And for the last one, light (LED beads) can be controlled by the computer through a Single Chip Micyoco.
![](https://static.igem.org/mediawiki/2016/5/55/Igem_2016_hzau_bottom_grass.png)
![](https://static.igem.org/mediawiki/2016/0/00/Igem_2016_interbody_man.png)