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

(Prototype team page)
 
 
(35 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{SZU-China}}
 
−
 
 
<html>
 
<html>
  
 +
<head>
 +
<style>
 +
#sideMenu, #top_title{
 +
  display: none;
 +
}
 +
#content{
 +
width:100%; margin:0px; padding:0px;
 +
background:#FFF;
 +
}
 +
  
 +
</style>
  
−
<div class="column full_size" >
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<title>TEAM PAGE</title>
  
−
<h1>Team</h1>
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/sub/CSS?action=raw&amp;ctype=text/css">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<link href='http://fonts.font.im/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
 
 +
<script type="text/javascript" src="https://2017.igem.org/Template:SZU-China/jquery/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#nav-list-ul li").hover(function(){
 +
$(this).find('ul.sub-nav').show();
 +
}, function(){
 +
$(this).find('ul.sub-nav').hide();
 +
});
 +
 
 +
$("div.navbar").hover(function(){
 +
$(this).css("box-shadow", "1px 1px 7px #000")
 +
}, function(){
 +
$(this).css("box-shadow", "0px 0px 0px #000")
 +
});
 +
 
 +
$("#top").click(function () {
 +
$('body,html').animate({ scrollTop: 0 }, 200);
 +
return false;
 +
});
 +
});
 +
</script>
 +
 
 +
</head>
 +
 
 +
<body style="background:#F8F8F8;">
 +
 
 +
<div class="navbar" style="top:5px;position:fixed;z-index:5">
 +
        <div class="navbar-nav">
 +
            <ul id="nav-list-ul" class="nav-list">
 +
 
 +
                <li>
 +
                    <a href="#">TEAM</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Team">MEMBERS</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Collaborations">COLLABORATIONS</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Attributions">ATTRIBUTION</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
 
 +
                <li>
 +
                    <a href="#">PRACTICE</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/HP/Gold_Integrated">INTEGRATED HP</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/HP/Silver">SILVER HP</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Engagement">ENGAGEMENT</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
 
 +
                <li>
 +
                    <a href="#">EXPERIMENT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Procedure">PROCEDURE</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Results">RESULTS</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Demonstrate">DEMONSTRATE</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Protocol">PROTOCOL</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Notebook">NOTEBOOK</a></li>
 +
 
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">PROJECT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Description">DESCRIPTION</a></li>
 +
 
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Design">DESIGN</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Model">MODEL</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Safety">SAFTY</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
 
 +
                <li>
 +
                    <a href="#">ACHIEVEMENT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Achievement">MEDAL</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Parts">PARTS</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
       
 +
 
 +
 
 +
<div>
 +
 
 +
            <a href="https://2017.igem.org/Team:SZU-China"><img src="https://static.igem.org/mediawiki/2017/1/17/T--SZU-China--team-logo.png" style="height: 36px;width: auto;padding-top: 12px;padding-left:10px;"></a>
 +
        </div>
 +
    </div>
 +
<div class="banner-div">
 +
<img width="100%" src="https://static.igem.org/mediawiki/2017/6/6c/T--SZU-China--TeamAll.jpg" class="banner-img">
 
</div>
 
</div>
  
−
<div class="clear"></div>
 
  
−
<div class="column half_size" >
+
<section style="width: 100%;">
−
<h5>Inspiration</h5>
+
                    <div class="row" style="width:70%;margin:40px 15%;">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
                        <div class="col-sm-12">
−
Here are a few examples:</p>
+
 
−
<ul>
+
                          <h1><center style="color:#007ac5;padding-top:30px;padding-bottom:15px " >See how wonderful we are and Enjoy our songs!</center></h1>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
                          <p></p><br/>  
−
<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>
+
                            <video width="100%" height="auto" controls autoplay="autoplay">
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
                                <source src="https://static.igem.org/mediawiki/2017/c/c8/T--SZU-China--video.mp4" />
−
</ul>
+
                            </video>
 +
                        </div>
 +
                    </div>
 +
        </section>
 +
<br/>
 +
<div class="team-box">
 +
<h1 style="color: #007ac5">Team members</h1>
 +
 
 +
<div class="box-column" style="margin-top: 5%;">
 +
<img src="https://static.igem.org/mediawiki/2017/2/27/T--SZU-China--gefei.jpg" class="person">
 +
<img src="https://static.igem.org/mediawiki/2017/1/16/T--SZU-China--wenkai.jpg" class="person" style="margin-left: 10%;">
 +
</div>
 +
 
 +
