Difference between revisions of "Team:HZAU-China/Demonstrate"

Line 2: Line 2:
  
 
<html>
 
<html>
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <!--内容的样式-->
 +
  <style>
 +
    body {
 +
      font-family: "Arial", Helvetica, sans-serif;
 +
      text-align: justify;
 +
      margin: 0px;
 +
      background-color: #ffffff;
 +
    }
  
 +
    .HZAU_content a:hover {
 +
      color: black;
 +
      text-decoration: none;
 +
    }
  
 +
    .HZAU_content a {
 +
      color: black;
 +
    }
  
 +
    .HZAU_content {
 +
      position: absolute;
 +
      top: 43px;
 +
      left: 250px;
 +
      width: 1000px;
 +
      height: 2100px;
 +
      z-index: -1;
 +
    }
  
−
<div class="clear"></div>
+
    .HZAU_2017_menu {
 +
      display: block;
 +
      position: fixed;
 +
      left: 15px;
 +
      top: 100px;
 +
      height: 337px;
 +
      width: 233px;
 +
      overflow: hidden;
 +
    }
  
 +
    .beijin {
 +
      height: 337px;
 +
      width: 233px;
 +
    }
  
−
<div class="column full_size">
+
    .HZAU_2017_menu ul {
−
<h1>Demonstrate</h1>
+
      position: absolute;
−
<h3>Gold Medal Criterion #4</h3>
+
      top: 50%;
 +
      margin-top: -80px;
 +
      margin-left: 0px;
 +
      left: 0px;
 +
      width: 100%;
 +
      padding-left: 0px;
 +
      font-size: 16px;
 +
    }
  
−
<p>
+
    .HZAU_2017_menu li {
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve a their gold medals!
+
      width: 100%;
−
</p>
+
    }
  
−
<p>
+
    .HZAU_2017_menu li a {
−
Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
+
      display: inline-block;
−
</p>
+
      width: 100%;
 +
      height: 100%;
 +
      padding: 20px 0px 20px 0px;
 +
      margin-left: 13px;
 +
      text-align: left;
 +
      color: rgb(249, 228, 137);
 +
      text-decoration: none;
 +
      font-style: arial;
 +
      line-height: 90%;
 +
    }
  
 +
    .HZAU_2017_menu li:hover {
 +
      background: rgb(249, 228, 137);
 +
    }
  
−
</div>
+
    .HZAU_2017_menu li a:hover {
 +
      color: #000;
 +
    }
  
 +
    .HZAU_item {
 +
      position: absolute;
 +
      width: 100%;
 +
      padding-left: 40px;
 +
    }
  
−
<div class="column half_size">
+
    .biaoti {
 +
      font-size: 50px;
 +
      font-weight: bold;
 +
      text-align: center;
 +
      width: 100%;
 +
      display: block;
 +
      padding-bottom: 50px;
 +
      padding-top: 50px;
 +
      color: rgb(63, 59, 58);
 +
    }
  
−
<h4> What should we do for our demonstration?</h4>
+
    .zhengwen {
 +
      display: block;
 +
      font-style: arial;
 +
      font-size: 18px;
 +
      line-height: 34px;
 +
      text-align: justify;
 +
      color: #000;
 +
      margin-bottom: 9px;
 +
      margin-left: 0px;
 +
      margin-right: 0px;
 +
      margin-top: 7.2px
 +
    }
  
−
<h5> Standard teams </h5>
+
    .jiaozheng {
 +
      position: relative;
 +
    }
  
−
<p>
+
    .jiaozheng a {
−
If you have built a proof of concept system, you can demonstrate it working under real world conditions. If you have built a biological device that is intended to be a sensor, can you show it detecting whatever it is intended to sense. If it is intended to work in the field, you can show how this might work using a simulated version in the lab, or a simulation of your device in the field.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
      position: absolute;
−
</p>
+
      top: -66px;
−
</div>
+
    }
  
−
<div class="column half_size">
+
    .HZAU_content img {
 +
      margin: 0 auto;
 +
      display: block;
 +
    }
  
−
<br>
+
    .tu_1 {
−
<h5> Special track teams </h5>
+
      width: 233px;
 +
    }
  
−
<p>
+
    .tu_2 {
−
Special track teams can achieve this medal criterion by bringing their work to the Jamboree and showcasing it in the track event. Art & Design, Measurement, Hardware and Software tracks will all have showcase events at the Giant Jamboree.<strong> Please note biological materials must not be taken out of the lab</strong>.
+
      width: 555px;
−
</p>
+
    }
 +
  </style>
 +
</head>
 +
<body>
 +
<div class="HZAU_2017_menu">
 +
    <img src="https://static.igem.org/mediawiki/2017/8/8e/HZAU_2017_background_1.png" class="beijin">
  
 +
  </div>
 +
 +
</body>
  
−
</div>
 
  
  
  
 
</html>
 
</html>

Revision as of 03:49, 1 November 2017