Team:UESTC-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
 
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 +
<head>
 +
<title>IGEM</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta http-equiv="Content-Style-Type" content="text/css" />
 +
<link href="style.css" rel="stylesheet" type="text/css" />
 +
<link rel="stylesheet" type="text/css" href="buttons/buttons.css" />-->
<html>
<html>
 +
<style type="text/css" rel="stylesheet">
 +
.button{
 +
font:15px Calibri, Arial, sans-serif;
-
<!--main content -->
+
/* A semi-transparent text shadow */
-
<table width="70%" align="center">
+
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
-
 
+
-
 
+
/* Overriding the default underline styling of the links */
-
<!--welcome box -->
+
text-decoration:none !important;
-
<tr >
+
white-space:nowrap;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B >
+
-
<img  src="https://static.igem.org/mediawiki/2014/c/cc/LuZhu.jpg" height="150px" width="100%"></img>
+
display:inline-block;
-
 
+
vertical-align:baseline;
-
</td>
+
position:relative;
-
</tr>
+
cursor:pointer;
-
 
+
padding:10px 20px;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
background-repeat:no-repeat;
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:UESTC-China"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Team"style="color:#000000"> Team </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:UESTC-China/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
/* The following two rules are fallbacks, in case
 +
  the browser does not support multiple backgrounds. */
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
background-position:bottom left;
-
</tr>
+
background-image:url('./images/button_bg.png');
-
</table>
+
 +
/* Multiple backgrounds version. The background images
 +
  are defined individually in color classes */
 +
 +
background-position:bottom left, top right, 0 0, 0 0;
 +
background-clip:border-box;
 +
 +
/* Applying a default border raidus of 8px */
 +
 +
-moz-border-radius:8px;
 +
-webkit-border-radius:8px;
 +
border-radius:8px;
 +
 +
/* A 1px highlight inside of the button */
 +
 +
-moz-box-shadow:0 0 1px #fff inset;
 +
-webkit-box-shadow:0 0 1px #fff inset;
 +
box-shadow:0 0 1px #fff inset;
 +
 +
/* Animating the background positions with CSS3 */
 +
/* Currently works only in Safari/Chrome */
 +
 +
-webkit-transition:background-position 1s;
 +
-moz-transition:background-position 1s;
 +
transition:background-position 1s;
 +
}
-
<!--end navigation menu -->
+
.button:hover{
-
</tr>
+
 +
/* The first rule is a fallback, in case the browser
 +
  does not support multiple backgrounds
 +
*/
 +
 +
background-position:top left;
 +
background-position:top left, bottom right, 0 0, 0 0;
 +
}
 +
.button:active{
 +
/* Moving the button 1px to the bottom when clicked */
 +
bottom:-1px;
 +
}
-
</tr>
+
/* The three buttons sizes */
-
+
 +
.button.big { font-size:30px;}
 +
.button.medium { font-size:18px;}
 +
.button.small { font-size:13px;}
 +
/* A more rounded button */
 +
.button.rounded{
 +
-moz-border-radius:4em;
 +
-webkit-border-radius:4em;
 +
border-radius:4em;
 +
}
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
/* Defining four button colors */
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!--requirements section -->
+
/* BlueButton */
-
<tr><td colspan="3"> <h3> Introduction </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
<p>We will use plant to degrade HCOH.</br>We are leaded by XueBa</p>
+
 +
