Difference between revisions of "Team:Nankai/Practices/iShare"

Line 1: Line 1:
−
<html >
+
<!DOCTYPE html>
 +
<html lang="en">
 
<head>
 
<head>
−
<script>
+
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
−
        document.styleSheets[0].disabled = true
+
  <meta charset="utf-8">
−
        </script>
+
  <!-- Title and other stuffs -->
−
<title>Home</title>
+
  <title>Colory</title>
−
<link href="https://2015.igem.org/Team:Nankai/Practices/bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css'/>
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.min.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
+
  <meta name="description" content="">
−
<link href="https://2015.igem.org/Template:Nankai/styleCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
+
  <meta name="keywords" content="">
−
<script src="2015.igem.org/Team:Nankai/Practices/iShare/jquery.easing.min.js?action=raw&ctype=text/javascript"></script>
+
  <meta name="author" content="">
−
<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---->
+
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700' rel='stylesheet' type='text/css'>
−
<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*/
+
   <!-- Stylesheets -->
 +
  <link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
 +
  <!-- Font awesome icon -->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Team:Nankai/Practices/iShare/font-awesome.css?action=raw&ctype=text/css">
 +
  <!-- Flexslider -->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Team:Nankai/Practices/iShare/flexslider.css?action=raw&ctype=text/css"> 
 +
  <!-- prettyPhoto -->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Team:Nankai/Practices/iShare/prettyPhoto.css?action=raw&ctype=text/css">
 +
  <!-- Main stylesheet -->
 +
  <link href="https://2015.igem.org/Team:Nankai/Practices/iShare/style.css?action=raw&ctype=text/css" rel="stylesheet">
  
 +
  <!-- Bootstrap responsive -->
 +
  <link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap-responsive.css?action=raw&ctype=text/css" rel="stylesheet">
 +
 
 +
  <!-- HTML5 Support for IE -->
 +
  <!--[if lt IE 9]>
 +
  <script src="js/html5shim.js"></script>
 +
  <![endif]-->
  
−
   #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
+
   <!-- Favicon -->
−
    display:none;
+
  <link rel="shortcut icon" href="img/favicon/favicon.png">
−
  }
+
</head>
  
−
  html, body {
+
<body>
−
    width: auto !important;
+
−
    /*overflow-x: hidden !important;*/
+
−
    height: 100% !important;
+
  
−
  }
+
<!-- Navbar starts -->
−
  /*End claer*/
+
−
#filters {
+
−
margin: 3% 0%;
+
−
padding: 0;
+
−
list-style: none;
+
−
text-align: center;
+
−
margin-top:120px;
+
−
}
+
−
</style>
+
  
 +
  <div class="navbar navbar-fixed-top">
 +
    <div class="navbar-inner">
 +
      <div class="container-fluid">
 +
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
        </a>
 +
        <div class="nav-collapse collapse"></div>
 +
      </div>
 +
    </div>
 +
  </div>
  
 +
<!-- Navbar ends -->
  
−
</head>
 
−
<body>
 
−
<!--body-->
 
  
 +
<!-- Sliding box starts -->
 +
  <div class="slide-box">
 +
      <div class="bor"></div>
 +
      <div class="padd">
 +
        <div class="slide-box-button">
 +
          <i class="icon-chevron-left"></i>
 +
        </div>
 +
        <h5>Welcome</h5>
 +
        Lorem ipsum dolor sit amet, constur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
 +
 +
        <hr />
 +
 +
        <div class="social">
 +
          <a href="#"><i class="icon-facebook facebook"></i></a>
 +
          <a href="#"><i class="icon-twitter twitter"></i></a>
 +
          <a href="#"><i class="icon-linkedin linkedin"></i></a>
 +
          <a href="#"><i class="icon-google-plus google-plus"></i></a>
 +
          <a href="#"><i class="icon-pinterest pinterest"></i></a>
 +
        </div>
 +
     
 +
      </div>
 +
    </div>
 +
 +
<!-- Sliding box ends -->   
 +
 +
<!-- Main content starts -->
 +
 +
