Team:HUST-China

From 2012.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:HUST-China/Templates/css/style}}
<html>
<html>
 +
<head>
 +
<meta charset="UTF-8">
 +
<meta name="keywords" content="igem, hust, hust china, iGEM">
 +
<meta name="description" content="iGEM HUST CHINA">
 +
<link rel="shortcut icon" type="imgs/ico" href="favicon.ico" >
 +
<!-- ie9.js (fixes all Internet Explorer browsers older than ie9) -->
 +
<!--[if lt IE 9]>
 +
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
 +
<![endif]-->
-
<head>
+
<style type="text/css">
-
<title>IGEM</title>
+
/*pic------------------------------------*/
-
<style type="text/css">
+
.pics{
-
<!--
+
position:relative;
-
body{
+
color:#fff;
-
background: rgb(215,215,215);
+
}
-
}
+
#part1{
-
#mainbox{
+
        margin-top:20px;
-
width: 831px;
+
float:left;
-
height: 1400px;
+
position:relative;
-
position:absolute;
+
}
-
left: 50%;
+
#part2{
-
margin-left: -700px;
+
        margin-top:20px;
-
margin-top: -8px;
+
float:right;
-
                top: -100px;
+
position:relative;
-
background: red;
+
}
-
}
+
#part3{
 +
margin-top:40px;
 +
float:left;
 +
position:relative;
 +
}
 +
#part4{
 +
float:left;
 +
position:relative;
 +
margin: 40px 0 0 30px;
 +
width: 180px;
 +
 +
}
 +
#part5{
 +
float:right;
 +
position:relative;
 +
margin-top: 40px;
 +
}
-
#logo{
+
/*intro--------------------------------*/
-
width: 91px;
+
.intro{
-
height: 100%;
+
position:relative;
-
position: fixed;
+
color:#2e423e;
-
}
+
        text-align:center
-
#content{                     /* content */
+
}
-
width: 740px;
+
.des{
-
height: 100%;
+
float:left;
-
background: yellow;
+
width:300px;
-
float: right;
+
margin:50px 0px 100px 0px;
-
}
+
-
#navigation{
+
-
height: 50px;
+
-
background: green;
+
-
margin-top: 100px;
+
-
}
+
-
#pic{                            /* picture */
+
}
-
width: 740px;
+
-
height: 550px;
+
-
background: blue;
+
-
margin-top: 45px;
+
-
}
+
-
#pic1{
+
-
width: 200px;
+
-
height: 317px;
+
-
background: #b1b1b1;
+
-
float: left;
+
-
margin-bottom: 38px;
+
-
}
+
-
#pic2{
+
-
width: 511px;
+
-
height: 317px;
+
-
background: #c4f762;
+
-
float: right;
+
-
}
+
-
    #pic3{
+
-
    width: 200px;
+
-
    height: 195px;
+
-
    background: #6d1700;
+
-
    float: left;
+
-
    clear: left;
+
-
    margin-right: 29px;
+
-
    }
+
-
    #pic4{
+
-
    width: 180px;
+
-
    height: 195px;
+
-
    background: #222222;
+
-
    float: left;
+
-
    }
+
-
    #pic5{
+
-
    width: 302px;
+
-
    height: 195px;
+
-
    background: #a5d1ff;
+
-
    float: right;               
+
-
    }
+
-
    #text{
+
.h2{
-
    width: 740px;
+
color:#5BAF8F ;
-
    height: 500px;
+
font-size: 38px;
-
    background: #a0c8ff;
+
padding:15px 0;
-
    margin-top: 80px;
+
border-top:2px solid #2e423e;
-
    }
+
border-bottom:2px solid #2e423e;
-
    -->
