Difference between revisions of "Team:SiCAU-China/Team"

Line 5: Line 5:
 
     background:url(https://static.igem.org/mediawiki/2017/8/80/T-SICAU-background_wall.jpg);
 
     background:url(https://static.igem.org/mediawiki/2017/8/80/T-SICAU-background_wall.jpg);
 
     }
 
     }
 +
.content {
 +
    width:75%;
 +
    margin:0 auto;
 +
    color:#CCCCCC
 +
    }
 +
.content img {   
 +
    width:200px;
 +
    height:200px;
 +
    border-radius:50%;
 +
    float:left;
 +
    border: 5px solid #d2e9fd;
 +
    }
 +
h2 {
 +
    color:#CCCC66;
 +
    }
 +
h3 {
 +
    color: #000066;
 +
    }
 +
#teamphoto img {
 +
    width:100%;
 +
    height:auto;
 +
    border-radius:0px;!important
 +
    display:block
 +
    }
 +
a.elevator {display: block; position: relative; top: -80px; visibility: hidden;}
 +
.elevator {
 +
    height: 150px;
 +
    position: fixed;
 +
    bottom: 30px;
 +
    right: 100px;
 +
    z-index: 1000;
 +
    cursor: pointer;
 +
    -webkit-transition: all ease 0.4s;
 +
    -moz-transition: all ease 0.4s;
 +
    -ms-transition: all ease 0.4s;
 +
    -o-transition: all ease 0.4s;
 +
    transition: all ease 0.4s;
 +
}
 
</style>
 
</style>
  
 
<div class="wall">
 
<div class="wall">
<div class="column full_size" >
+
  <div class="content">
 
+
    <h2>Team Introduction</h2>
 +
    <p>Three senior, seven junior and two sophomore students ,that is SICAU - China . We are from different grades, different professional, but we  have the same aspiration. We from Getting to Know each other , to learning together, and working together.In this process, we not only harvest knowledge and experimental skills, more is plating together, waiting for the result and then smile or disappointment.This is a team with joy, as well as all the IGEM teams.</p>
 +
    <p>We appreciate our instructors, advisors and  all the others who provided valuable advice and essential materials for the project. Thanks the dedication of your,because it,we made it.</p>
 +
    <div id="teamphoto"><img src="#" alt="team photo" /></div>
 +
    <div style="clear:both"></div>
 +
    <h2>Team Member</h2>
 +
    <img src="../../../Pictures/Saved Pictures/17_61066_e009389b1ec765c.jpg" />
 +
    <div>
 +
        <h3>Ling WenWen</h3>
 +
    <p>......</p>
 +
    </div>
 +
    <div style="clear:both"></div>
 
<h1>Team</h1>
 
<h1>Team</h1>
 
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
<p>In this page you can introduce your team members, instructors, and advisors. </p>
</div>
+
 
  
 
<div class="clear"></div>
 
<div class="clear"></div>
Line 37: Line 86:
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
</ul>
 
</ul>
 +
</div>
 
</div>
 
</div>
  
  
  
 +
  <div class = "footer">
 +
    <style>
 +
      .footer { padding: 0px;  }
 +
      .footer > div { width: 418px; margin: 0 auto; padding-top: 10px; }
 +
      .footer > div > img { float: left; height: 100px; display: inline-block; position: relative; margin-left: 6px; margin-right: 6px; }
 +
      .footer > p { text-align: center; color: #ffffff }
 +
      .footer > p > a { color: #ffffff; }
 +
    </style>
 +
    <div>
 +
    <a href="http://www.sicau.edu.cn/"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-SICAU-college_logo.jpg" alt="college's logo" /></a>
 +
    <div style="clear:both"></div>
 +
    <p>contact us: <a href="mailto:sicau_igem@163.com">sicau_igem@163.com</a></p>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
</div>
+
<img class="elevator" id="evil" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" src="#" onmouseover="up()" onmouseout="down()" />
<div class = "footer">
+
<script type="text/javascript">
  <style>
+
function down(){
    .footer { padding: 0px; background-color: #333333; }
+
document.getElementById('evil').src="#";
    .footer > div { width: 418px; margin: 0 auto; padding-top: 10px; }
+
}
    .footer > div > img { float: left; height: 100px; display: inline-block; position: relative; margin-left: 6px; margin-right: 6px; }
+
function up(){
    .footer > p { text-align: center; color: #ffffff }
+
document.getElementById('evil').src="#";
    .footer > p > a { color: #ffffff; }
+
}
  </style>
+
</script>
<div>
+
<a href="http://www.sicau.edu.cn/"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-SICAU-college_logo.jpg" width="100px" height="100px" alt="college's logo" /></a><div style="clear:both"></div>
+
<p>contact us: <a href="mailto:sicau_igem@163.com">sicau_igem@163.com</a></p>
+
</div>
+
</div>
+
 
</html>
 
</html>

Revision as of 02:42, 2 October 2017

Team Introduction

Three senior, seven junior and two sophomore students ,that is SICAU - China . We are from different grades, different professional, but we have the same aspiration. We from Getting to Know each other , to learning together, and working together.In this process, we not only harvest knowledge and experimental skills, more is plating together, waiting for the result and then smile or disappointment.This is a team with joy, as well as all the IGEM teams.

We appreciate our instructors, advisors and all the others who provided valuable advice and essential materials for the project. Thanks the dedication of your,because it,we made it.

team photo

Team Member

Ling WenWen

......

Team

In this page you can introduce your team members, instructors, and advisors.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • 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.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.