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

 
(137 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html lang="en">
 
<script>
 
        document.styleSheets[0].disabled = true
 
        </script>
 
  
 +
<html lang="en">
 
<head>
 
<head>
 +
   
 +
 +
<link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrapcss3?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link href="https://2015.igem.org/Team:Nankai/Practices/iShare/stylecss?action=raw&ctype=text/css" rel="stylesheet">
 +
<!-- Font awesome icon -->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Team:Nankai/Practices/iShare/font-awesomecss?action=raw&ctype=text/css">
 +
  <!-- Flexslider -->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Team:Nankai/Practices/iShare/flexslidercss?action=raw&ctype=text/css">
 +
  <!-- prettyPhoto -->
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:Nankai/Practices/iShare/prettyPhotocss?action=raw&ctype=text/css">
 +
<!-- Bootstrap responsive -->
 +
<link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap-responsivecss?action=raw&ctype=text/css" rel="stylesheet">
 +
 +
 +
 +
 +
  <!-- Stylesheets -->
 +
 
 +
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jqueryjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrapjs?action=raw&ctype=text/javascript"></script> <!-- Bootstrap -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/imageloadedjs?action=raw&ctype=text/javascript"></script> <!-- Imageloaded -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jqueryisotopejs?action=raw&ctype=text/javascript"></script> <!-- Isotope -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jqueryprettyPhotojs?action=raw&ctype=text/javascript"></script> <!-- prettyPhoto -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jqueryflexslider-minjs?action=raw&ctype=text/javascript"></script> <!-- Flexslider -->
 +
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/customjs?action=raw&ctype=text/javascript"></script><!-- Main js file -->
 +
 +
 +
 +
 +
 
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <!-- Title and other stuffs -->
 
   <!-- Title and other stuffs -->
   <title>Colory</title>
+
   <title>Nankai iShare</title>
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
   <meta name="description" content="">
 
   <meta name="description" content="">
Line 14: Line 42:
 
   <meta name="author" content="">
 
   <meta name="author" content="">
  
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700' rel='stylesheet' type='text/css'>
 
  
  <!-- 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 -->
 
   <!-- HTML5 Support for IE -->
Line 37: Line 51:
 
   <!-- Favicon -->
 
   <!-- Favicon -->
 
   <link rel="shortcut icon" href="img/favicon/favicon.png">
 
   <link rel="shortcut icon" href="img/favicon/favicon.png">
<style>
+
  <style type="text/css">
 +
 
  
 
   /*Clear existing style*/
 
   /*Clear existing style*/
 
  
 
   #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 
   #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
Line 52: Line 66:
  
 
   }
 
   }
 +
.col-1 h5{
 +
font-size:108%;
 +
font-weight:100;
 +
line-height:113%;
 +
font-family:'Times New Roman',Gill Sans,Lucida Sans,Consolas
 +
}
 +
 
   /*End claer*/
 
   /*End claer*/
</style>
 
  
 +
  </style>
 +
 
</head>
 
</head>
  
 
<body>
 
<body>
  
<!-- Navbar starts -->
 
  
  <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 -->
 
 
 
<!-- 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 -->
 
<!-- Main content starts -->
Line 111: Line 95:
 
     <!-- Logo -->
 
     <!-- Logo -->
 
     <div class="logo">
 
     <div class="logo">
       <a href="#"><img src="img/b-logo.png" alt="" /></a>
+
       <img src="https://static.igem.org/mediawiki/2015/c/c3/Nankai_iShare_B-logo.png" alt="" />
 
     </div>
 
     </div>
  
Line 124: Line 108:
 
         <div class="s-content">
 
         <div class="s-content">
  
          <ul id="nav">
+
        <ul id="nav">
 
             <!-- Main menu with font awesome icon -->
 
             <!-- Main menu with font awesome icon -->
             <li><a href="index.html" class="open br-red"><i class="icon-home"></i> Home</a>
+
             <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" class="open br-red"><i class="icon-home"></i> iShare Gallery</a>
              <!-- Sub menu markup  
+
      <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare stage" "  class="open br-red"><i class="icon-home"></i> iShare Stage  </a>        <!-- Sub menu markup  
 
               <ul>
 
               <ul>
 
                 <li><a href="#">Submenu #1</a></li>
 
                 <li><a href="#">Submenu #1</a></li>
Line 133: Line 117:
 
                 <li><a href="#">Submenu #3</a></li>
 
                 <li><a href="#">Submenu #3</a></li>
 
               </ul>-->
 
               </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="https://2015.igem.org/Team:Nankai/Practices/About Us" 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>
+
             <li><a href="https://2015.igem.org/Team:Nankai/Practices/Contact us" class="br-yellow"><i class="icon-envelope-alt"></i> Contact Us</a></li>
 
           </ul>
 
           </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 -->
