Difference between revisions of "Team:TJUSLS China/Team"

(Prototype team page)
 
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{TJUSLS_China}}
+
 
 
<html>
 
<html>
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <title></title>
 +
    <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/home_style?action=raw&ctype=text/css">
 +
    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_two?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_one?action=raw&ctype=text/javascript"></script>
 +
</head>
  
 +
<style>
 +
    #content{width:100%;padding:0px;margin:0px;background-color: #ededed;}
 +
    #sideMenu, #top_title
 +
    {
 +
        display: none;
 +
    }
 +
    body{font: 16px sans-serif;}
 +
    .footer_bg .footer {
 +
        padding: 0;
 +
        border-top: 6px solid #222222;
 +
    }
 +
    .footer_bg .footer_btm {
 +
        margin-top: 4%;
 +
        border-top: none;
 +
        padding: 2% 4%;
 +
        padding-top: 2%;
 +
        max-width: 1458px;
 +
        margin: 0 auto;
 +
    }
  
 +
    .tool_tip > div > li {
 +
        width: 30%;
 +
        height: 280px;
 +
    }
  
−
<div class="column full_size" >
+
    .tool_tip > ul > li {
 +
        width: 30%;
 +
        height: 280px;
 +
    }
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    .tt-wrapper li a span {
 +
        text-transform: unset;
 +
    }
  
 +
    .right10{
 +
        right: 10px;
 +
    }
  
−
</div>
+
    .right190{
 +
        right: 190px;
 +
    }
  
