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

Line 1: Line 1:
 +
 
<html>
 
<html>
−
 
 
<head>
 
<head>
−
     <!-- head -->
+
     <meta charset="UTF-8">
−
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
     <title></title>
−
     <!--start slider -->
+
     <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/index_style?action=raw&amp;ctype=text/css">
−
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_lrtk?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
+
     <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/home_style?action=raw&ctype=text/css">
−
     <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/home/home_fwslider?action=raw&amp;ctype=text/css" media="all">
+
     <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/index_js_two?action=raw&ctype=text/javascript"></script>
−
     <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_lrtk_js?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>
−
     <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery_min?action=raw&ctype=text/javascript"></script>
+
</head>
−
     <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery_min?action=raw&ctype=text/javascript"></script>
+
−
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery-ui_min?action=raw&ctype=text/javascript"></script>
+
−
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_fwslider1?action=raw&ctype=text/javascript"></script>
+
−
    <!--end slider -->
+
−
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery-hover-effect?action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript">
+
−
        //Image Hover
+
−
        jQuery(document).ready(function(){
+
−
            jQuery(function() {
+
−
                jQuery('ul.da-thumbs > li').hoverdir();
+
−
            });
+
−
        });
+
−
    </script>
+
−
    <!-- Add fancyBox main JS and CSS files -->
+
−
    <script src="https://2016.igem.org/Team:TJUSLS_China/home/home_jquery.magnific-popup?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
−
    <link href="https://2016.igem.org/Team:TJUSLS_China/home/home_magnific-popup?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
+
−
    <script>
+
−
        $(document).ready(function() {
+
−
            $('.popup-with-zoom-anim').magnificPopup({
+
−
                type: 'inline',
+
−
                fixedContentPos: false,
+
−
                fixedBgPos: true,
+
−
                overflowY: 'auto',
+
−
                closeBtnInside: true,
+
−
                preloader: false,
+
−
                midClick: true,
+
−
                removalDelay: 300,
+
−
                mainClass: 'my-mfp-zoom-in'
+
−
            });
+
−
        });
+
−
    </script>
+
−
    <!--nav-->
+
−
    <script>
+
−
        $(function() {
+
−
            var pull = $('#pull');
+
−
            menu = $('nav ul');
+
−
            menuHeight = menu.height();
+
  
−
            $(pull).on('click', function(e) {
 
−
                e.preventDefault();
 
−
                menu.slideToggle();
 
−
            });
 
−
 
−
            $(window).resize(function(){
 
−
                var w = $(window).width();
 
−
                if(w > 320 && menu.is(':hidden')) {
 
−
                    menu.removeAttr('style');
 
−
                }
 
−
            });
 
−
        });
 
−
    </script>
 
−
 
−
    <!-- origin -->
 
−
    <script>
 
−
        buttonClick = {};
 
−
    </script>
 
−
    <title>Home</title>
 
−
    <!--<script src="js/jquery.min.js"></script>-->
 
−
    <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_bootstr?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all">
 
−
    <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_style?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
−
    <meta name="keywords" content="Solutem  Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
 
−
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
 
−
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 
−
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/jquery-min?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <!---- start-smoth-scrolling---->
 
−
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/move-top?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/easing?
 
−
action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript">
 
−
        jQuery(document).ready(function($) {
 
−
            $(".scroll").click(function(event){
 
−
                event.preventDefault();
 
−
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
 
−
            });
 
−
        });
 
−
    </script>
 
−
    <!---End-smoth-scrolling---->
 
−
    <link href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_component?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"  />
 
−
    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/modernizr.custom?
 
−
action=raw&ctype=text/javascript"></script>
 
−
</head>
 
 
<style>
 
<style>
−
    #bodyContent h2 {
+
     #content{width:100%;padding:0px;margin:0px;background-color: #ededed;}
−
        font-size: 2em;
+
−
    }
+
−
 
+
−
    .cbp-spmenu-push-toleft {
+
−
        left: -115px;
+
−
    }
+
−
 
+
−
     #content {
+
−
        width: 100%;
+
−
        padding: 15px;
+
−
        border: none;
+
−
        color: black;
+
−
        margin-left: 20px;
+
−
        margin-right: auto;
+
−
        background-color: #ffffff;
+
−
        position: relative;
+
−
    }
+
 
     #sideMenu, #top_title
 
     #sideMenu, #top_title
 
     {
 
     {
 
         display: none;
 
         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;
 
     }
 
     }
  