<div class="box-column" style="margin-top: 5%;">
 +
<img src="https://static.igem.org/mediawiki/2017/3/31/T--SZU-China--jiantao.jpg" class="person">
 +
<img src="https://static.igem.org/mediawiki/2017/4/44/T--SZU-China--mingyue.jpg" class="person" style="margin-left: 10%;">
 +
</div>
 +
 +
<div class="box-column" style="margin-top: 5%;">
 +
<img src="https://static.igem.org/mediawiki/2017/5/5b/T--SZU-China--yamin.jpg" class="person">
 +
<img src="https://static.igem.org/mediawiki/2017/6/64/T--SZU-China--ziyu.jpg" class="person" style="margin-left: 10%;">
 +
</div>
 +
 +
<div class="box-column" style="margin-top: 5%;">
 +
<img src="https://static.igem.org/mediawiki/2017/b/b9/T--SZU-China--zhicheng.jpg" class="person">
 +
<img src="https://static.igem.org/mediawiki/2017/9/9f/T--SZU-China--hanxing.jpg" class="person" style="margin-left: 10%;">
 +
</div>
 +
 
 +
<br><br>
 +
<h1 style="color: #007ac5">PI</h1>
 +
<div class="box-column" style="margin-top: 5%;">
 +
<img src="https://static.igem.org/mediawiki/2017/e/eb/T--SZU-China--dengxu.jpg" class="person">
 +
<img src="https://static.igem.org/mediawiki/2017/5/54/T--SZU-China--chenweizhao.jpg" class="person" style="margin-left: 10%;">
 +
 
 +
</div>
 +
 
 +
<br><br>
 +
<h1 style="color: #007ac5">Instructors &amp; Advisors</h1>
 +
<div class="box-column" style="margin-top: 5%;">
 +
<img src="https://static.igem.org/mediawiki/2017/c/cd/T--SZU-China--jinlong.jpg" class="person" style="width: 22%;height: auto;">
 +
<img src="https://static.igem.org/mediawiki/2017/d/d9/T--SZU-China--yuxia.jpg" class="person" style="margin-left: 1.5%; width: 22%;height: auto;">
 +
<img src="https://static.igem.org/mediawiki/2017/0/0c/T--SZU-China--changxing.jpg" class="person" style="margin-left: 1.5%;width: 22%;height: auto;">
 +
<img src="https://static.igem.org/mediawiki/2017/8/83/T--SZU-China--decheng.jpg" class="person" style="margin-left: 1.5%;width: 22%;height: auto;">
 +
</div>
  
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
<div class="footer" style="position:absolute;margin-bottom:0px;padding-bottom:0">
−
<h5>What should this page contain?</h5>
+
<div class="sponsor">
−
<ul>
+
        <img src="https://static.igem.org/mediawiki/2017/0/08/2017SZUChina-sponsor1.jpg" class="sponsor-img">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        <img src="https://static.igem.org/mediawiki/2017/d/d4/2017SZUChina-sponsor2.jpg" class="sponsor-img">
−
<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>
+
        <img src="https://static.igem.org/mediawiki/2017/d/d5/2017SZUChina-sponsor3.jpg" class="sponsor-img">
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        <img src="https://static.igem.org/mediawiki/2017/1/1e/2017SZUChina-sponsor4.jpg" class="sponsor-img">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
        <img src="https://static.igem.org/mediawiki/2017/a/a3/2017SZUChina-sponsor5.jpg" class="sponsor-img">
−
</ul>
+
</div>
 +
<div class="footer-info">
 +
<address style="color:#888">3688 Nanhai Ave, ShenZhen, GuangDong Province, China</address>
 +
<span class="copyright">Copyright © 2017.<a href="https://2017.igem.org/Team:SZU-China" class="mainpage">SZU-China</a> iGEM</span>
 +
</div>
 
</div>
 
</div>
 +
 +
<div class="arrow-div">
 +
<a id="top" href="#" title="Back to top">
 +
<img src="https://static.igem.org/mediawiki/2017/f/f6/T--SZU-China--arrow.png" class="arrow-img">
 +
</a>
 +
</div>
 +
 +
</body>
 +
  
  
  
−
</div>
 
 
</html>
 
</html>

Latest revision as of 22:06, 1 November 2017

TEAM PAGE

See how wonderful we are and Enjoy our songs!



Team members



PI



Instructors & Advisors

3688 Nanhai Ave, ShenZhen, GuangDong Province, China
Copyright © 2017.SZU-China iGEM