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

Line 1: Line 1:
 
{{:Team:ZJU-China/template_test1}}
 
{{:Team:ZJU-China/template_test1}}
−
<html>
+
<html lang="zh-CN">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
   
 +
    <title>Demonstrate</title>
  
 +
    <!-- Bootstrap -->
  
−
<div class="column full_size" >
+
<style type="text/css">
 +
    body {
 +
background-color: #fffae6;
 +
color: #022634;
 +
max-width:1440px;
 +
width:100%;
 +
padding-top:80px;
 +
padding-bottom:20px;
 +
}
 +
.content_box2_parent {
 +
    text-align: center;
 +
padding-right:5000px;
 +
 +
}
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
.content_box2_child {               
 +
    border-radius: 30px 60px;
 +
    display: inline-block;
 +
    background-color: #FFFFFF;
 +
    text-align: justify;
 +
    vertical-align: middle;
 +
    box-shadow: 1px 1px 10px #888;
 +
    -webkit-box-shadow: 1px 1px 10px #888;
 +
    -moz-box-shadow: 1px 1px 10px #888;
 +
    padding: 4%;
 +
    min-height: 430px;
 +
}
  
−
<h5>What should this page contain?</h5>
+
@media screen and (min-width: 601px){
−
<ul>
+
    #tr1{
−
<li> Clearly and objectively describe the results of your work.</li>
+
        margin: 2em 1em 2em 1em;
−
<li> Future plans for the project </li>
+
        width: 85%;
−
<li> Considerations for replicating the experiments </li>
+
    }
−
</ul>
+
}
  
−
</div>
+
@media screen and (max-width: 600px){
 +
    #tr1{
 +
        margin: 1em 0 0;
 +
        width: auto;
 +
    }
 +
}
  
−
<div class="column half_size" >
+
    body,td,th {
 +
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
}
 +
  #div1 {
 +
position: relative;
 +
width: 100%;
 +
font-size: 72px;
 +
}
 +
  #div2 {
 +
position: relative;
 +
width: 90%;
 +
font-size: 18px;
 +
}
 +
  #div3 {
 +
position: relative;
 +
margin-top:50px;
 +
height:5px;
 +
background-color: #990100;
 +
}
 +
  #div4{
 +
    position: relative;
 +
margin: 0 0 10.5px;
 +
color: #990100;
 +
font-size: 72px;
 +
text-align:center;
 +
}
 +
  </style>
  
 +
  </head>
 +
  <body>
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="col-md-3">
 +
      <div id="div3" align="center">
 +
        </div>
 +
    </div>
 +
        <div class="col-md-6">
 +
            <div id="div4">
 +
        Demonstrate
 +
        </div>
 +
      </div>
 +
    <div class="col-md-3">
 +
      <div id="div3">
 +
        </div>
 +
    </div>
 +
  </div>
  
−
<h5> Project Achievements </h5>
+
<br>
−
 
+
−
 
+
−
 
+
−
<ul>
+
−
<li>A list of linked bullet points of the successful results during your project</li>
+
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
−
</ul>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column half_size" >
+
−
 
+
−
<h5>Inspiration</h5>
+
−
<p>See how other teams presented their results.</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
−
</ul>
+
−
 
+
−
</div>
+
  
  
  
 +
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
    <script src="https://2016.igem.org/Team:ZJU-China/js/Bootstrap_jQuery?action=raw&amp;ctype=text/javascript"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 07:25, 17 September 2016

Demonstrate
Demonstrate