Line 121: Line 33:
 
         width: 30%;
 
         width: 30%;
 
         height: 200px;
 
         height: 200px;
 +
    }
 +
 +
    .tt-wrapper li a span {
 +
        text-transform: unset;
 
     }
 
     }
  
Line 132: Line 48:
 
</style>
 
</style>
 
<body>
 
<body>
−
<div class="cbp-spmenu-push" id="body">
+
<!--menu-->
−
    <div class="header_bg">
+
<div class="header-box">
−
        <div class="wrap">
+
    <div class="header">
−
            <div class="header">
+
        <!-- start h_menu4 -->
−
                <div class="logo">
+
        <div class="h_menu4">
−
                    <a href="index.html"><img src="images/logo.png" alt="" /></a>
+
            <a class="toggleMenu" href="">Menu</a>
−
                </div>
+
            <ul id="top_ul_my" class="nav">
−
                <!-- start h_menu4 -->
+
                <script>
−
                <div class="h_menu4">
+
                    function getHover(number){
−
                    <a class="toggleMenu" href="">Menu</a>
+
                        var top_ul_my_lis = $("#top_ul_my").find(">li");
−
                    <ul id="top_ul_my" class="nav">
+
                        console.log(top_ul_my_lis);
−
                        <script>
+
                        if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
−
                            function getHover(number){
+
                        else top_ul_my_lis[0].setAttribute("class", "active");
−
                                var top_ul_my_lis = $("#top_ul_my").find(">li");
+
−
                                if(number == 0) top_ul_my_lis[0].setAttribute("class", "active hover");
+
−
                                else top_ul_my_lis[0].setAttribute("class", "active");
+
  
−
                                for(var i = 1; i < top_ul_my_lis.length; i++){
+
                        for(var i = 1; i < top_ul_my_lis.length; i++){
−
                                    if(i == number) {
+
                            if(i == number) {
−
                                        top_ul_my_lis[i].setAttribute("class", "hover");
+
                                top_ul_my_lis[i].setAttribute("class", "hover");
−
                                    }else{
+
                            }else{
−
                                        top_ul_my_lis[i].setAttribute("class", "");
+
                                top_ul_my_lis[i].setAttribute("class", "");
−
                                    }
+
−
                                }
+
 
                             }
 
                             }
 +
                        }
 +
                    }
  
−
                            $(document).ready(function() {
+
                    $(".header").hover(function(event){
−
                                //console.log("ready");
+
                        event.stopPropagation();
−
                                var top_ul_my_lis = $("#top_ul_my").find(">li");
+
                        $('#top_ul_my li').attr("class","");
−
                                for(var i = 1; i < top_ul_my_lis.length; i++) {
+
                    });
−
                                    $(top_ul_my_lis[i]).mouseover(getHover(i));
+
−
                                }
+
−
                            });
+
  
−
                        </script>
+
                </script>
−
                        <li class="active"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/home">TJUSLS</a></li>
+
                <li onmouseover="getHover(0)"><a href="https://2016.igem.org/Team:TJUSLS_China/home">TJUSLS</a></li>
−
                        <li ><a href="https://2016.igem.org/Team:TJUSLS_China/Project" class="root">project</a>
+
                <li onmouseover="getHover(1)" class=""><a href="" class="root">Project</a>
−
                            <ul>
+
                    <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/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/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/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/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/Demonstrate">Demonstrate</a></li>
−
                               
+
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT/PROTOCOLS">protocols</a></li>
+
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li><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><a href="https://2016.igem.org/Team:TJUSLS_China/Notebook">Notebook</a></li>
−
                         </li>
+
                         <li><a href="https://2016.igem.org/Team:TJUSLS_China/Results">Results</a></li>
−
<li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">MODELING</a>
+
                    </ul>
−
                            <ul>
+
                </li>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Modeling">Modeling</a></li>
+
                <li onmouseover="getHover(2)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Parts">PARTS</a>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Software">Software</a></li>
+
                    <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>
+
                    </ul>
−
                        </li>
+
                </li>
−
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
+
                <li class="active" onmouseover="getHover(3)"><a class="active" href="https://2016.igem.org/Team:TJUSLS_China/Safety">SAFETY</a></li>
−
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
+
                <li onmouseover="getHover(4)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Attributions">ATTRIBUTIONS</a>
−
                        </li>
+
  
−
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
+
                </li>
−
                            <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 onmouseover="getHover(5)" class=""><a href="https://2016.igem.org/Team:TJUSLS_China/Human_Practices">HUMAN PRACTICES</a>
−
</li>
+
                    <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/Team">TEAM</a>
+
                         <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>
+
                    <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/Team">Team</a></li>
