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

(Prototype team page)
 
Line 1: Line 1:
−
{{TJUSLS_China}}
 
 
<html>
 
<html>
  
 +
<head>
 +
    <!-- head -->
 +
    <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" />
 +
    <!--start slider -->
 +
    <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_fwslider?action=raw&amp;ctype=text/css" media="all">
 +
    <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 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_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();
 +
            });
  
−
<div class="column full_size" >
+
            $(window).resize(function(){
 +
                var w = $(window).width();
 +
                if(w > 320 && menu.is(':hidden')) {
 +
                    menu.removeAttr('style');
 +
                }
 +
            });
 +
        });
 +
    </script>
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    <!-- 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>
 +
    #bodyContent h2 {
 +
        font-size: 2em;
 +
    }
  
 +
    .cbp-spmenu-push-toleft {
 +
        left: -115px;
 +
    }
  
−
</div>
+
    #content {
 +
        width: 100%;
 +
        padding: 15px;
 +
        border: none;
 +
        color: black;
 +
        margin-left: 20px;
 +
        margin-right: auto;
 +
        background-color: #ffffff;
 +
        position: relative;
 +
    }
 +
    #sideMenu, #top_title
 +
    {
 +
        display: none;
 +
    }
  
−
<div class="column half_size" >
+
    .tool_tip > ul > li {
−
<h5>Inspiration</h5>
+
        width: 30%;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        height: 200px;
−
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>
+
    .right10{
 +
        right: 10px;
 +
    }
  
−
<div class="column half_size" >
+
    .right190{
−
<h5>What should this page contain?</h5>
+
        right: 190px;
−
<ul>
+
    }
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
</style>
−
<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>
+
<body>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<div class="cbp-spmenu-push" id="body">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
    <div class="header_bg">
−
</ul>
+
        <div class="wrap">
−
</div>
+
            <div class="header">
 +
                <div class="logo">
 +
                    <a href="index.html"><img src="images/logo.png" alt="" /></a>
 +
                </div>
 +
                <!-- 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");
 +
                                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++){
 +
                                    if(i == number) {
 +
                                        top_ul_my_lis[i].setAttribute("class", "hover");
 +
                                    }else{
 +
                                        top_ul_my_lis[i].setAttribute("class", "");
 +
                                    }
 +
                                }
 +
                            }
  
 +
                            $(document).ready(function() {
 +
                                //console.log("ready");
 +
                                var top_ul_my_lis = $("#top_ul_my").find(">li");
 +
                                for(var i = 1; i < top_ul_my_lis.length; i++) {
 +
                                    $(top_ul_my_lis[i]).mouseover(getHover(i));
 +
                                }
 +
                            });
  
 +
                        </script>
 +
                        <li class="active"><a class="active" 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>
 +
                            <ul>
 +
                                <li><a href="portfolio.html">Description</a></li>
 +
                                <li><a href="service.html">Design</a></li>
 +
                                <li><a href="contact.html">Experiments</a></li>
 +
                                <li><a href="staff.html">Proof of Concept</a></li>
 +
                                <li><a href="staff.html">Demonstrate</a></li>
 +
                                <li><a href="staff.html">Results</a></li>
 +
                                <li><a href="https://2016.igem.org/Team:TJUSLS_China/PROJECT/notebook">Notebook</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/PARTS">PARTS</a>
 +
                            <ul>
 +
                                <li><a href="portfolio.html">Basic Parts</a></li>
 +
                                <li><a href="service.html">Composite Parts</a></li>
 +
                                <li><a href="contact.html">Part Collection</a></li>
 +
 +
                            </ul>
 +
                        </li>
 +
                        <li><a 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>
 +
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/HUMANPRACTICES">HUMAN PRACTICES</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/MODELING">MODELING</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:TJUSLS_China/TEAM">TEAM</a>
 +
 +
                            <ul>
 +
                                <li><a href="1.html">Team</a></li>
 +
                                <li><a href="2.html">Collaborations</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                    <script type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/home/home_nav?action=raw&ctype=text/javascript"></script>
 +
                </div>
 +
                <!-- end h_menu4 -->
 +
 +
                <div class="clear"></div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <!--header-banner-->
 +
    <div class="header-banner">
 +
        <div class="banner-grids">
 +
            <div class="baneer-grid1">
 +
 +
            </div>
 +
            <div class="baneer-grid2">
 +
 +
            </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>
 +
    <!--end-header-->
 +
    <div class="content">
 +
        <!--welcome-->
 +
        <!--<div class="welcome">
 +
            <div class="container">
 +
                <div class="welcome-grid">
 +
                    <div class="col-md-6 welcom-grid">
 +
                        <img src="https://static.igem.org/mediawiki/2016/f/fd/Img7.jpg" class="img-responsive" alt="/">
 +
                    </div>
 +
                    <div class="col-md-6 welcom-grid1">
 +
                        <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>
 +
                </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>
 +
 +
                    &lt;!&ndash;&#45;&#45;sreen-gallery-cursual&#45;&#45;&ndash;&gt;
 +
                    <div class="sreen-gallery-cursual">
 +
                        &lt;!&ndash; requried-jsfiles-for owl &ndash;&gt;
 +
                        <link rel="stylesheet" href="https://2016.igem.org/Team:TJUSLS_China/CSS_Home_owl_carousel?action=raw&amp;ctype=text/css">
 +
                        <script language="javascript" type="text/javascript" src="https://2016.igem.org/Team:TJUSLS_China/js/owl_carousel?action=raw&amp;ctype=text/javascript"></script>
 +
                        <script>
 +
                            $(document).ready(function() {
 +
                                $("#owl-demo").owlCarousel({
 +
                                    items : 1,
 +
                                    lazyLoad : true,
 +
                                    autoPlay : true,
 +
                                    navigation : false,
 +
                                    navigationText :  false,
 +
                                    pagination : true,
 +
                                });
 +
                            });
 +
                        </script>
 +
                        &lt;!&ndash; //requried-jsfiles-for owl &ndash;&gt;
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>-->
 +
        <!---- testmonials ---->
 +
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >aaaa</a></div>
 +
        <div class="clear"></div>
 +
        <br/>
 +
 +
        <!-- start testimonial  -->
 +
        <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 class="clear"></div>
 +
    </div >
 +
    <div class="footer-section">
 +
        <div class="container">
 +
            <div class="footer-top">
 +
                <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>
 +
            <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>
 +
</body>
  
 
</html>
 
</html>

Revision as of 13:57, 14 October 2016

Home

Menu
Collect from aaaa

Recent from the event

Copyright © 2015.Company name All rights reserved.More Templates aaa - Collect from aaa