+
}
-
</style>
+
.des p{
 +
font-size:24px;
 +
text-align:left;
 +
margin:20px 10px 10px 20px;
 +
}
-
</head>
+
/*footer-----------------------/
 +
#ft{
 +
width:720px;
 +
position:relative;
 +
color:grey;
 +
float:left;
 +
text-align:center;
 +
border-top:2px solid #888;
 +
padding-top:10px;
 +
padding-bottom:40px;
 +
}
 +
</style>
-
<body>
 
-
<div id="mainbox">
 
-
<div id="logo"><img src="https://static.igem.org/mediawiki/2012/c/c9/Logo.png"></div>
 
-
<div id="content">
 
-
<div id="navigation"></div>
 
-
<div id="pic">
 
-
<div id="pic1"><a href="###"><img src="https://static.igem.org/mediawiki/2012/c/c7/Pic1.png"></a></div>
 
-
<div id="pic2"><a href="###"><img src="https://static.igem.org/mediawiki/2012/5/57/Pic2.png"></a></div>
 
-
<div id="pic3"><a href="###"><img src="https://static.igem.org/mediawiki/2012/a/a7/Pic3.png"></a></div>
 
-
<div id="pic4"><a href="###"><img src="https://static.igem.org/mediawiki/2012/c/cd/Pic4.png"></a></div>
 
-
<div id="pic5"><a href="###"><img src="https://static.igem.org/mediawiki/2012/1/16/Pic5.png"></a></div>
 
-
</div>
 
-
<div id="text">
 
-
<p>IGEM</p>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</body>
+
</head>
 +
<body>
 +
        <div class="main">
 +
 
 +
<div style=" margin-left:0; margin-top:0px">
 +
<SCRIPT>var imgPre="http://www.alixixi.com";var meetsReqs=true;var indefli=false;var serviceid=0;var rpsub=false;var pcontr=false;
 +
</SCRIPT>
 +
 
 +
 
 +
<script type="text/javascript" src="http://hust.biocuckoo.org/~panzc/test.js"></script>
 +
<DIV id=flashControl_flashContent></DIV>
 +
<script type=text/javascript>
 +
  fc = new msn.flashControl('https://static.igem.org/mediawiki/2012/c/c6/ImageFlipper.swf','flashControl_flashControl','720','300','6','white');
 +
  fc.addParam('quality','high');
 +
  fc.addParam('wmode','transparent');
 +
  fc.addParam('menu','true');
 +
  fc.addParam('loop','true');
 +
  fc.addParam('allowscriptaccess','always');
 +
  fc.addVariable('trailer','0');
 +
  fc.addVariable('flipText2Clr','0');
 +
  fc.addVariable('winTarget','0');
 +
  fc.addVariable('isFrozen','1');
 +
  fc.addVariable('interval','5');
 +
  fc.addVariable('adFeedback','0');
 +
  fc.addVariable('imgURL','images/001-s.jpg;images/002-s.jpg;images/003-s.jpg;images/004-s.jpg;images/005-s.jpg;');
 +
  fc.addVariable('img2URL','https://static.igem.org/mediawiki/2012/1/15/2.jpg;https://static.igem.org/mediawiki/2012/1/10/3.png;https://static.igem.org/mediawiki/2012/0/0c/Model_home.png;https://static.igem.org/mediawiki/2012/4/4a/Team12.png;https://static.igem.org/mediawiki/2012/b/b4/Hp_home.png;');
 +
  fc.addVariable('credits','Warner+Bros.+Pictures+;Paramount+Pictures;Lionsgate;MSN+Entertainment;Warner+Bros.+Pictures+');
 +
  fc.addVariable('flipText1',"Lignocellulose+Decomposer;Microbial+Fuel+Cell;Modeling+Part;Our+Team;Survey+&+Outreach");
 +
  fc.addVariable('flipText2',";;;;");
 +
  fc.addVariable('flipText3',"Lignocellulose+Decomposer;Microbial+Fuel+Cell;Modeling;Our+Team;Human+Practice");
 +
  fc.addVariable('flipText4',";;;;");
 +
  fc.addVariable('flipLink',"http://www.qq.com/;http://www.alixixi.com/;http://www.alixixi.com/;http://www.alixixi.com/;http://www.alixixi.com/;");
 +
  fc.write('flashControl_flashContent');
 +
</script>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<div class="clear"></div>
 +
                                <div class="intro">
 +
<div class="des">
 +
<div class="h2">PROJECT</div>
 +
<p>Our project this year focuses on solving the energy crisis in the world. Part I: Lignocellulose Degradator uses Pichia pastoris to generate bio-ethanol. Part II: MFCs is a bioelectrogenerator that... <a href="https://2012.igem.org/Team:HUST-China/Project/Abstract">more>></a></p>
 +
</div>
 +
                                        <div id="circle"><img src="https://static.igem.org/mediawiki/2012/6/64/Circle.png" style="width:30px;float:left;margin:65px 45px 50px 45px;"/></div>
 +
<div class="des">
 +
<div class="h2">TEAM</div>
 +
<p> The HUST iGEM team 2012 is an energetic family composed of 21 undergraduate students and 3 advisors. Our members come from a variety of departments and had a great time doing project together.<a href="https://2012.igem.org/Team:HUST-China/Team">more>></a></p>
 +
</div>
 +
</div>
 +
               
 +
 
 +
 
 +
                                <div id="ft"></div>
 +
 +
        </div>
 +
        </body>
 +
</html>

Latest revision as of 04:00, 27 September 2012

logo

HUST CHINA


PROJECT

Our project this year focuses on solving the energy crisis in the world. Part I: Lignocellulose Degradator uses Pichia pastoris to generate bio-ethanol. Part II: MFCs is a bioelectrogenerator that... more>>

TEAM

The HUST iGEM team 2012 is an energetic family composed of 21 undergraduate students and 3 advisors. Our members come from a variety of departments and had a great time doing project together.more>>