−
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
+
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/Collaborations">Collaborations</a></li>
−
                            </ul>
+
−
                        </li>
+
 
                     </ul>
 
                     </ul>
−
                    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&ctype=text/javascript"></script>
+
                </li>
−
                </div>
+
            </ul>
−
                <!-- end h_menu4 -->
+
            <!--<script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&amp;ctype=text/javascript"></script>-->
−
 
+
−
                <div class="clear"></div>
+
−
            </div>
+
 
         </div>
 
         </div>
 +
        <!-- end h_menu4 -->
 +
        <div class="clear"></div>
 
     </div>
 
     </div>
−
 
+
     <div class="sec-menu">
−
    <!--header-banner-->
+
         <img class="sec-menu-dot" src="https://static.igem.org/mediawiki/2016/f/f9/T--TJUSLS_China--sec-menu.png"/>
−
     <div class="header-banner">
+
        <img class="sec-menu-close" src="https://static.igem.org/mediawiki/2016/b/b5/T--TJUSLS_China--sec-menu-close.png"/>
−
         <div class="banner-grids">
+
        <ul>
−
            <div class="baneer-grid1">
+
            <li><a href="#part1">Leaders</a></li>
−
 
+
            <li><a href="#part2">Members</a></li>
−
            </div>
+
            <li><a href="#part3">Teachers</a></li>
−
            <div class="baneer-grid2">
+
         </ul>
−
 
+
−
            </div>
+
−
            <div class="baneer-grid3">
+
−
 
+
−
            </div>
+
−
 
+
−
            <div class="clearfix"></div>
+
−
        </div>
+
−
        <div class="top-header">
+
−
            <div class="container">
+
−
                <div class="logo">
+
−
                    <a href="index.html">TJUSLS</a>
+
−
                </div>
+
−
                <div class="top-nav">
+
−
                    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
+
−
                        <h3>Team</h3>
+
−
                        <a href="https://2016.igem.org/wiki/index.php?title=Team:TJUSLS_China" class="active">home</a>
+
−
                        <a href="#part1">Studene</a>
+
−
                        <a href="#part2">Teacher</a>
+
−
 
+
−
                    </nav>
+
−
                    <div class="main buttonset">
+
−
                        <!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
+
−
                        <button id="showrightpush" onclick="buttonClick.showRightPush()"><img src="https://static.igem.org/mediawiki/2016/f/f6/Menu-icon.png" alt=""/></button>
+
−
                        <!--<span class="menu"></span>-->
+
−
                    </div>
+
−
                    <script>
+
−
                        buttonClick.swapClass=function(id, classa, classb){
+
−
                            var body = $("#"+id);
+
−
                            var classnames = body.attr("class").split(" ");
+
−
                            var isFirst = true;
+
−
                            var newclassname = "";
+
−
                            for(i=0; i < classnames.length; i++){
+
−
                                if(classnames[i] == "") continue;
+
−
                                if(classnames[i] == classa){
+
−
                                    newclassname += " " + classb;
+
−
                                    isFirst = false;
+
−
                                }else if(classnames[i] == classb){
+
−
                                    newclassname += " " + classa;
+
−
                                    isFirst = false;
+
−
                                }else{
+
−
                                    newclassname += " " + classnames[i];
+
−
                                }
+
−
                            }
+
−
                            if(isFirst) newclassname += " " + classa;
+
−
                            body.attr("class", newclassname);
+
−
                        };
+
−
                        buttonClick.showRightPush=function(){
+
−
                            classie.toggle(document.getElementById('body'), 'cbp-spmenu-push-toleft');
+
−
                            classie.toggle(document.getElementById('cbp-spmenu-s2'), 'cbp-spmenu-open');
+
−
                            buttonClick.swapClass('toTop', 'right190', 'right10')
+
−
                        }
+
−
                    </script>
+
−
 
+
−
                    <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
+
−
                    <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/classie?
+
−
action=raw&ctype=text/javascript"></script>
+
−
                    <!-- /script-for-menu -->
+
−
                </div>
+
−
                <div class="clearfix"> </div>
+
−
            </div>
+
−
         </div>
+
 
     </div>
 
     </div>
−
    <!--end-header-->
+
</div>
−
     <div class="content">
+
<!--title-->
−
         <!--welcome-->
+
<div class="second-title" id="part1">
−
        <!--<div class="welcome">
+
    Team
−
             <div class="container">
+
     <div class="second-title-img">
−
                 <div class="welcome-grid">
+
         <img src="https://static.igem.org/mediawiki/2016/8/86/T--TJUSLS_China--second-logo.png"/>
