Team:UESTC-China/home1

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Plant Vs HCHO</title>
<title>Plant Vs HCHO</title>
-
 
-
 
<style>
<style>
-
 
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
-
     
+
margin: 0;
-
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
+
padding: 0;
-
 
+
border: 0;
-
body{
+
outline: 0;
-
background-color:#bfbfbf;
+
font-size: 100%;
 +
vertical-align: baseline;
 +
background: transparent
 +
}
 +
body {
 +
line-height: 1
 +
}
 +
ol, ul {
 +
list-style: none
 +
}
 +
blockquote, q {
 +
quotes: none
 +
}
 +
blockquote:before, blockquote:after, q:before, q:after {
 +
content: '';
 +
content: none
 +
}
 +
:focus {
 +
outline: 0
 +
}
 +
ins {
 +
text-decoration: none
 +
}
 +
del {
 +
text-decoration: line-through
 +
}
 +
table {
 +
border-collapse: collapse;
 +
border-spacing: 0
 +
}
 +
body {
 +
background-color: #bfbfbf;
}
}
-
a{
+
a {
text-decoration: none;
text-decoration: none;
color: white;
color: white;
}
}
-
a:hover{
+
a:hover {
text-decoration: none;
text-decoration: none;
color: white;
color: white;
}
}
-
a:active{
+
a:active {
text-decoration: none;
text-decoration: none;
color: white;
color: white;
}
}
-
a:visited{
+
a:visited {
text-decoration: none;
text-decoration: none;
color: white;
color: white;
}
}
-
#top-section{
+
#top-section {
height: 0px;
height: 0px;
-
border:none;
+
border: none;
}
}
-
#search-controls{
+
#search-controls {
display: none;
display: none;
}
}
-
#p-logo{
+
#p-logo {
display: none;
display: none;
}
}
-
#total-wrap{
+
#total-wrap {
-
position:absolute;
+
position: absolute;
width: 1215px;
width: 1215px;
left: 50%;
left: 50%;
Line 47: Line 76:
color: white;
color: white;
}
}
-
#header{
+
#header {
height: 280px;
height: 280px;
-
background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");/* yan change to plant-vs HCHO*/
+
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;
-
border-radius:3px;
+
border-radius: 3px;
overflow: hidden;
overflow: hidden;
width: 1214px;
width: 1214px;
}
}
-
#emp{
+
#emp {
-
height:200px;
+
height: 200px;
}
}
-
#top-menu{
+
#top-menu {
display: inline-block;
display: inline-block;
-
padding-left:20px;
+
padding-left: 20px;
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
-
 
}
}
@font-face {
@font-face {
-
font-family: ubuntu;
+
font-family: ubuntu;
-
src:url(Ubuntu-R.ttf);
+
src: url(Ubuntu-R.ttf);
}
}
-
.top-menu-each{
+
.top-menu-each {
height: 63px;
height: 63px;
-
+
font-family: helveticallt, "微软雅黑";
-
font-family: helveticallt,"微软雅黑";
+
color: white;
color: white;
font-size: 21px;
font-size: 21px;
float: left;
float: left;
cursor: pointer;
cursor: pointer;
-
font-weight: bold;
+
font-weight: bold;
}
}
-
 