+
              
 +
          <!-- Sidebar widget -->
 
              
 
              
 
             <div class="s-widget">
 
             <div class="s-widget">
               <h6>Sidebar Widget</h6>
+
               <h4><span style="color: #FFFFFF">Nankai iShare</h4>
               <p>Maecenas sit amet ipsum ac ipsum consequat fringilla. Curabitur rutrum dignissim convallis. Cras venenatis rhoncus orci, mattis interdum dui porta sit amet. </p>
+
               <h5> <span style="color: #FFFFFF">A brand new idea raised up by Nankai Team in 2014, iShare is an information-sharing platform aiming to converge all information of iGEM China teams involved in our experiment such as Topic, Introduction, Materials and Methods, Progression, Parts </h5>
 
             </div>
 
             </div>
  
 
         </div>
 
         </div>
  
 
+
       
  
 
   </div>
 
   </div>
 
   <!-- Sidebar ends -->
 
   <!-- Sidebar ends -->
  <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>
+
  <!-- Sidebar ends -->
 +
 
 
   <!-- Mainbar starts -->
 
   <!-- Mainbar starts -->
 
   <div class="mainbar">
 
   <div class="mainbar">
 +
        <!-- Title starts -->
 +
        <div class="page-title">
 +
          <h2>iShare Gallery<span>See your team's beauty!</span></h2>
 +
        </div>
  
 +
<!-- Title ends -->
 +
 +
        <!-- Content starts -->
 +
 +
     
 +
                    </div>
 +
 +
  <!-- Mainbar starts -->
 +
  <div class="mainbar">             
 
     <div class="matter">
 
     <div class="matter">
 
       <div class="container-fluid">
 
       <div class="container-fluid">
 
+
 
                     <div id="portfolio-one">
 
                     <div id="portfolio-one">
 +
                   
  
 
                       <!-- Element -->
 
                       <!-- Element -->
 +
 
                       <div class="element">
 
                       <div class="element">
                         <a href="portfolio-single.html">
+
                         <a href="https://2015.igem.org/Team:Nankai/Practices/iShare/Nankai/Sharing" target="_blank">
 
                           <!-- Image -->
 
                           <!-- Image -->
                           <img src="img/photos/1.jpg" alt=""/>
+
                           <img src="https://static.igem.org/mediawiki/2015/5/52/IShare_HP_Nankai.jpg" alt=""/>
 
                           <!-- Content -->
 
                           <!-- Content -->
 
                           <span class="image-info">
 
                           <span class="image-info">
 
                             <!-- Title -->
 
                             <!-- Title -->
                               <span class="image-title">Hello how are you</span>
+
                               <span class="image-title">Nankai University</span>
 
                             <!-- Desc -->
 
                             <!-- Desc -->
                               <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
+
                               <span class="image-desc">   A key multidisciplinary and research-oriented university directly under the jurisdiction of the Ministry of Education</span>
 
                           </span>
 
                           </span>
 
                         </a>
 
                         </a>
Line 209: Line 184:
  
 
                       <div class="element">
 
                       <div class="element">
                         <a href="portfolio-single.html">
+
                         <a href="https://2015.igem.org/Team:Nankai/Practices/iShare/Shenzhen/Sharing" target="_blank">
 
                           <!-- Image -->
 
                           <!-- Image -->
                           <img src="img/photos/2.jpg" alt=""/>
+
                           <img src="https://static.igem.org/mediawiki/2015/9/9f/Nankai_iShare_Shenzhen.jpg" alt=""/>
 
                           <!-- Content -->
 
                           <!-- Content -->
 
                           <span class="image-info">
 
                           <span class="image-info">
 
                             <!-- Title -->
 
                             <!-- Title -->
                               <span class="image-title">Hello how are you</span>
+
                               <span class="image-title">Shenzhen University</span>
 
                             <!-- Desc -->
 
                             <!-- Desc -->
                               <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
+
                               <span class="image-desc">Shenzhen University (SZU) was founded as a public university on May 10th,1983 with the accreditation of the State Council of the People's Republic of China</span>
 
                           </span>
 
                           </span>
 
                         </a>
 
                         </a>
 
                       </div>
 
                       </div>
  
                      <div class="element">
+
                      <div class="element">
                         <a href="portfolio-single.html">
+
                         <a href="https://2015.igem.org/Team:Nankai/Practices/iShare/OUC/Sharing" target="_blank">
 
                           <!-- Image -->
 
                           <!-- Image -->
                           <img src="img/photos/3.jpg" alt=""/>