−
                     <div class="col-md-6 welcom-grid">
+
    </div>
−
                         <img src="https://static.igem.org/mediawiki/2016/f/fd/Img7.jpg" class="img-responsive" alt="/">
+
</div>
−
                    </div>
+
<!--content-->
−
                    <div class="col-md-6 welcom-grid1">
+
<div class="second-content">
−
                        <h3>welcome!</h3>
+
<!--图片-->
−
                         <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.Dolor nunc vule putateulr ips dol consec.Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. </p>
+
    <div class="clients_bg">
−
                    </div>
+
        <div class="wrap" id="part2">
 +
            <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">
 +
                     <ul 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>
 +
                    </ul>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
−
        </div>-->
 
−
        <!--end-welcome-->
 
−
        <!--charities-->
 
−
        <!--<div class="charities">
 
−
            <div class="container">
 
−
                <h3>our charities</h3>
 
−
                <div class="charitie-grids">
 
−
                    <div class="col-md-3 charitie-grid">
 
−
                        <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
 
−
                        <h4>Adoption Child</h4>
 
−
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
                    </div>
 
−
                    <div class="col-md-3 charitie-grid">
 
−
                        <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
 
−
                        <h4>Charity actions</h4>
 
−
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
                    </div>
 
−
                    <div class="col-md-3 charitie-grid">
 
−
                        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
 
−
                        <h4>Child Protection</h4>
 
−
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
                    </div>
 
−
                    <div class="col-md-3 charitie-grid">
 
−
                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
 
−
                        <h4>Pellentesque sed</h4>
 
−
                        <p>Raemuis ultricaretra gc accumsan malda or sit amet errepsm do elentu vel curslor sitmt conaiing eli.</p>
 
−
                    </div>
 
−
                    <div class="clearfix"></div>
 
−
                </div>
 
−
            </div>
 
−
        </div>-->
 
−
        <!--charities-->
 
−
        <!--<div class="Testimonials" id="testimonials">
 
−
            <div class="container">
 
−
                <div class="testimonial-header">
 
−
                    <h3>testimonial</h3>
 
−
                </div>
 
−
                <div class="test-monials">
 
−
                    &lt;!&ndash; start content_slider &ndash;&gt;
 
−
                    <div id="owl-demo" class="owl-carousel">
 
−
                        <div class="item">
 
−
                            <div class="testmonial-text">
 
−
                                <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. </p>
 
−
                                <h4><a href="#">John Doe</a></h4>
 
−
                            </div>
 
−
                            <div class="clearfix"> </div>
 
−
                        </div>
 
−
                        <div class="item">
 
−
                            <div class="testmonial-text">
 
−
                                <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p>
 
−
                                <h4><a href="#">Mark Trand</a></h4>
 
−
                            </div>
 
−
                            <div class="clearfix"> </div>
 
−
                        </div>
 
−
                        <div class="item">
 
−
                            <div class="testmonial-text">
 
−
                                <p>Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur. Sed in lacus ut enim adipiscing aliquet. Nulla venena tis. In pede mi, aliquet sit amet, euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.</p>
 
−
                                <h4><a href="#">John Doe</a></h4>
 
−
                            </div>
 
−
                            <div class="clearfix"> </div>
 
−
                        </div>
 
  
−
                    </div>
+
                <div class="clear"></div>
  
−
                    &lt;!&ndash;&#45;&#45;sreen-gallery-cursual&#45;&#45;&ndash;&gt;
+
            <br><br><h3 style="text-align: center; font-size: 3em;font-weight: 700; font-family: 'PT_Sans-Web-BoldItalic';text-transform: capitalize;color: #94304f;">
−
                    <div class="sreen-gallery-cursual">
+
                Members</h3>
−
                         &lt;!&ndash; requried-jsfiles-for owl &ndash;&gt;
+
            <div class="clients" style="padding: 0% 2%">
−
                         <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_owl_carousel?action=raw&amp;ctype=text/css">
+
                <div class="tool_tip">
−
                         <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/owl_carousel?action=raw&amp;ctype=text/javascript"></script>
+
                    <ul class="tt-wrapper">
−
                         <script>
+
                         <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>