<div class="content">
 +
 +
  <!-- Sidebar starts -->
 +
  <div class="sidebar">
 +
 +
    <!-- Logo -->
 +
    <div class="logo">
 +
      <a href="#"><img src="img/b-logo.png" alt="" /></a>
 +
    </div>
 +
 +
 +
 +
        <div class="sidebar-dropdown"><a href="#">Navigation</a></div>
 +
 +
        <!--- Sidebar navigation -->
 +
        <!-- If the main navigation has sub navigation, then add the class "has_sub" to "li" of main navigation. -->
 +
 +
        <!-- Colors: Add the class "br-red" or "br-blue" or "br-green" or "br-orange" or "br-purple" or "br-yellow" to anchor tags to create colorful left border -->
 +
        <div class="s-content">
 +
 +
          <ul id="nav">
 +
            <!-- Main menu with font awesome icon -->
 +
            <li><a href="index.html" class="open br-red"><i class="icon-home"></i> Home</a>
 +
              <!-- Sub menu markup
 +
              <ul>
 +
                <li><a href="#">Submenu #1</a></li>
 +
                <li><a href="#">Submenu #2</a></li>
 +
                <li><a href="#">Submenu #3</a></li>
 +
              </ul>-->
 +
            </li>
 +
 +
            <li class="has_sub"><a href="#" class="br-green"><i class="icon-list-alt"></i> Pages <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
 +
              <ul>
 +
                <li><a href="pricing.html">Pricing Table</a></li>
 +
                <li><a href="404.html">404</a></li>
 +
                <li><a href="gallery.html">Gallery</a></li>
 +
                <li><a href="faq.html">FAQ</a></li>
 +
                <li><a href="sitemap.html">Sitemap</a></li>
 +
                <li><a href="login.html">Login</a></li>
 +
                <li><a href="register.html">Register</a></li>
 +
              </ul>
 +
            </li>             
 +
 +
            <li class="has_sub"><a href="#" class="br-orange"><i class="icon-comments"></i> Blog  <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
 +
              <ul>
 +
                <li><a href="blog1.html">Blog #1</a></li>
 +
                <li><a href="blog2.html">Blog #2</a></li>
 +
                <li><a href="blog-single.html">Blog Single</a></li>
 +
              </ul>
 +
            </li>
 +
 +
            <li><a href="aboutus.html" class="br-blue"><i class="icon-user"></i> About Us</a></li>
 +
            <li><a href="contactus.html" class="br-yellow"><i class="icon-envelope-alt"></i> Contact Us</a></li>
 +
          </ul>
 +
           
 +
 +
            <!-- Sidebar search -->
 +
   
 +
 +
            <form class="form-search">
 +
              <div class="input-append">
 +
                <input type="text" class="input-small search-query">
 +
                <button type="submit" class="btn btn-danger">Search</button>
 +
              </div>
 +
            </form>
 +
           
 +
            <!-- Sidebar widget -->
 +
           
 +
            <div class="s-widget">
 +
              <h6>Sidebar Widget</h6>
 +
              <p>Maecenas sit amet ipsum ac ipsum consequat fringilla. Curabitur rutrum dignissim convallis. Cras venenatis rhoncus orci, mattis interdum dui porta sit amet. </p>
 +
            </div>
 +
 +
        </div>
 +
 +
 +
 +
  </div>
 +
  <!-- Sidebar ends -->
 +
  <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>
 +
  <!-- Mainbar starts -->
 +
  <div class="mainbar">
 +
 +
    <div class="matter">
 +
      <div class="container-fluid">
 +
 +
                    <div id="portfolio-one">
 +
 +
                      <!-- Element -->
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/1.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/2.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/3.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/4.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div> 
 +
                     
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/5.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/6.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/7.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/8.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/9.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/10.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/11.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/12.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/13.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/14.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/15.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/16.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/17.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/18.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/19.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div>
 +
 +
                      <div class="element">
 +
                        <a href="portfolio-single.html">
 +
                          <!-- Image -->
 +
                          <img src="img/photos/20.jpg" alt=""/>
 +
                          <!-- Content -->
 +
                          <span class="image-info">
 +
                            <!-- Title -->
 +
                              <span class="image-title">Hello how are you</span>
 +
                            <!-- Desc -->
 +
                              <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
 +
                          </span>
 +
                        </a>
 +
                      </div> 
 +
 +
                    </div>
 +
      </div>
 +
    </div>
 +
                   
 +
 +
  </div>
 +
  <!-- Mainbar ends -->
 +
