Difference between revisions of "Team:KAIT Japan/Team"

(Prototype team page)
 
Line 1: Line 1:
{{IISER_Pune}}
 
 
<html>
 
<html>
  
<h2>Team</h2>
+
<head>
  
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<title>KAIT-JAPAN 2015</title>
 +
<META http-equiv="Content-Style-Type" content="text/css">
 +
<style type="text/css">
  
 +
#page body{width:950px; margin:auto;}
  
  
 +
#f-box{
 +
    display:-moz-box;
 +
    display:-webkit-box;
 +
    display:-webkit-flex;
 +
    display:-ms-flexbox;
 +
    display:flex;
 +
}
  
  
<h4>Inspiration</h4>
+
#mannnaka{
<p>You can look at what other teams did to get some inspiration! <br />
+
    box-sizing:border-box;
Here are a few examples:</p>
+
    width:550px;
<ul>
+
    padding:10px;
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
    -moz-box-ordinal-group:2;
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
    -webkit-box-ordinal-group:2;
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
    -webkit-order-:2;
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
    -ms-flex-order:2;
</ul>
+
    order:2;
 +
}
  
<h5>What should this page contain?</h5>
+
.aside{
<ul>
+
    box-sizing:border;
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    width:200px;
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
    padding
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
}
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
</ul>
+
  
 +
.side1{
 +
    -moz-box-ordinal-group:1;
 +
    -webkit-box-ordinal-group:1;
 +
    -webkit-order-:1;
 +
    -ms-flex-order:1;
 +
    order:1;
 +
}
  
 +
.side2{
 +
    -moz-box-ordinal-group:3;
 +
    -webkit-box-ordinal-group:3;
 +
    -webkit-order-:3;
 +
    -ms-flex-order:3;
 +
    order:3;
 +
}
 +
 +
 +
h1{
 +
    margin-left:+10px;
 +
    margin-right:+10px;
 +
    background-color:#7CFC00;
 +
}
 +
 +
 +
</style>
 +
 +
</head>
 +
 +
 +
 +
 +
 +
<body>
 +
 +
<div id="page body">
 +
<h1>タイトル</h1>
 +
  <div id="f-box">
 +
    <div id="mannnaka">
 +
    <p>私はHPを作成している。</p><br>
 +
 +
 +
 +
 +
 +
    </div>
 +
    <div class="aside side1">
 +
      <p style="color:#0000FF">私はHPを作成している。</p><br>
 +
 +
 +
 +
 +
 +
    </div>
 +
    <div class="asaide side2">
 +
    <p>ksksksksksks</p>
 +
 +
 +
 +
 +
 +
    </div>
 +
  </div>
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 08:11, 3 August 2015

KAIT-JAPAN 2015

タイトル

私はHPを作成している。


私はHPを作成している。


ksksksksksks