|
|
| (29 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html >
| |
| − | <script>
| |
| − | document.styleSheets[0].disabled = true
| |
| − | </script>
| |
| − | <title>Home</title>
| |
| − | <link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css'/>
| |
| − | <link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.min.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
| |
| − | <link href="https://2015.igem.org/Template:Nankai/styleCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
| |
| − | <script src="2015.igem.org/Team:Nankai/Practices/iShare/jquery.easing.min.js?action=raw&ctype=text/javascript"></script>
| |
| − | <link href='http://fonts.useso.com/css?family=Raleway:400,100,300,500,700,800,900,600,200' rel='stylesheet' type='text/css'>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <meta name="keywords" content="Agro Agency 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 src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.min.js?action=raw&ctype=text/javascript"> </script>
| |
| − | <!---- start-smoth-scrolling---->
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Practices/iShare/move-top.js?action=raw&ctype=text/javascript/"></script>
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Practices/iShare/easing.js?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},900);
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <!---- start-smoth-scrolling---->
| |
| | | | |
| − | <!----//requred-js-files---->
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.smint.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript">
| |
| − | $(document).ready( function() {
| |
| − | $('.subMenu').smint({
| |
| − | 'scrollSpeed' : 1000
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <style>
| |
| − |
| |
| − | /*Clear existing style*/
| |
| − |
| |
| − |
| |
| − | #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | html, body {
| |
| − | width: auto !important;
| |
| − | /*overflow-x: hidden !important;*/
| |
| − | height: 100% !important;
| |
| − |
| |
| − | }
| |
| − | /*End claer*/
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--body-->
| |
| − |
| |
| − |
| |
| − | <!---- start-portfolio-script----->
| |
| − | <script src="https://2015.igem.org/Template:Nankai/hover_packJS?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Template:Nankai/jquery.mixitup.minJS?action=raw&ctype=text/javascript "></script>
| |
| − | <script type="text/javascript">
| |
| − | $(function () {
| |
| − | var filterList = {
| |
| − | init: function () {
| |
| − |
| |
| − | // MixItUp plugin
| |
| − | // http://mixitup.io
| |
| − | $('#portfoliolist').mixitup({
| |
| − | targetSelector: '.portfolio',
| |
| − | filterSelector: '.filter',
| |
| − | effects: ['fade'],
| |
| − | easing: 'snap',
| |
| − | // call the hover effect
| |
| − | onMixEnd: filterList.hoverEffect()
| |
| − | });
| |
| − |
| |
| − | },
| |
| − | hoverEffect: function () {
| |
| − | // Simple parallax effect
| |
| − | $('#portfoliolist .portfolio').hover(
| |
| − | function () {
| |
| − | $(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
| |
| − | $(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
| |
| − | },
| |
| − | function () {
| |
| − | $(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
| |
| − | $(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
| |
| − | }
| |
| − | );
| |
| − |
| |
| − | }
| |
| − |
| |
| − | };
| |
| − | // Run the show!
| |
| − | filterList.init();
| |
| − | });
| |
| − | </script>
| |
| − | <!----//End-portfolio-script----->
| |
| − | <ul id="filters" class="clearfix">
| |
| − | <li><span class="filter active" data-filter="app card icon">All</span></li>
| |
| − | <li><span class="filter" data-filter="app">Lab</span></li>
| |
| − | <li><span class="filter" data-filter="card">Experiment</span></li>
| |
| − | <li><span class="filter" data-filter="icon">Development</span></li>
| |
| − | </ul>
| |
| − | <div id="portfoliolist">
| |
| − | <div class="portfolio app mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/e/ef/Nankai_Lab1.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/a/a0/Nankai_Lab2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="portfolio card mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/e/e3/Nankai_Lab3.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/f/f7/Nankai_Lab8.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/c/c5/Nankai_Lab4.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/4/41/Nankai_Lab5.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/0/08/Nankai_Lab6.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
| |
| − | <div class="portfolio-wrapper">
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go thickbox">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/7/7d/Nankai_Lab7.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
| |
| − | </div></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="clearfix"> </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!----//End-portfolio---->
| |
| − | <script src="https://2015.igem.org/Template:Nankai/bootstrap.minJS?action=raw&ctype=text/javascript bootstrap.minJS"></script>
| |
| − | <!----start-model-box---->
| |
| − | <a data-toggle="modal" data-target=".bs-example-modal-md" href="#"> </a>
| |
| − | <div class="modal fade bs-example-modal-md light-box" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
| |
| − | <div class="modal-dialog modal-md">
| |
| − | <div class="modal-content light-box-info">
| |
| − | <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" title="close" /></button>
| |
| − | <h3>Place Yours content here</h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas orci et blandit dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque posuere diam et est hendrerit, eget sodales lectus tincidunt. Etiam suscipit orci sapien, at molestie lorem imperdiet vitae. Fusce nunc eros, congue non hendrerit sed, lobortis scelerisque magna. Ut in nunc sem. Integer bibendum enim et erat molestie, sed interdum nisl ultricies. In hac habitasse platea dictumst. Nullam sem diam, tincidunt dapibus tellus pulvinar, pulvinar tempus dui. Integer eu faucibus arcu. Duis adipiscing commodo ipsum dapibus elementum.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!----start-model-box---->
| |
| − | <div class="copy-right">
| |
| − | <p>Copyright © 2015.Nankai iGEM All rights reserved.<a target="_blank" href="https://2015.igem.org/Team:Nankai/">Nakai iGEM</a> </a></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </html>
| |
| − | {{Nankai}}
| |