<div class="clearfix"></div>
 +
  <!-- Foot starts -->           
 +
    <div class="foot">
 +
  <div class="bor"></div>
 +
      <div class="container-fluid">
 +
        <div class="row-fluid">
 +
         
 +
            <div class="span4">
 +
              <div class="fwidget">
 +
 +
                <div class="col-l">
 +
                  <h6>Downlaods</h6>
 +
                  <ul>
 +
                    <li><a href="#">Condimentum</a></li>
 +
                    <li><a href="#">Etiam at</a></li>
 +
                    <li><a href="#">Fusce vel</a></li>
 +
                    <li><a href="#">Vivamus</a></li>
 +
                    <li><a href="#">Pellentesque</a></li>
 +
                  </ul>
 +
                </div>
 +
 +
                <div class="col-r">
 +
                  <h6>Support</h6>
 +
                  <ul>
 +
                    <li><a href="#">Condimentum</a></li>
 +
                    <li><a href="#">Etiam at</a></li>
 +
                    <li><a href="#">Fusce vel</a></li>
 +
                    <li><a href="#">Vivamus</a></li>
 +
                    <li><a href="#">Pellentesque</a></li>
 +
                  </ul>
 +
                </div>
 +
 +
<div class="clearfix"></div>
 +
 +
              </div>
 +
            </div>
 +
 +
            <div class="span4">
 +
              <div class="fwidget">
 +
                <h6>Categories</h6>
 +
                <ul>
 +
                  <li><a href="#">Condimentum - Condimentum gravida</a></li>
 +
                  <li><a href="#">Etiam at - Condimentum gravida</a></li>
 +
                  <li><a href="#">Fusce vel - Condimentum gravida</a></li>
 +
                  <li><a href="#">Vivamus - Condimentum gravida</a></li>
 +
                  <li><a href="#">Pellentesque - Condimentum gravida</a></li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
 +
            <div class="span4">
 +
              <div class="fwidget">
 +
                <h6>Recent Posts</h6>
 +
                <ul>
 +
                  <li><a href="#">Sed eu leo orci, condimentum gravida metus</a></li>
 +
                  <li><a href="#">Etiam at nulla ipsum, in rhoncus purus</a></li>
 +
                  <li><a href="#">Fusce vel magna faucibus felis dapibus facilisis</a></li>
 +
                  <li><a href="#">Vivamus scelerisque dui in massa</a></li>
 +
                  <li><a href="#">Pellentesque eget adipiscing dui semper</a></li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
 +
        </div>
 
 
−
<!---- start-portfolio-script----->
+
<div class="row-fluid">
−
<script src="https://2015.igem.org/Template:Nankai/hover_packJS?action=raw&ctype=text/javascript"></script>
+
<div class="span12">
−
<script type="text/javascript" src="https://2015.igem.org/Template:Nankai/jquery.mixitup.minJS?action=raw&ctype=text/javascript "></script>
+
<hr class="visible-desktop">
−
<script type="text/javascript">
+
<div class="copy">Copyright 2012 &copy; - <a href="#">Your Site</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></div>
−
$(function () {
+
</div>
−
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>
 
</div>
−
<!----//End-portfolio---->
+
−
<script src="https://2015.igem.org/Template:Nankai/bootstrap.minJS?action=raw&ctype=text/javascript bootstrap.minJS"></script>
+
      </div>
−
<!----start-model-box---->
+
    </div>  
−
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#"> </a>
+
  <!-- Foot ends -->
−
<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>
+
 
</div>
 
</div>
 +
 +
<div class="clearfix"></div>
 +
 +
<!-- Main content ends -->
 +
 +
 +
 +
<!-- Scroll to top -->
 +
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>
 +
 +
<!-- JS -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.js?action=raw&ctype=text/javascript"></script> <!-- Bootstrap -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/imageloaded.js?action=raw&ctype=text/javascript"></script> <!-- Imageloaded -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.isotope.js?action=raw&ctype=text/javascript"></script> <!-- Isotope -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.prettyPhoto.js?action=raw&ctype=text/javascript"></script> <!-- prettyPhoto -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.flexslider-min.js?action=raw&ctype=text/javascript"></script> <!-- Flexslider -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/custom.js?action=raw&ctype=text/javascript"></script> <!-- Main js file -->
 +
</body>
 
</html>
 
</html>
−
{{Nankai}}
 

Revision as of 07:29, 12 August 2015

<!DOCTYPE html> Colory

Welcome
Lorem ipsum dolor sit amet, constur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Navigation
Sidebar Widget

Maecenas sit amet ipsum ac ipsum consequat fringilla. Curabitur rutrum dignissim convallis. Cras venenatis rhoncus orci, mattis interdum dui porta sit amet.

Collect from Website Template
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Hello how are you Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus
Downlaods
Support
Categories
Recent Posts
Copyright 2012 © - Your Site - Collect from 网页模板 - More Templates 模板之家