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

(Prototype team page)
 
Line 1: Line 1:
−
{{ZJU-China}}
+
{{: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>Experiments</title>
  
−
<div class="column full_size">
+
    <!-- Bootstrap -->
  
 +
<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>Describe the experiments, research and protocols you used in your iGEM project.</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;
 +
}
  
−
</div>
+
@media screen and (min-width: 601px){
 +
    #tr1{
 +
        margin: 2em 1em 2em 1em;
 +
        width: 85%;
 +
    }
 +
}
  
−
<div class="column half_size">
+
@media screen and (max-width: 600px){
−
<h5>What should this page contain?</h5>
+
    #tr1{
−
<ul>
+
        margin: 1em 0 0;
−
<li> Protocols </li>
+
        width: auto;
−
<li> Experiments </li>
+
    }
−
<li>Documentation of the development of your project </li>
+
}
−
</ul>
+
  
−
</div>
+
    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>
  
−
<div class="column half_size">
+
  </head>
−
<h5>Inspiration</h5>
+
  <body>
−
<ul>
+
<div class="container">
−
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
  <div class="row">
−
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
    <div class="col-md-3">
−
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
      <div id="div3" align="center">
−
</ul>
+
        </div>
−
</div>
+
    </div>
 +
        <div class="col-md-6">
 +
            <div id="div4">
 +
        Experiments
 +
        </div>
 +
      </div>
 +
    <div class="col-md-3">
 +
      <div id="div3">
 +
        </div>
 +
    </div>
 +
  </div>
  
 +
<br>
  
−
<div class="clear"></div>
 
  
  
−
<div class="column half_size">
+
  <!-- 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>
−
 
+
−
</div>
+
−
 
+
 
</html>
 
</html>

Revision as of 07:22, 17 September 2016

Experiments
Experiments