+
                           <img src="https://static.igem.org/mediawiki/2015/5/5a/IShare_HP_OUC.jpg" alt=""/>
 
                           <!-- Content -->
 
                           <!-- Content -->
 
                           <span class="image-info">
 
                           <span class="image-info">
 
                             <!-- Title -->
 
                             <!-- Title -->
                               <span class="image-title">Hello how are you</span>
+
                               <span class="image-title">Ocean University of China</span>
 
                             <!-- Desc -->
 
                             <!-- Desc -->
                               <span class="image-desc">Cras blandit, enim id mattis ultrices, erat dolor varius felis, quis consequat nibh ligula ut lectus</span>
+
                               <span class="image-desc">Ocean University of China (OUC) is a comprehensive university with particular strengths in oceanography and fisheries science.</span>
 
                           </span>
 
                           </span>
 
                         </a>
 
                         </a>
                       </div>
+
                       </div>      
 
+
        </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>
 
     </div>
 +
    </div>
 
                      
 
                      
 
+
</div>
  </div>
+
 
   <!-- Mainbar ends -->
 
   <!-- Mainbar ends -->
 
<div class="clearfix"></div>
 
<div class="clearfix"></div>
Line 492: Line 229:
  
 
                 <div class="col-l">
 
                 <div class="col-l">
                   <h6>Downlaods</h6>
+
                   <h5><span style="color: #FFFFFF">Link</h5>
 
                   <ul>
 
                   <ul>
                     <li><a href="#">Condimentum</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai" target="_blank">Home</a></li>
                     <li><a href="#">Etiam at</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Description" target="_blank">Research & Lab</a></li>
                     <li><a href="#">Fusce vel</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Team" target="_blank">Team</a></li>
                     <li><a href="#">Vivamus</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Practices" target="_blank">Human Practice</a></li>
                     <li><a href="#">Pellentesque</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Modeling" target="_blank">Model</a></li>
 
                   </ul>
 
                   </ul>
 
                 </div>
 
                 </div>
  
 
                 <div class="col-r">
 
                 <div class="col-r">
                   <h6>Support</h6>
+
                   <h5><span style="color: #FFFFFF">Support</h5>
 
                   <ul>
 
                   <ul>
                     <li><a href="#">Condimentum</a></li>
+
                     <li><a href="http://english.nankai.edu.cn/" target="_blank">Nankai University</a></li>
                    <li><a href="#">Etiam at</a></li>
+
                     <li><a href="http://sky.nankai.edu.cn/" target="_blank">College of Life Science</a></li>
                     <li><a href="#">Fusce vel</a></li>
+
                                      </ul>
                    <li><a href="#">Vivamus</a></li>
+
                    <li><a href="#">Pellentesque</a></li>
+
                  </ul>
+
 
                 </div>
 
                 </div>
 
 
Line 518: Line 252:
 
             </div>
 
             </div>
  
 +
         
 
             <div class="span4">
 
             <div class="span4">
 
               <div class="fwidget">
 
               <div class="fwidget">
                 <h6>Categories</h6>
+
                 <h5><span style="color: #FFFFFF">Know our project</h5>
                <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>
 
                 <ul>
                   <li><a href="#">Sed eu leo orci, condimentum gravida metus</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Description" target="_blank">Nankai iGEM_Description</a></li>
                   <li><a href="#">Etiam at nulla ipsum, in rhoncus purus</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Experiments" target="_blank">Experiment & Protocol</a></li>
                   <li><a href="#">Fusce vel magna faucibus felis dapibus facilisis</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Results" target="_blank">Results</a></li>
                   <li><a href="#">Vivamus scelerisque dui in massa</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Design" target="_blank">Design</a></li>
                   <li><a href="#">Pellentesque eget adipiscing dui semper</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/pudding_health_kit" target="_blank">Pudding Health Kit</a></li>
 
                 </ul>
 
                 </ul>
 
               </div>
 
               </div>
Line 549: Line 271:
 
<div class="span12">
 
<div class="span12">
 
<hr class="visible-desktop">
 
<hr class="visible-desktop">
<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>
+
<div class="copy"><span style="color: #FFFFFF">Co</span><span style="color: #FFFFFF">pyright 2015 Nankai iGEM&copy; -<a href="https://2015.igem.org/Team:Nankai" target="_blank">Team Nankai</a>- More Information&nbsp;<a href="https://2015.igem.org/Team:Nankai" target="_blank">Nankai iGEM</a></span></div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 567: Line 289:
 
<!-- Scroll to top -->
 
<!-- Scroll to top -->
 
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>  
 
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>  
 +
  
 
<!-- JS -->
 
<!-- 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>
 
</body>
 
</html>
 
</html>
{{Nankai}}
 

Latest revision as of 22:56, 18 September 2015

Nankai iShare