Team:Jilin China/Survey
From 2014.igem.org
(12 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html | + | {{CSS/Main}} |
+ | <html> | ||
<head> | <head> | ||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
.observation{margin-left:auto;margin-right:auto} | .observation{margin-left:auto;margin-right:auto} | ||
.observe1{width:400px;float:left;margin-left:20px;margin-right:20px;margin-bottom:20px} | .observe1{width:400px;float:left;margin-left:20px;margin-right:20px;margin-bottom:20px} | ||
- | #coop{font-size:18px;padding: | + | #coop{font-size:18px;padding:0px 20px;} |
.clear{clear:both} | .clear{clear:both} | ||
+ | </style> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .home_second_block_div{width:265px; | ||
+ | float:left; | ||
+ | border:2px solid #ccc; | ||
+ | background-color:#fff; | ||
+ | padding:5px 10px; | ||
+ | margin:10px; | ||
+ | |||
+ | } | ||
+ | .home_second_block_div h2{ | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .home_second_block_div p a{ | ||
+ | text-decoration:none; | ||
+ | color:blue;} | ||
+ | .logo{ | ||
+ | float:right; | ||
+ | } | ||
+ | .menu { | ||
+ | margin-top: 14px; | ||
+ | font-family: arial,sans-serif; | ||
+ | height: 50px; | ||
+ | margin: 0 auto 30px; | ||
+ | width: 980px; | ||
+ | } | ||
+ | .menu ul { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .menu ul li { | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | |||
+ | } | ||
+ | .menu ul li a, .menu ul li a:visited { | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | padding-left:25px; | ||
+ | padding-right:25px; | ||
+ | height:30px; | ||
+ | color:#000; | ||
+ | border:1px solid #fff; | ||
+ | border-width:1px 1px 0 0; | ||
+ | line-height:40px; | ||
+ | font-size:15px; | ||
+ | } | ||
+ | .menu ul li ul { | ||
+ | display: none; | ||
+ | z-index:10; | ||
+ | } | ||
+ | .menu ul li:hover a { | ||
+ | color:#000; | ||
+ | height:50px; | ||
+ | display:block; | ||
+ | background:#ecffeb; | ||
+ | } | ||
+ | .menu ul li:hover ul { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:50px; | ||
+ | left:0; | ||
+ | width:105px; | ||
+ | height:50px; | ||
+ | } | ||
+ | .menu ul li:hover ul li a { | ||
+ | display:block; | ||
+ | color:#000; | ||
+ | height:30px; | ||
+ | width:100px; | ||
+ | background:#fff; | ||
+ | margin-top:-2px; | ||
+ | line-height:30px; | ||
+ | } | ||
+ | .menu ul li:hover ul li a:hover { | ||
+ | background:#dfc184; | ||
+ | color:#000; | ||
+ | } | ||
+ | .caret { | ||
+ | border-left: 4px solid transparent; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-top: 4px solid; | ||
+ | display: inline-block; | ||
+ | height: 0; | ||
+ | margin-left: 2px; | ||
+ | width: 0; | ||
+ | vertical-align:middle !important; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
+ | <style> | ||
+ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
+ | </style> | ||
+ | |||
+ | <!-- here ends the section that changes the default wiki template to a white full width background --> | ||
+ | |||
+ | |||
+ | <!-- beginning of your page --> | ||
+ | |||
+ | <link href="http://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.css" rel="stylesheet" /> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)"> | ||
+ | |||
+ | <!-- menu --> | ||
+ | <div class="menu"> | ||
+ | |||
+ | <!---吉大logo----> | ||
+ | <div class="logo"> | ||
+ | <a href="https://2014.igem.org/Main_Page"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/a/a3/Uea_igem-logo.png"></a> | ||
+ | </div> | ||
+ | <!---比赛logo----> | ||
+ | <div style="float:left;"> | ||
+ | <a href="https://2014.igem.org/Team:Jilin_China"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/6/60/Jilin_China_igem_logo.gif"></a> | ||
+ | </div> | ||
+ | <table id="menu" cellspacing="0" height="135px"> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China">HOME</a></li> | ||
+ | <li><a style="margin-top:20px;" class="hide" >TEAM<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Team Members" title="Cross browser fixed layout">OUR TEAM</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/ATTRIBUTION" title="Cross browser fixed layout">ATTRIBUTION</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide">PROJECT<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Outline" title="a coded list of spies">OUTLINE</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/RESULT" title="a horizontal vertical menu">CONTRUST</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/NOTEBOOK" title="a horizontal vertical menu">TEST</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/Blueprint" title="a horizontal vertical menu">BLUEPRINT</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide" >IDEA<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/BACKGROUND" title="A drop down menu">BACKGROUND</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/DESIGN" title="A cascading menu">DESIGN</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide">PRACTICE<span class="caret"></span></a> | ||
+ | <ul> | ||
+ | <li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Coorperation" title="colour wheel">COORPERATION</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/observation" title="a menu using opacity">OBSERVATION</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/Propagate" title="partial opacity">PROPAGATE</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Jilin_China/Survey" title="partial opacity II">SURVEY</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China/Acknowledgement">ACKNOWLEDGEMENT</a></li> | ||
+ | </ul> | ||
+ | <!-- clear the floats if required --> | ||
+ | <div class="clear"> </div> | ||
+ | |||
+ | </table> | ||
+ | </div> | ||
+ | <!-- end of menu --> | ||
+ | |||
+ | <!--First block of content --> | ||
+ | <table id="firstblock" width="100%" cellspacing="0"> | ||
+ | <tr> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td> | ||
+ | <td align="center" background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png" > | ||
+ | |||
+ | <!-- You can replace this image with your team's logo! --> | ||
+ | |||
+ | <h3>Welcome! <br>Team Jilin China</h3> | ||
+ | |||
+ | |||
+ | </td> | ||
+ | <td background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- end of first block --> | ||
+ | |||
+ | <!-- Block of content 1 --> | ||
+ | <table width="100%" cellspacing="0" height="0px"> | ||
+ | <tr><td></td> | ||
+ | <td width="975px" align="left" bgColor="#FEE5AD" > | ||
+ | <table width="975px" cellspacing="0" height="0px"> | ||
+ | <tr> | ||
+ | |||
+ | <td width="100%" rowspan="3" align="left"> | ||
+ | <td bgColor=#FEE5AD> </td> | ||
+ | |||
+ | <!-- This is the back to top button --> | ||
+ | <th bgColor=#FEE5AD> </th> | ||
+ | <tr><td bgColor=#FEE5AD></td></tr> | ||
+ | <tr> <td height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> | ||
+ | <a href="#menu" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr> | ||
+ | |||
- | |||
- | <div id="coop"> | + | <!-- Content goes here --> |
+ | <div id="coop" style="padding:20px 20px;"> | ||
- | <center | + | <center><h3>Survey Results</h3></center> |
- | + | <p>1.Select the options that you know for water safety problems.(you may select more than one options)</p> | |
<div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/8/80/Simonsong-practice-survey-1.gif"/> | <div class="observation"><img class="observe1" src="https://static.igem.org/mediawiki/2014/8/80/Simonsong-practice-survey-1.gif"/> | ||
<img class="observe1" src="https://static.igem.org/mediawiki/2014/f/f8/Simonsong-practice-survey-2.gif"/> </div> | <img class="observe1" src="https://static.igem.org/mediawiki/2014/f/f8/Simonsong-practice-survey-2.gif"/> </div> | ||
Line 62: | Line 256: | ||
</div> | </div> | ||
- | + | <a id="coop" href="https://2014.igem.org/Team:Jilin_China/water_safety">Questionnaire</a> | |
- | <a href="https://2014.igem.org/Team:Jilin_China/water_safety"> | + | </td> |
- | </ | + | </table> |
- | + | </td> | |
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <!-- end of Block--> | ||
</html> | </html> |
Latest revision as of 03:34, 18 October 2014
Welcome!
|
|