−
                            $(document).ready(function() {
+
                         <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>
−
                                $("#owl-demo").owlCarousel({
+
                        <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>
−
                                    items : 1,
+
                        <div class="clear"></div>
−
                                    lazyLoad : true,
+
                    </ul>
−
                                    autoPlay : true,
+
                    <ul class="tt-wrapper">
−
                                    navigation : false,
+
                        <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>
−
                                    navigationText : false,
+
                         <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>
−
                                    pagination : true,
+
                        <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>
−
                            });
+
                    </ul>
−
                         </script>
+
                    <ul class="tt-wrapper">
−
                         &lt;!&ndash; //requried-jsfiles-for owl &ndash;&gt;
+
                        <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>
−
                    </div>
+
                        <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>
 +
                    </ul>
 +
                    <ul 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>
 +
                    </ul>
 +
                    <ul 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>
 +
                    </ul>
 +
                    <ul 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>
 +
                    </ul>
 
                 </div>
 
                 </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;">
−
        <!---- testmonials ---->
+
            Teachers</h3>
−
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >aaaa</a></div>
+
            <p style="text-align: center" id="part3">
−
        <div class="clear"></div>
+
                Zefang Wang, Associate Professor in School of Life Sciences, helps us design the project.
−
        <br/>
+
                <br><br>Haitao Yang, Professor in School of Life Sciences, responsible for constructing our team.
  
−
        <!-- start testimonial  -->
+
             </p>
−
        <div class="clients_bg">
+
−
             <div class="wrap">
+
−
                <h3 style="text-align: center; font-size: 3em;font-weight: 700; font-family: 'PT_Sans-Web-BoldItalic';text-transform: capitalize;color: #94304f;">
+
−
                    Recent from the event</h3>
+
−
                <div class="clients" style="padding: 0% 2%">
+
−
                    <div class="tool_tip">
+
−
                        <ul class="tt-wrapper">
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>SampleSampleSampleSampleSampleSample<br/>SampleSampleSampleSampleSampleSample<br/>SampleSampleSampleSampleSampleSample<br/>SampleSampleSampleSampleSampleSample<br/>SampleSampleSampleSampleSampleSampleSample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>SampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>SampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSampleSample</span></a></li>
+
−
                            <div class="clear"></div>
+
−
                        </ul>
+
−
                    </div>
+
−
                    <div class="clear"></div>
+
−
                    <div class="tool_tip">
+
−
                        <ul class="tt-wrapper">
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <div class="clear"></div>
+
−
                        </ul>
+
−
 
+
−
                    </div>
+
−
                    <div class="clear"></div>
+
−
                    <div class="tool_tip">
+
−
                        <ul class="tt-wrapper">
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <div class="clear"></div>
+
−
                        </ul>
+
−
 
+
−
                    </div>
+
−
                    <div class="clear"></div>
+
−
                    <div class="tool_tip">
+
−
                        <ul class="tt-wrapper">
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <div class="clear"></div>
+
−
                        </ul>
+
−
 
+
−
                    </div>
+
−
                    <div class="clear"></div>
+
−
                    <div class="tool_tip">
+
−
                        <ul class="tt-wrapper">
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <div class="clear"></div>
+
−
                        </ul>
+
−
 
+
−
                    </div>
+
−
                    <div class="clear"></div>
+
−
                    <div class="tool_tip">
+
−
                        <ul class="tt-wrapper">
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <li><a class="tt-sample" href="#"><img src="https://static.igem.org/mediawiki/2016/e/e6/Sample.jpg" alt="" title="Sample" /><span>Sample</span></a></li>
+
−
                            <div class="clear"></div>
+
−
                        </ul>
+
−
 
+
−
                    </div>
+
−
                    <div class="clear"></div>
+
−
                </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <div class="clear"></div>
+
    </div>
−
     </div >
+
    <div class="wenzi-end"></div>
−
     <div class="footer-section">
+
     <div class="up"><img src="https://static.igem.org/mediawiki/2016/6/62/T--TJUSLS_China--up.jpg"/></div>
−
         <div class="container">
+
</div>
−
             <div class="footer-top">
+
<!--foot-->
−
                 <p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">aaa</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">aaa</a></p>
+
<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>
−
            <script type="text/javascript">
 
−
                $(document).ready(function() {
 
−
                    /*
 
−
                    var defaults = {
 
−
                    containerID: 'toTop', // fading element id
 
−
                    containerHoverID: 'toTopHover', // fading element hover id
 
−
                    scrollSpeed: 1200,
 
−
                    easingType: 'linear'
 
−
                    };
 
−
                    */
 
−
 
−
                    $().UItoTop({ easingType: 'easeOutQuart' });
 
−
 
−
                });
 
−
            </script>
 
−
            <a href="#" id="toTop" class="right10" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
 
</body>
 
</body>
−
 
 
</html>
 
</html>

Revision as of 12:23, 18 October 2016

Menu
Team

Leaders



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