Team:UESTC-China/yanTeam
From 2014.igem.org
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | ||
- | |||
<head> | <head> | ||
- | + | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | |
- | + | <title>Plant Vs HCHO</title> | |
- | + | ||
- | + | ||
- | + | ||
Line 53: | Line 49: | ||
#header{ | #header{ | ||
height: 280px; | height: 280px; | ||
- | background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg"); | + | background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");/* yan change to plant-vs HCHO*/ |
background-position: top center; | background-position: top center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 76: | Line 72: | ||
.top-menu-each{ | .top-menu-each{ | ||
height: 63px; | height: 63px; | ||
+ | |||
font-family: helveticallt,"微软雅黑"; | font-family: helveticallt,"微软雅黑"; | ||
color: white; | color: white; | ||
Line 81: | Line 78: | ||
float: left; | float: left; | ||
cursor: pointer; | cursor: pointer; | ||
- | font-weight: bold; | + | font-weight: bold; |
} | } | ||
Line 92: | Line 89: | ||
.arrow{ | .arrow{ | ||
float: left; | float: left; | ||
- | background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png"); | + | background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");/*needn't change*/ |
line-height: 63px; | line-height: 63px; | ||
width: 12px; | width: 12px; | ||
Line 156: | Line 153: | ||
padding-left: 35px; | padding-left: 35px; | ||
padding-right: 10px; | padding-right: 10px; | ||
- | background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/big-photo-hover.png'); | + | background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/big-photo-hover.png');/*no change*/ |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
margin-top: -130px; | margin-top: -130px; | ||
Line 174: | Line 171: | ||
font-size: 30px; | font-size: 30px; | ||
line-height: 30px; | line-height: 30px; | ||
- | font-family: | + | font-family: helveticalmd,"微软雅黑"; |
font-weight: bold; | font-weight: bold; | ||
padding-top: 25px; | padding-top: 25px; | ||
Line 216: | Line 213: | ||
height: 180px; | height: 180px; | ||
- | background-color: | + | background-color:white; |
border-top-left-radius:8px; | border-top-left-radius:8px; | ||
border-top-right-radius:8px; | border-top-right-radius:8px; | ||
Line 235: | Line 232: | ||
height: 60px; | height: 60px; | ||
background-color: #394264; | background-color: #394264; | ||
- | font-family: | + | font-family: ubuntu,"宋体"; |
font-size: 18px; | font-size: 18px; | ||
line-height: 60px; | line-height: 60px; | ||
Line 260: | Line 257: | ||
#middle-photo{ | #middle-photo{ | ||
float: left; | float: left; | ||
- | margin-bottom: | + | margin-bottom: 445px; |
} | } | ||
.middle-photo-each{ | .middle-photo-each{ | ||
- | padding: | + | padding:9px 9px 9px 9px; |
background-color: white; | background-color: white; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
- | margin-left: | + | margin-left: 250px; |
} | } | ||
Line 283: | Line 280: | ||
color: black; | color: black; | ||
font-size: 16px; | font-size: 16px; | ||
- | font-family: | + | font-family: "微软雅黑"; |
line-height: 20px; | line-height: 20px; | ||
} | } | ||
Line 297: | Line 294: | ||
} | } | ||
#top{ | #top{ | ||
- | background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png'); | + | background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');/*no change*/ |
width: 57px; | width: 57px; | ||
height: 57px; | height: 57px; | ||
position: fixed; | position: fixed; | ||
top: 80%; | top: 80%; | ||
- | margin-left: | + | margin-left: 1105px; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
#logo{ | #logo{ | ||
position: absolute; | position: absolute; | ||
- | background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png"); | + | background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");/*no change*/ |
width: 154px; | width: 154px; | ||
height: 147px; | height: 147px; | ||
Line 327: | Line 324: | ||
color:white; | color:white; | ||
} | } | ||
- | + | #intro1{ | |
+ | font-family: helveticalmd,"微软雅黑"; | ||
+ | font-size: 50px; | ||
+ | margin-top: 40px; | ||
+ | margin-left: 10px; | ||
+ | color: white; | ||
+ | } | ||
+ | #intro2{ | ||
+ | font-family: helveticalmd,"微软雅黑"; | ||
+ | font-size: 23px; | ||
+ | margin-left: 10px; | ||
+ | color:white; | ||
+ | } | ||
+ | #introduction{ | ||
+ | background-color:#1bbc9b | ||
+ | } | ||
/*rocket-to-top*/ | /*rocket-to-top*/ | ||
*{list-style:none;border:0;} | *{list-style:none;border:0;} | ||
Line 370: | Line 382: | ||
/*rocket-to-top end*/ | /*rocket-to-top end*/ | ||
- | |||
- | |||
- | |||
</style> | </style> | ||
</head> | </head> | ||
+ | <body> | ||
+ | <div id="total-wrap"> | ||
+ | <div id="header"> | ||
+ | <div id="emp"> | ||
+ | <div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/60/LiLogo.png"></a></div> | ||
+ | </div> | ||
+ | <div id="top-menu"> | ||
+ | <div class="top-menu-each"> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a> | ||
+ | </div> | ||
+ | <div class="top-menu-each"> | ||
+ | <div class="arrow"></div> | ||
+ | <p>Team</p> | ||
+ | <div class="top-menu-sub"> | ||
+ | <ul> | ||
- | < | + | <a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a> |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a> | |
- | + | <a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a> | |
- | + | <a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a> | |
- | + | </ul> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <div class="top-menu-each"> | |
- | + | <div class="arrow"></div> | |
- | + | <p>Project</p> | |
- | + | <div class="top-menu-sub"> | |
- | + | <ul> | |
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a> | ||
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a> | ||
Line 413: | Line 422: | ||
<li>Future work</li></a> | <li>Future work</li></a> | ||
- | + | </ul> | |
- | + | </div> | |
- | + | </div> | |
<div class="top-menu-each"> | <div class="top-menu-each"> | ||
<div class="arrow"></div> | <div class="arrow"></div> | ||
Line 422: | Line 431: | ||
<ul> | <ul> | ||
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a> | ||
- | |||
</ul> | </ul> | ||
</div> | </div> | ||
Line 434: | Line 442: | ||
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a> | ||
- | + | </ul> | |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="top-menu-each"> | |
- | + | <div class="arrow"></div> | |
- | + | <p>Human Practice</p> | |
- | + | <div class="top-menu-sub"> | |
- | + | <ul> | |
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Knowledge quiz</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Knowledge quiz</li></a> | ||
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a> | ||
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a> | ||
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a> | <a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a> | ||
- | + | </ul> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div class="top-menu-each"> | ||
+ | <div class="arrow"></div> | ||
+ | <p>Safety</p> | ||
+ | <div class="top-menu-sub"> | ||
+ | <ul> | ||
+ | <a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | + | </div> | |
+ | </div> | ||
+ | <div id="big-photo"> | ||
+ | <div id="big-photo-wrap"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/2/21/All_students1.jpg" alt="pic"> | ||
+ | <div id="big-photo-hover"> | ||
+ | <p class="header">Our Team</p> | ||
+ | <p class="content">Brilliant guys.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="introduction"> | ||
+ | <div style="width:915px; height:auto; float:left; display:inline"> | ||
+ | <p id="intro1"><strong>Introduction</strong></p> | ||
+ | <br/> | ||
+ | <p id="intro2">As the rapid economic development in China, the residential conditions of people have been greatly improved. Unfortunately, the potential harm of their indoor decoration was always neglected until people get sick. One of the most harmful gases of the indoor pollution could be the formaldehyde.<br/>Formaldehyde is a toxic gas appears in every single room which is newly decorated. It not only has bad smell, but also cause various of desease, like skin and mucous membrane irritation, immunity or memory decline, drowsiness, fatigue, cancer, allergic dermatitis.<br/>To decrease the concentration of HCHO, we got air purifier, physical adsorption, negative air ions, photocatalyst pathway and etc. We thought that the biological methods is the best. It’s delicate, it’s simple, and it’s safe. Therefore, we decided to cultivate a plant which got the ability to metabolize the formaldehyde. Actually, all kinds of plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better.<br/>In the future,we sincerely chrish the hope that our work will be put to use in our everyday life.</p> | ||
+ | <br/> | ||
+ | </div> | ||
+ | <div> | ||
+ | <img style="width:300px; height:auto; float:left; display:inline" src="https://static.igem.org/mediawiki/2010/9/9c/Theory_Home-foot_UNR.png" alt="pic"> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <div id="footer"> | |
- | + | <img width="1215px" height="140px" src='https://static.igem.org/mediawiki/2014/3/38/Uestcsponser.png' /> | |
+ | <font color="#2828FF"><strong>Contact us:</strong>yscui2011@gmail.com</font> | ||
- | + | </div> | |
+ | </div> | ||
+ | /*back to top*/ | ||
+ | <div style="display: none;" id="rocket-to-top"> | ||
+ | <div style="opacity:0;display: block;" class="level-2"></div> | ||
+ | <div class="level-3"></div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/*back to top*/ | /*back to top*/ | ||
Line 626: | Line 512: | ||
<div class="level-3"></div> | <div class="level-3"></div> | ||
</div> | </div> | ||
- | |||
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 632: | Line 517: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
- | var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg"); | + | var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/8/83/Home1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg"); |
var datatemp=function(){ | var datatemp=function(){ | ||
this.head; | this.head; | ||
Line 640: | Line 525: | ||
var data2=new datatemp(); | var data2=new datatemp(); | ||
var data3=new datatemp(); | var data3=new datatemp(); | ||
+ | var data4=new datatemp(); | ||
data1.head="Plants"; | data1.head="Plants"; | ||
data1.content="Culture"; | data1.content="Culture"; | ||
- | data2.head=" | + | data2.head="Video "; |
- | data2.content=" | + | data2.content="Plants vs HCOH"; |
- | data3.head="Our Team"; | + | data3.head="Plants "; |
- | + | data3.content="Transform"; | |
- | var imageintro=new Array(data1,data2,data3); | + | data4.head="Our Team"; |
+ | data4.content="Keep moving"; | ||
+ | var imageintro=new Array(data1,data2,data3,data4); | ||
var imagecount=0; | var imagecount=0; | ||
Line 751: | Line 639: | ||
</script> | </script> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 01:22, 8 October 2014
Our Team
Brilliant guys.
Introduction
As the rapid economic development in China, the residential conditions of people have been greatly improved. Unfortunately, the potential harm of their indoor decoration was always neglected until people get sick. One of the most harmful gases of the indoor pollution could be the formaldehyde.
Formaldehyde is a toxic gas appears in every single room which is newly decorated. It not only has bad smell, but also cause various of desease, like skin and mucous membrane irritation, immunity or memory decline, drowsiness, fatigue, cancer, allergic dermatitis.
To decrease the concentration of HCHO, we got air purifier, physical adsorption, negative air ions, photocatalyst pathway and etc. We thought that the biological methods is the best. It’s delicate, it’s simple, and it’s safe. Therefore, we decided to cultivate a plant which got the ability to metabolize the formaldehyde. Actually, all kinds of plants can degrade the formaldehyde, but we decide to make their formaldehyde degradation system works better.
In the future,we sincerely chrish the hope that our work will be put to use in our everyday life.