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

(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>Notebook</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> Document the dates you worked on your 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 have?</h5>
+
    #tr1{
<ul>
+
        margin: 1em 0 0;
<li>Chronological notes of what your team is doing.</li>
+
        width: auto;
<li> Brief descriptions of daily important events.</li>
+
    }
<li>Pictures of your progress. </li>
+
}
<li>Mention who participated in what task.</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>
<p>You can see what others teams have done to organize their notes:</p>
+
<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">
 +
        Notebook
 +
        </div>
 +
      </div>
 +
    <div class="col-md-3">
 +
      <div id="div3">
 +
        </div>
 +
    </div>
 +
  </div>
  
<ul>
+
<br>
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</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:24, 17 September 2016

Notebook
Notebook