.blue.button{
 +
color:#0f4b6d !important;
 +
 +
border:1px solid #84acc3 !important;
 +
 +
/* A fallback background color */
 +
background-color: #48b5f2;
 +
 +
/* Specifying a version with gradients according to */
 +
 +
background-image: url('./images/button_bg.png'), url('./images/button_bg.png'),
 +
-moz-radial-gradient( center bottom, circle,
 +
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
 +
-moz-linear-gradient(#4fbbf7, #3faeeb);
-
</td>
+
background-image: url('./images/button_bg.png'), url('./images/button_bg.png'),
 +
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
 +
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
 +
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
 +
}
-
<td > </td>
+
.blue.button:hover{
-
<td width="45%">
+
background-color:#63c7fe;
 +
 +
background-image: url('./images/button_bg.png'), url('./images/button_bg.png'),
 +
-moz-radial-gradient( center bottom, circle,
 +
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
 +
-moz-linear-gradient(#63c7fe, #58bef7);
 +
 +
background-image: url('./images/button_bg.png'), url('./images/button_bg.png'),
 +
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
 +
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
 +
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
 +
}
 +
/* Green Button */
-
</td>
+
.green.button{
-
</tr>
+
color:#345903 !important;
 +
border:1px solid #96a37b !important;
 +
background-color: #79be1e;
 +
 +
background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
 +
background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
 +
}
 +
.green.button:hover{
 +
background-color:#89d228;
 +
 +
background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
 +
background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
/* Orange Button */
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
 +
.orange.button{
 +
color:#693e0a !important;
 +
border:1px solid #bea280 !important;
 +
background-color: #e38d27;
 +
 +
background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
 +
background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
 +
}
-
<!--tips  -->
+
.orange.button:hover{
-
<tr><td colspan="3" > <h3> Sponsers </h3></td></tr>
+
background-color:#ec9732;
 +
 +
background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
 +
background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
 +
}
-
<tr>
+
.gray.button{
-
<td width="45%" valign="top">
+
color:#525252 !important;
-
<p>UESTC office of teaching affairs</p>
+
border:1px solid #a5a5a5 !important;
-
</td>
+
background-color: #a9adb1;
 +
 +
background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
 +
background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
 +
}
-
<td></td>
+
.gray.button:hover{
-
<td width="45%">
+
background-color:#b6bbc0;
 +
 +
background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
 +
background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
 +
}
-
<p>UESTC Plant Genetic Engineering Lab</p>
 
 +
* {margin:0;padding:0}
 +
body {font-family:Tahoma, Geneva, sans-serif;font-size:100%;line-height:.9375em;color:#fff;position:relative;background:url(images/body-bg.gif) center top repeat-y}
 +
input, textarea, select {font-family:Tahoma, Geneva, sans-serif;font-size:1em}
 +
.fleft {float:left}
 +
.fright {float:right}
 +
.clear {clear:both}
 +
.col-1, .col-2, .col-3 {float:left}
 +
.alignright {text-align:right}
 +
.aligncenter {text-align:center}
 +
.wrapper {width:100%;overflow:hidden}
 +
.container {width:100%}
 +
p {margin-bottom:15px}
 +
/* GLOBAL */
 +
#main {width:910px;margin:0 auto;height:auto !important;height:100%;min-height:100%;position:relative}
 +
#header, #content, #footer {font-size:0.75em}
 +
.top-bg {background:url(images/bg-top2.jpg) no-repeat center top;position:relative;min-height:100%;height:auto !important;height:100%}
 +
.bot-bg {background:url(images/bg-bottom.jpg) no-repeat center bottom;position:relative;min-height:100%;height:auto !important;height:100%}
 +
.tail-top {background:url(images/tail-top.gif) left top repeat-x #028ecc;min-height:100%;height:auto !important;height:100%}
 +
.tail-bottom {background:url(images/tail-bottom.gif) left bottom repeat-x;position:relative;min-height:100%;height:auto !important;height:100%}
 +
.tail-bg {background:url(images/bg-tail.jpg) center top repeat-y;position:relative;min-height:100%;height:auto !important;height:100%}
 +
.tail-right-top {background:url(images/tail-right.gif) right top repeat-x;position:absolute;height:550px;right:0;top:0;width:50%}
 +
.tail-right-bot {background:url(images/tail-right-bottom.gif) right bottom repeat-x;position:absolute;height:459px;right:0;bottom:0;width:50%}
 +
.tail-right {background:#0ab7e0;height:100%;position:absolute;right:0;top:0;width:50%}
 +
/* txt, links, lines, titles */
 +
a {color:#abe3fd;outline:none}
 +
a:hover{text-decoration:none}
 +
h1 {padding:28px 0 0 10px;font-size:3em;line-height:1em;float:left}
 +
h1 a {display:block;background: no-repeat left top;width:237px;height:40px;text-indent:-9999px}
 +
h1 span {background:url(images/slogan.jpg) no-repeat left top;text-indent:-9999px;display:block;height:22px;width:437px}
 +
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:2.08em;line-height:1.1em;text-transform:uppercase;font-weight:normal;margin-bottom:23px}
 +
h3 {font-size:1em;padding:2px 0 0 0;margin-bottom:10px}
 +
/* header */
 +
#header {height:120px}
 +
#header .top-links {float:right;padding-top:37px}
 +
#header .top-links li {float:left}
 +
/* nav */
 +
#nav {float:left;width:209px;margin-right:40px;padding:40px 0 0 0;position:relative}
 +
#nav ul li {width:100%}
 +
#nav ul li a {display:block;background:url(images/nav-bg.png) no-repeat left top;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:209px;height:32px;line-height:32px;font-size:18px;text-transform:uppercase;color:#fff;text-decoration:none;text-indent:30px;margin-bottom:7px;position:relative;z-index:10}
 +
#nav ul li a:hover {color:#011032}
 +
.extra-img {position:absolute;top:316px;left:-11px}
 +
/* content */
 +
#content {float:left;width:661px;min-height:680px;height:auto !important;height:680px}
 +
#content {padding:40px 0}
 +
#content .section {padding:0 0 34px 0}
 +
/* list */
 +
ul {list-style:none}
 +
#content ul {padding-bottom:15px}
 +
#content ul li {font-weight:bold;padding-bottom:8px}
 +
#content ul li a {color:#fff}
 +
#content ul li ul {padding:10px 0 0 12px}
 +
#content ul li ul li {font-weight:normal}
 +
#content .items-list {padding:0}
 +
#content .items-list li {width:100%;overflow:hidden;padding-bottom:20px;font-weight:normal}
 +
#content .items-list li img {float:left;margin-right:20px}
 +
#content .articles {padding:0}
 +
#content .articles li {width:100%;overflow:hidden;padding-bottom:30px; font-weight:normal}
 +
#content .articles li img {float:left;margin-right:20px}
 +
#content .articles li a {color:#abe3fd}
 +
/* forms */
 +
input, select {vertical-align:middle;font-weight:normal}
 +
img {border:0;vertical-align:top;text-align:left}
 +
#contacts-form {clear:right;width:100%;overflow:hidden;padding:15px 0 0 0}
 +
#contacts-form fieldset {border:none;float:left}
 +
#contacts-form .field {clear:both}
 +
#contacts-form label {float:left;width:97px;line-height:20px;padding-bottom:5px;font-weight:bold}
 +
#contacts-form input {width:246px;padding:2px 0 2px 3px;background:#16acf1;border:1px solid #91dcfe;color:#fff}
 +
#contacts-form textarea {width:475px;height:293px;padding:2px 0 2px 3px;background:#16acf1;border:1px solid #91dcfe;color:#fff;margin-bottom:15px;overflow:auto}
 +
/* boxes */
 +
.box .left-top-corner {background:url(images/left-top-corner.png) no-repeat left top;padding-left:10px}
 +
.box .right-top-corner {background:url(images/right-top-corner.png) no-repeat right top;padding-right:10px}
 +
.box .border-top {background:url(images/border-top.png) left top repeat-x;height:10px;overflow:hidden;font-size:0;line-height:0}
 +
.box .border-left {background:url(images/border-side.png) left top repeat-y;padding-left:1px}
 +
.box .border-right {background:url(images/border-side.png) right top repeat-y;padding-right:1px}
 +
.box .inside {background:url(images/box-bg.png) left top;padding:14px 39px 23px 39px}
 +
.box .left-bot-corner {background:url(images/left-bot-corner.png) no-repeat left top;padding-left:10px}
 +
.box .right-bot-corner {background:url(images/right-bot-corner.png) no-repeat right top;padding-right:10px}
 +
.box .border-bot {background:url(images/border-bot.png) left top repeat-x;height:10px;overflow:hidden;font-size:0;line-height:0}
 +
.button {float:right;font-size:1.5em;line-height:1.1em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:234px;text-align:center}
 +
.button span {display:block;background:url(images/button-left.png) no-repeat left top;padding-left:11px}
 +
.button span span {background:url(images/button-right.png) no-repeat right top;padding-right:12px;padding-left:0}
 +
.button span span a {display:block;background:url(images/button-bg.png) left top repeat-x;padding:6px;color:#fff;text-decoration:none;text-transform:uppercase}
 +
.button span span a:hover {color:#000}
 +
/* footer */
 +
#footer {height:80px;position:relative;margin:-80px auto 0 auto;width:910px}
 +
#footer {color:#acc3de}
 +
#footer .indent {padding:15px 0 0 249px}
 +
#footer a {color:#fff}
 +
#footer img {position:relative;top:-4px}
 +
#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px}
 +
</style>
 +
<script>
 +
    var i = 0;
 +
function gain()
 +
{
 +
i=i+1;
 +
}
 +
 +
    function show_result()
 +
    {
 +
        var result = "http://127.0.0.1:8000/survey/1/"+i;
 +
        var link = '<a href="'+result+'">再次点击显示结果</a>';
 +
        document.getElementById("demo").innerHTML = link;
 +
    }
 +
   
 +
</script>
 +
<!--</head>-->
-
</br>
+
<div id="page1">
-
</td>
+
<div class="tail-right"></div>
-
</tr>
+
<div class="tail-right-top"></div>
-
</table>
+
<div class="tail-top">
 +
<div class="tail-bottom">
 +
<div class="tail-bg">
 +
<div class="top-bg">
 +
<div class="tail-right-bot"></div>
 +
<div class="bot-bg">
 +
<div id="main">
 +
<!-- header -->
 +
<div id="header">
 +
<h1><a>IGEM</a></h1>
 +
<ul class="top-links">
 +
<li><a><img alt="home" src="images/icon-home.gif" /></a></li>
 +
<li><a><img alt="mail" src="images/icon-mail.gif" /></a></li>
 +
<li><a><img alt="map" src="images/icon-map.gif"/></a></li>
 +
</ul>
 +
</div>
 +
<div class="extra-img"><img alt="extra-img" src="images/extra-img.png" class="png"/></div>
 +
<div class="wrapper">
 +
<!-- nav -->
 +
<div id="nav">
 +
<ul>
 +
<li><a>..</a></li>
 +
<li><a href="result.html">..</a></li>
 +
<li><a href="#">..</a></li>
 +
</ul>
 +
</div>
 +
<!-- content -->
 +
<div id="content">
 +
<div class="section">
 +
<!-- box begin -->
 +
<div class="box">
 +
<div class="left-top-corner png"><div class="right-top-corner png"><div class="border-top png"></div></div></div>
 +
<div class="border-left png">
 +
<div class="border-right png">
 +
<div class="inside png">
 +
<div id="buttonContainer">
 +
<h2>{{tittle}}</h2>
 +
<hr/>
 +
<big>{{message}}</big>
 +
<hr/>
 +
<strong>{{tip}}</strong>
 +
    <p>{{content1}}</p>
 +
    <a class="button medium blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content2}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <p>{{content3}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content4}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <p>{{content5}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <p>{{content6}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content7}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content8}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content9}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content10}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <p>{{content11}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content12}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <p>{{content13}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content14}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <p>{{content15}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <p>{{content16}}</p>
 +
    <a class="button small blue">No</a><a class="button small blue" onclick="gain()">Yes</a>
 +
    <p>{{content17}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
<p>{{content18}}</p>
 +
    <a class="button small blue" onClick="gain()">No</a><a class="button small blue" >Yes</a>
 +
    <button onClick="show_result()" id="demo">点击提交</button>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="left-bot-corner png"><div class="right-bot-corner png"><div class="border-bot png"></div></div></div>
 +
</div>
 +
<!-- box end -->
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
<!-- footer -->
 +
<div id="footer">
 +
<div class="indent">
 +
<div class="fleft">Copyrights - </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</html>

Revision as of 04:25, 14 May 2014

extra-img

{{tittle}}


{{message}}
{{tip}}

{{content1}}

NoYes

{{content2}}

NoYes

{{content3}}

NoYes

{{content4}}

NoYes

{{content5}}

NoYes

{{content6}}

NoYes

{{content7}}

NoYes

{{content8}}

NoYes

{{content9}}

NoYes

{{content10}}

NoYes

{{content11}}

NoYes

{{content12}}

NoYes

{{content13}}

NoYes

{{content14}}

NoYes

{{content15}}

NoYes

{{content16}}

NoYes

{{content17}}

NoYes

{{content18}}

NoYes