+
.top-menu-each p {
-
.top-menu-each p{
+
float: left;
float: left;
padding-right: 40px;
padding-right: 40px;
Line 87: Line 113:
line-height: 63px;
line-height: 63px;
}
}
-
.arrow{
+
.arrow {
float: left;
float: left;
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");/*needn't change*/
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");/*needn't change*/
Line 97: Line 123:
margin-top: 30px;
margin-top: 30px;
position: absolute;
position: absolute;
-
 
}
}
-
.top-menu-each:hover{
+
.top-menu-each:hover {
background-color: #50597B;
background-color: #50597B;
-
border-bottom-style:solid;
+
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-width: 2px;
-
border-bottom-color:#11a8ab;
+
border-bottom-color: #11a8ab;
height: 61px;
height: 61px;
-
 
}
}
-
.top-menu-each.click{
+
.top-menu-each.click {
background-color: #50597B;
background-color: #50597B;
-
border-bottom-style:solid;
+
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-width: 2px;
-
border-bottom-color:#11a8ab;
+
border-bottom-color: #11a8ab;
height: 61px;
height: 61px;
}
}
-
.top-menu-sub{
+
.top-menu-sub {
position: absolute;
position: absolute;
margin-top: 63px;
margin-top: 63px;
Line 120: Line 144:
min-width: 215px;
min-width: 215px;
}
}
-
.top-menu-sub li{
+
.top-menu-sub li {
background-color: #394264;
background-color: #394264;
border-top-style: solid;
border-top-style: solid;
Line 132: Line 156:
height: 55px;
height: 55px;
line-height: 55px;
line-height: 55px;
-
cursor:pointer;
+
cursor: pointer;
}
}
-
.top-menu-sub li:hover{
+
.top-menu-sub li:hover {
background-color: #50597B;
background-color: #50597B;
}
}
-
#big-photo{
+
#big-photo {
margin-top: 5px;
margin-top: 5px;
height: 500px;
height: 500px;
Line 143: Line 167:
overflow: hidden;
overflow: hidden;
}
}
-
#big-photo img{
+
#big-photo img {
height: 500px;
height: 500px;
width: 1214px;
width: 1214px;
position: absolute;
position: absolute;
-
 
}
}
-
#big-photo-hover{
+
#big-photo-hover {
height: 130px;
height: 130px;
padding-left: 35px;
padding-left: 35px;
Line 161: Line 184:
}
}
@font-face {
@font-face {
-
font-family: helveticamd;
+
font-family: helveticamd;
-
src:url(HelveticaNeueLTStd-Md.otf);
+
src: url(HelveticaNeueLTStd-Md.otf);
}
}
@font-face {
@font-face {
-
font-family: helveticalt;
+
font-family: helveticalt;
-
src:url(HelveticaNeueLTStd-Lt.otf);
+
src: url(HelveticaNeueLTStd-Lt.otf);
}
}
-
#big-photo-hover .header{
+
#big-photo-hover .header {
font-size: 30px;
font-size: 30px;
line-height: 30px;
line-height: 30px;
-
font-family: helveticalmd,"微软雅黑";
+
font-family: helveticalmd, "微软雅黑";
font-weight: bold;
font-weight: bold;
padding-top: 25px;
padding-top: 25px;
margin-bottom: 10px;
margin-bottom: 10px;
}
}
-
#big-photo-hover .content{
+
#big-photo-hover .content {
font-size: 23px;
font-size: 23px;
line-height: 23px;
line-height: 23px;
-
font-family: helveticallt,"微软雅黑";
+
font-family: helveticallt, "微软雅黑";
}
}
-
#big-photo-wrap{
+
#big-photo-wrap {
position: absolute;
position: absolute;
width: 1214px;
width: 1214px;
Line 187: Line 210:
overflow: hidden;
overflow: hidden;
}
}
-
#small-photo{
+
#small-photo {
margin-top: 15px;
margin-top: 15px;
display: inline-block;
display: inline-block;
margin-bottom: 335px;
margin-bottom: 335px;
}
}
-
.small-photo-each{
+
.small-photo-each {
width: 351px;
width: 351px;
height: 410px;
height: 410px;
padding-top: 10px;
padding-top: 10px;
-
padding-bottom:5px;
+
padding-bottom: 5px;
padding-left: 10px;
padding-left: 10px;
-
padding-right: 10px;  
+
padding-right: 10px;
margin-right: 51px;
margin-right: 51px;
float: left;
float: left;
background-color: white;
background-color: white;
}
}
-
.small-photo-each img{
+
.small-photo-each img {
width: 351px;
width: 351px;
height: 410px;
height: 410px;
}
}
-
.small-photo-each.last{
+
.small-photo-each.last {
margin-right: 0px;
margin-right: 0px;
}
}
-
#footer{
+
#footer {
-
+
height: 180px;
height: 180px;
-
background-color:white;
+
background-color: white;
-
border-top-left-radius:8px;
+
border-top-left-radius: 8px;
-
border-top-right-radius:8px;
+
border-top-right-radius: 8px;
margin-top: 30px;
margin-top: 30px;
}
}
-
#main-content{
+
#main-content {
-
position:absolute;
+
position: absolute;
margin-top: 40px;
margin-top: 40px;
display: inline-block;
display: inline-block;
}
}
-
#left-bar{
+
#left-bar {
width: 225px;
width: 225px;
border-radius: 3px;
border-radius: 3px;
Line 229: Line 251:
position: absolute;
position: absolute;
}
}
-
.left-bar-each{
+
.left-bar-each {
height: 60px;
height: 60px;
background-color: #394264;
background-color: #394264;
-
font-family: ubuntu,"宋体";
+
font-family: ubuntu, "宋体";
font-size: 18px;
font-size: 18px;
line-height: 60px;
line-height: 60px;
Line 241: Line 263:
border-bottom-width: 1px;
border-bottom-width: 1px;
}
}
-
.left-bar-each:hover{
+
.left-bar-each:hover {
background-color: #50597b;
background-color: #50597b;
}
}
-
.left-bar-each.top{
+
.left-bar-each.top {
background-color: #38b7c4;
background-color: #38b7c4;
-
text-align:center;
+
text-align: center;
padding-left: 0px;
padding-left: 0px;
}
}
-
.left-bar-each.top:hover{
+
.left-bar-each.top:hover {
background-color: #38b7c4;
background-color: #38b7c4;
}
}
-
.left-bar-sub .left-bar-each{
+
.left-bar-sub .left-bar-each {
padding-left: 90px;
padding-left: 90px;
}
}
-
#middle-photo{
+
#middle-photo {
float: left;
float: left;
margin-bottom: 445px;
margin-bottom: 445px;
}
}
-
.middle-photo-each{
+
.middle-photo-each {
-
padding:9px 9px 9px 9px;
+
padding: 9px 9px 9px 9px;
background-color: white;
background-color: white;
margin-bottom: 15px;
margin-bottom: 15px;
margin-left: 250px;
margin-left: 250px;
-
 
}
}
-
.middle-photo-each .middle-content{
+
.middle-photo-each .middle-content {
height: 400px;
height: 400px;
width: 947px;
width: 947px;
}
}
-
.middle-content img{
+
.middle-content img {
float: left;
float: left;
}
}
-
#examplepic{
+
#examplepic {
width: 100px;
width: 100px;
-
height:60px;
+
height: 60px;
}
}
-
.middle-content p{
+
.middle-content p {
color: black;
color: black;
font-size: 16px;
font-size: 16px;
Line 283: Line 304:
line-height: 20px;
line-height: 20px;
}
}
-
#team-content{
+
#team-content {
margin-top: 15px;
margin-top: 15px;
margin-bottom: 95px;
margin-bottom: 95px;
}
}
-
.team-photo img{
+
.team-photo img {
width: 1215px;
width: 1215px;
}
}
-
.team-photo{
+
.team-photo {
margin-bottom: -2px;
margin-bottom: -2px;
}
}
-
#top{
+
#top {
-
background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');/*no change*/
+
background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');/*no change*/
width: 57px;
width: 57px;
height: 57px;
height: 57px;
Line 302: Line 323:
cursor: pointer;
cursor: pointer;
}
}
-
#logo{
+
#logo {
position: absolute;
position: absolute;
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");/*no change*/
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");/*no change*/
Line 311: Line 332:
cursor: pointer;
cursor: pointer;
}
}
-
#footer-box{
+
#footer-box {
display: none;
display: none;
}
}
-
.firstHeading{
+
.firstHeading {
display: none;
display: none;
}
}
-
#content{
+
#content {
-
border:none;
+
border: none;
background: none;
background: none;
}
}
-
li{  
+
li {
-
color:white;
+
color: white;
}
}
-
#intro1{
+
#intro1 {
-
font-family: helveticalmd,"微软雅黑";
+
font-family: helveticalmd, "微软雅黑";
font-size: 50px;
font-size: 50px;
margin-top: 40px;
margin-top: 40px;
Line 331: Line 352:
color: white;
color: white;
}
}
-
#intro2{
+
#intro2 {
-
font-family: helveticalmd,"微软雅黑";
+
font-family: helveticalmd, "微软雅黑";
font-size: 23px;
font-size: 23px;
margin-left: 10px;
margin-left: 10px;
margin-right: 10px;
margin-right: 10px;
-
color:white;
+
color: white;
-
 