−
<div class="column half_size" >
+
    h3{
−
<h5>Inspiration</h5>
+
        padding-bottom: 0.2em;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        padding-top: 0.2em;
−
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>
+
  
−
</div>
+
    .tt-wrapper {
 +
        padding: 4% 0 10% 0;
 +
    }
 +
</style>
 +
<body>
 +
<!--menu-->
 +
<div class="header-box">
 +
    <div class="header">
 +
        <!-- start h_menu4 -->
 +
        <div class="h_menu4">
 +
            <a class="toggleMenu" href="">Menu</a>
 +
            <ul id="top_ul_my" class="nav">
 +
                <script>
 +
                    function getHover(number){
 +
                        var top_ul_my_lis = $("#top_ul_my").find(">li");
 +
                        console.log(top_ul_my_lis);
 +
                        if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
 +
                        else top_ul_my_lis[0].setAttribute("class", "active");
  
−
<div class="column half_size" >
+
                        for(var i = 1; i < top_ul_my_lis.length; i++){
−
<h5>What should this page contain?</h5>
+
                            if(i == number) {
−
<ul>
+
                                top_ul_my_lis[i].setAttribute("class", "hover");
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
                            }else{
−
<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>
+
                                top_ul_my_lis[i].setAttribute("class", "");
−
<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>
+
                    }
 +
 
 +
                    $(".header").hover(function(event){
 +
                        event.stopPropagation();
 +
                        $('#top_ul_my li').attr("class","");
 +
                    });
 +
 
 +
                </script>
 +
                <li onmouseover="getHover(0)"><a href="https://2016.igem.org/Team:TJUSLS_China">TJUSLS</a></li>
 +
                <li onmouseover="getHover(1)" class=""><a href="" class="root">Project</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Description">Description</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Design">Design</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Experiments">Experiments</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Proof">Proof of Concept</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Demonstrate">Demonstrate</a></li>
 +
 
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">Results</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Basic_Part">Basic Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Composite_Part">Composite Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Part_Collection">Part Collection</a></li>
 +
 
 +
                    </ul>
 +
                </li>
 +
                <li class="active" onmouseover="getHover(3)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
 +
                <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
 +
 
 +
                </li>
 +
 
 +
                <li onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Silver">Silver</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HP/Gold">Gold</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Integrated_Practices">Integrated Practices</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Engagement">Engagement</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(6)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li onmouseover="getHover(7)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Team">TEAM</a>
 +
 
 +
                    <ul>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Team">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
 +
        </div>
 +
        <!-- end h_menu4 -->
 +
        <div class="clear"></div>
 +
    </div>
 +
    <div class="sec-menu">
 +
        <img class="sec-menu-dot" src="https://static.igem.org/mediawiki/2016/f/f9/T--TJUSLS_China--sec-menu.png"/>
 +
        <img class="sec-menu-close" src="https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--sec-menu-close.png"/>
 +
        <ul>
 +
            <li><a href="#part1">Leaders</a></li>
 +
            <li><a href="#part2">Members</a></li>
 +
            <li><a href="#part3">Teachers</a></li>
 +
        </ul>
 +
    </div>
 
</div>
 
</div>
 +
<!--title-->
 +
<div class="second-title" id="part1">
 +
    Team
 +
    <div class="second-title-img">
 +
        <img src="https://static.igem.org/mediawiki/2016/8/86/T--TJUSLS_China--second-logo.png"/>
 +
    </div>
 +
</div>
 +
<!--content-->
 +
<div class="second-content">
 +
<!--图片-->
 +
    <div class="clients_bg">
 +
        <div class="wrap">
 +
            <br><br><h3 style="text-align: center; font-size: 3em;font-weight: 700; font-family: 'PT_Sans-Web-BoldItalic';text-transform: capitalize;color: #94304f;">
 +
                Leaders</h3>
 +
            <div class="clients" style="padding: 0% 2%">
 +
                <div class="tool_tip">
 +
                    <div class="tt-wrapper">
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/5/53/L1.jpeg" alt="" title="Sample" /><span>Zhizhi is a sagacious, brave and reassuring girl. She is our supporter, our best leader.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/b/b5/L2.jpeg" alt="" title="Sample" /><span>Sida is as sly as a fox, as free as a bird, as soft as a bread.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/4/43/L3.jpg" alt="" title="Sample" /><span>Guoxiu is always kind and gentle. We believe he is the best cook of iGemers. </span></a></li>
 +
                        <div class="clear"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
  
 +
                <div class="clear"></div>
  
 +
            <br><br><h3 style="text-align: center; font-size: 3em;font-weight: 700; font-family: 'PT_Sans-Web-BoldItalic';text-transform: capitalize;color: #94304f;">
 +
                Members</h3>
 +
            <div class="clients" style="padding: 0% 2%" id="part2">
 +
                <div class="tool_tip">
 +
                    <div class="tt-wrapper">
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/ee/Sls1.jpg" /><span>Mumu is a good-looking guy with preciseness and endeavour</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/4/47/T--TJUSLS_China--M2.jpg" /><span>Bian is thinking rigorous. What a friendly and reliable lovely lady.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/0/0a/T--TJUSLS_China--M3.jpg" /><span>Manlin is our Princess Bella whose smile is always wondeful.</span></a></li>
 +
                        <div class="clear"></div>
 +
                    </div>
 +
                    <div class="tt-wrapper">
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/7/70/T--TJUSLS_China--M4.jpg" /><span>Haodong is reliable big brother with strong responsibility.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/1/1b/T--TJUSLS_China--M5.jpg" /><span>Rourou is as cute as a anime girl. No one will refuse her.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/0/03/T--TJUSLS_China--M6.jpg" /><span>Chunlin can always do his work perfectly. He is a shiny hard-worker.</span></a></li>
 +
                        <div class="clear"></div>
 +
                    </div>
 +
                    <div class="tt-wrapper">
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/3/3c/T--TJUSLS_China--M7.jpg" /><span>Mr Tong is omnipotent with cool style. He is also a star gazer. Cool!</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/1/13/T--TJUSLS_China--M8.jpg" /><span>Shichao always have creative ideas while his hidden identity is the pokémon trainer. Shh!</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/d/da/T--TJUSLS_China--M9.jpg" /><span>Yingying is petite with a great deal of energy. She went back to Hainan. Best wishes! We miss you.</span></a></li>
 +
                        <div class="clear"></div>
 +
                    </div>
 +
                    <div class="tt-wrapper">
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/8/8a/T--TJUSLS_China--M10.jpg" /><span>Xue is our Snow White with a dream about mysterious jungles. Her life is full of poetry and warm sunshine.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e3/T--TJUSLS_China--M11.jpg" /><span>Ao is as beautiful as the fairy. She has magic to promise our project can always gain a good result.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/c/c7/T--TJUSLS_China--M12.jpg" /><span>Ruixing is independent and serious. Guess what? He is one the tallest guy in our team. </span></a></li>
 +
                        <div class="clear"></div>
 +
                    </div>
 +
                    <div class="tt-wrapper">
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--M13.jpg" /><span>Kai is our mascot. The smart one is always charming, let along with humorous and plump belly (laugh).</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/6/6c/T--TJUSLS_China--M14.jpg" /><span>Niu is our senior with sufficient patience. Not only the modeling, he can do a lot. Maybe he is a superman, right?</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/6/6e/T--TJUSLS_China--M15.jpg" /><span>Take Hou as an example, the beautiful girl can be a good researcher, both beauty and wisdom.</span></a></li>
 +
                        <div class="clear"></div>
 +
                    </div>
 +
                    <div class="tt-wrapper">
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/7/74/T--TJUSLS_China--M16.jpg" /><span>A professional programmer can also be an intrepid basketball player. YJ is the man who can always be positive to face the troubles.</span></a></li>
 +
                        <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/3/34/T--TJUSLS_China--M17.jpg" /><span>Tong creates interesting cartoons for us. With lucidly eyes, her life is full of aesthetic feeling.</span></a></li>
 +
                        <div class="clear"></div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <br><br><h3 style="text-align: center; font-size: 3em;font-weight: 700; font-family: 'PT_Sans-Web-BoldItalic';text-transform: capitalize;color: #94304f;">
 +
            Teachers</h3>
 +
            <p style="text-align: center; font-size: 1.5em" id="part3">
 +
                Zefang Wang, Associate Professor in School of Life Sciences, helps us design the project.
 +
                <br><br>Haitao Yang, Professor in School of Life Sciences, responsible for constructing our team.
  
 +
            </p>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="wenzi-end"></div>
 +
    <div class="up"><img src="https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg"/></div>
 +
</div>
 +
<!--foot-->
 +
<div class="footer_bg">
 +
    <div class="foot_wrap">
 +
        <div class="footer">
 +
            <div class="footer_btm">
 +
                <div class="copy">
 +
                    <p style="text-align: center">Copyright 2016 TJUSLS</p>
 +
                </div>
 +
                <div class="clear"></div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 05:19, 19 October 2016

Menu
Team


Leaders

  • Zhizhi is a sagacious, brave and reassuring girl. She is our supporter, our best leader.
  • Sida is as sly as a fox, as free as a bird, as soft as a bread.
  • Guoxiu is always kind and gentle. We believe he is the best cook of iGemers.


    • Members



    Teachers

    Zefang Wang, Associate Professor in School of Life Sciences, helps us design the project.

    Haitao Yang, Professor in School of Life Sciences, responsible for constructing our team.

    Copyright 2016 TJUSLS