Difference between revisions of "Team:XJTLU-CHINA/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{XJTLU-CHINA}}
 
{{XJTLU-CHINA}}
 +
 
<html>
 
<html>
  
−
<h2>Team</h2>
+
<style>
 +
 
 +
h1 {font-size:16px; font-weight:bold; text-decoration:none; border:none; display:inline}
 +
 
 +
#contents {
 +
.firstPage{
 +
    height: 683px;
 +
}
 +
 
 +
.firstPageBg{
 +
    width: 100%;
 +
    height: 100%;
 +
    position: absolute;
 +
    background-position: center center;
 +
    background-size: cover;
 +
    z-index: -999;
 +
}
 +
 
 +
.videoBg{
 +
    position: absolute;
 +
    height: 683px;
 +
    background-color: white;
 +
    width: 100%;
 +
    height: 100%;
 +
    position: absolute;
 +
    background-size: cover;
 +
    z-index: -999;
 +
}
 +
 
 +
#bgvid{
 +
    position: absolute;
 +
    right: 0;
 +
    bottom: 0;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: 100%;
 +
    height: auto;
 +
    z-index: -100;
 +
    background-size: cover;
 +
    opacity: 0.7;
 +
}
 +
 
 +
.secondPage{
 +
}
 +
 
 +
.secondPageBg{
 +
    height: 100%;
 +
    width: 100%;
 +
    position: relative;
 +
    background-position: center center;
 +
    background-size: cover;
 +
    background-color: coral;
 +
}
 +
 
 +
.thirdPage{
 +
}
 +
 
 +
.thirdPageBg{
 +
    height: 100%;
 +
    width: 100%;
 +
    position: relative;
 +
    background-position: center center;
 +
    background-size: cover;
 +
    background-color: lightblue;
 +
}
 +
 
 +
.overview{
 +
    padding-top: 250px;
 +
}
 +
 
 +
h1{
 +
    color: white;
 +
    font-size: 100px;
 +
    font-weight: 800;
 +
    position: absolute;
 +
}
 +
 
 +
h2{
 +
    margin-bottom: 50px;
 +
    font-size: 65px;
 +
    color: black;
 +
    font-weight: 300;
 +
    background-color: darkslateblue;
 +
    padding: 20px;
 +
    border-radius: 10px;
 +
}
 +
 
 +
h3{
 +
    margin-bottom: 50px;
 +
    font-size: 35px;
 +
    color: black;
 +
    font-weight: 300;
 +
    clear: left;
 +
    background-color: aliceblue;
 +
    padding: 20px;
 +
    border-radius: 10px;
 +
}
 +
 
 +
h4{
 +
    padding: 10px 10px 10px 10px;
 +
    background-color: aquamarine;
 +
    border-radius: 10px;
 +
}
 +
 
 +
.lv1{
 +
    margin-left: 15%;
 +
    margin-right: 15%;
 +
}
 +
 
 +
.lv2{
 +
    line-height: 1.5;
 +
    margin-bottom: 10px;
 +
    margin-top: 10px;
 +
    background-color: CornflowerBlue;
 +
    padding: 20px 20px 20px 25px;
 +
    border-radius: 10px;
 +
    font-size: 30px;
 +
}
 +
 
 +
.lv3{
 +
    line-height: 2;
 +
    font-size: 18px;
 +
    margin: 30px 0;
 +
    clear: left;
 +
    background-color: white;
 +
    padding: 20px;
 +
    border-radius: 10px;
 +
}
 +
 
 +
.lv3 p{
 +
    margin-left: 10px;
 +
}
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
.PageEnd{
 +
    padding: 20px;
 +
    clear: left;
 +
}
  
 +
.teamImg{
 +
    margin-left: 5%;
 +
    width: 30%;
 +
    float: left;
 +
    clear: left;
 +
    margin-top: 10px;
 +
    border-radius: 50px;
 +
}
  
 +
.teamImgText{
 +
    margin-left: 40%;
 +
}
  
 +
.PageEnd1{
 +
    margin-top: 40px;
 +
}
  
  
−
<h4>Inspiration</h4>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
 
−
</ul>
 
  
−
<h5>What should this page contain?</h5>
+
</style>
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<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>
+
−
<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>
+
  
  
−
</div>
 
 
</html>
 
</html>

Revision as of 07:34, 17 September 2015



Add a banner to your wiki!

You can make the image 980px by 200px

Remember to call the file: "Team_XJTLU-CHINA_banner.jpg"