+
text-align: justify;
-
text-align:justify;  
+
text-justify: inter-ideograph;
-
text-justify:inter-ideograph;  
+
text-indent: 2em;
-
 
+
-
text-indent:2em;
+
}
}
-
#introduction{
+
#introduction {
-
background-color:#1bbc9b
+
background-color: #1bbc9b
}
}
/*中间图片*/
/*中间图片*/
-
*{list-style:none;border:0;}
+
* {
-
 
+
list-style: none;
-
.container ul, .container li{list-style:none;margin:0;padding:0;}
+
border: 0;
-
 
+
}
-
.num{ position:absolute; right:5px; bottom:5px; font:20px/1.5 tahoma, arial; height:18px;}
+
.container ul, .container li {
-
.num li{
+
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
.num {
 +
position: absolute;
 +
right: 5px;
 +
bottom: 5px;
 +
font: 20px/1.5 tahoma, arial;
 +
height: 18px;
 +
}
 +
.num li {
float: left;
float: left;
color: #d94b01;
color: #d94b01;
Line 366: Line 396:
background-color: #fcf2cf;
background-color: #fcf2cf;
}
}
-
.num li.on{
+
.num li.on {
line-height: 18px;
line-height: 18px;
width: 18px;
width: 18px;
height: 18px;
height: 18px;
font-size: 14px;
font-size: 14px;
-
margin-top:-2px;
+
margin-top: -2px;
background-color: #ff9415;
background-color: #ff9415;
font-weight: bold;
font-weight: bold;
-
color:#FFF;
+
color: #FFF;
 +
}
 +
.container, .container img {
 +
width: 1212px;
 +
height: 467px;
 +
}
 +
.container img {
 +
border: 0;
 +
vertical-align: top;
}
}
-
.container, .container img{width:1212px; height:467px;}
 
-
.container img{border:0;vertical-align:top;}
 
</style>
</style>
</head>
</head>
<body>
<body>
<div id="total-wrap">
<div id="total-wrap">
-
<div id="header">
+
  <div id="header">
-
<div id="emp">
+
    <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 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/Design">
 +
            <li>Design</li>
 +
            </a> <a href="https://2014.igem.org/Team:UESTC-China/result">
 +
            <li>Result</li>
 +
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Futurework">
 +
            <li>Future work</li>
 +
            </a>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
      <div class="top-menu-each">
 +
        <div class="arrow"></div>
 +
        <p>Modeling</p>
 +
        <div class="top-menu-sub">
 +
          <ul>
 +
            <a href="https://2014.igem.org/Team:UESTC-China/Modeling">
 +
            <li>Overview</li>
 +
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Modeling1">
 +
            <li>HPS/PHI</li>
 +
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Modeling2">
 +
            <li>FALDH/FDH</li>
 +
            </a> <a href="https://2014.igem.org/Team:UESTC-China/Modeling3">
 +
            <li>AtAHA2
 +
            </a>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
      <div class="top-menu-each">
 +
        <div class="arrow"></div>
 +
        <p>Parts</p>
 +
        <div class="top-menu-sub">
 +
          <ul>
 +
            <a href="https://2014.igem.org/Team:UESTC-China/BioBrick">
 +
            <li>BioBrick</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/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/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 class="container" id="idContainer2">
 +
    <ul id="idSlider2">
 +
      <li><a> <img src="https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg"  /> </a></li>
 +
      <li><a> <img src="https://static.igem.org/mediawiki/2014/8/83/Home1.jpg"  /> </a></li>
 +
      <li><a> <img src="https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg"  /> </a></li>
 +
      <li><a> <img src="https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg"  /> </a></li>
 +
    </ul>
 +
    <ul class="num" id="idNum">
 +
    </ul>
 +
  </div>
 +
  <div id="introduction">
 +
    <p id="intro1"><b>Introduction</b></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. 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.</p>
 +
    <br/>
 +
  </div>
 +
  <div id="footer"> <img  src='https://static.igem.org/mediawiki/2014/8/86/HFoot.png' /> </div>
</div>
</div>
-
<div id="top-menu">
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>  
-
<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/Design"><li>Design</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Futurework">
+
-
<li>Future work</li></a>
+
-
 
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<p>Modeling</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
<div class="top-menu-each">
+
-
<div class="arrow"></div>
+
-
<p>Parts</p>
+
-
<div class="top-menu-sub">
+
-
<ul>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</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/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/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 class="container" id="idContainer2">
+
-
<ul id="idSlider2">
+
-
<li><a> <img src="https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg"  /> </a></li>
+
-
<li><a> <img src="https://static.igem.org/mediawiki/2014/8/83/Home1.jpg"  /> </a></li>
+
-
<li><a> <img src="https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg"  /> </a></li>
+
-
<li><a> <img src="https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg"  /> </a></li>
+
-
+
-
</ul>
+
-
<ul class="num" id="idNum">
+
-
</ul>
+
-
</div>
+
-
 
+
-
 
+
-
<div id="introduction">
+
-
<p id="intro1"><b>Introduction</b></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. 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.</p>
+
-
<br/>
+
-
</div>
+
-
 
+
-
<div id="footer">
+
-
 
+
-
<img  src='https://static.igem.org/mediawiki/2014/8/86/HFoot.png' />
+
-
 
+
-
 
+
-
</div>
+
-
</div>
+
-
 
+
-
<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 559: Line 597:
if(imagecount==imageload.length){
if(imagecount==imageload.length){
imagecount=imagecount-imageload.length;
imagecount=imagecount-imageload.length;
-
}
+
}
-
$('#big-photo-hover').fadeOut(function(){
+
-
$('#big-photo-wrap').prepend('<img src='+imageload[imagecount]+'>');
+
-
$('#big-photo img:eq(0)').css('margin-left','-1214px');
+
-
$('#big-photo img:eq(0)').animate({marginLeft:'0px'},3000);
+
-
$('#big-photo img:eq(1)').animate({marginLeft:'1214px'},3000,function(){
+
-
$('#big-photo img:eq(1)').remove();
+
-
$('#big-photo-hover .header').html(imageintro[imagecount].head);
+
-
$('#big-photo-hover .content').html(imageintro[imagecount].content);
+
-
$('#big-photo-hover').fadeIn();
+
-
});
+
-
})
+
-
+
-
+
}
}
$(window).scroll(function(){
$(window).scroll(function(){
Line 614: Line 639:
})
})
-
</script>
+
</script>  
<script>
<script>
Line 792: Line 817:
</script>
</script>
-
 
-
 
</body>
</body>
</html>
</html>

Revision as of 13:20, 10 October 2014

Plant Vs HCHO

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.