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

Line 76: Line 76:
 
<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">
 
−
          <ul class="nav pull-right">
 
−
            <li><a href="login.html">Login</a></li>
 
−
            <li><a href="register.html">Register</a></li>
 
−
            <li class="dropdown">
 
−
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">My Account <b class="caret"></b></a>
 
−
              <ul class="dropdown-menu">
 
−
                          <li><a href="contactus.html">Contact Us</a></li>
 
−
                          <li><a href="login.html">Logout</a></li>
 
−
            </ul>
 
−
            </li>
 
  
−
           
 
−
          </ul>
 
−
        </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 142: Line 90:
 
     <!-- Logo -->
 
     <!-- Logo -->
 
     <div class="logo">
 
     <div class="logo">
−
       <a href="#"><img src="img/b-logo.png" alt="" /></a>
+
       <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c3/Nankai_iShare_B-logo.png" alt="" /></a>
 
     </div>
 
     </div>
  
Line 155: Line 103:
 
         <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 164: Line 112:
 
                 <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>
+
          <li><a href="https://2015.igem.org/Team:Nankai/Practices/About Us" class="br-blue"><i class="icon-user"></i> About Us</a></li>
−
              <ul>
+
             <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>
−
                <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>
 
           </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 -->
−
 
+
  <!-- Sidebar ends -->
−
  <!-- Mainbar starts -->
+
 
   <div class="mainbar">
 
   <div class="mainbar">
 +
  
 
     <div class="matter">
 
     <div class="matter">
 
       <div class="container-fluid">
 
       <div class="container-fluid">
 +
        <div class="row-fluid">
  
−
        <!-- Title starts -->
+
          <div class="span12">
−
        <div class="page-title">
+
−
          <h2>Gallery<span>Something Goes Here</span></h2>
+
−
        </div>
+
−
        <!-- Title ends -->
+
  
−
        <!-- Content starts -->
+
          <!-- Sheet starts -->
 +
            <div class="box-body">
 +
              <div class="ysheet">
 +
                <div class="bor"></div>
 +
                <div class="ysheet1">
 +
                    <!-- Title -->
 +
                    <h3>iShare Stage</h3>
 +
                    <!-- Para -->
 +
                    <p>All the information are as follows.</p>
 +
                </div>
 +
                <div class="ysheet2"></div>
 +
                <div class="ysheet3"></div>
 +
              </div>
 +
            </div>
  
−
        <div class="box-body">
+
           <!-- Sheet ends -->
−
           <div class="row-fluid">
+
  
−
            <div class="span12">
+
        <!-- Table style starts -->
 +
<div class="box-body">
 +
                   
  
−
                    <p>
 
−
                        <!-- Add filter names inside "data-filter". For example ".web-design", ".seo", etc., Filter names are used to filter the below images. -->
 
−
                        <div class="button">
 
−
                          <ul id="filters">
 
−
                            <li><a href="#" data-filter="*" class="btn btn-danger">All</a></li>
 
−
                            <li><a href="#" data-filter=".one" class="btn btn-danger">One</a></li>
 
−
                            <li><a href="#" data-filter=".two" class="btn btn-danger">Two</a></li>
 
−
                            <li><a href="#" data-filter=".three" class="btn btn-danger">Three</a></li>
 
−
                            <li><a href="#" data-filter=".four" class="btn btn-danger">Four</a></li>
 
−
                            <li><a href="#" data-filter=".five" class="btn btn-danger">Five</a></li>
 
−
                          </ul>
 
−
                        </div>
 
−
                    </p>
 
−
                       
 
−
                    <div id="gallery" class="nocolor">
 
−
                        <!-- Add the above used filter names inside div tag. You can add more than one filter names. For image lightbox you need to include "a" tag pointing to image link, along with the class "prettyphoto".-->
 
−
                      <div class="element one three">
 
−
                        <a href="img/photos/a.jpg" class="prettyphoto">
 
−
                          <img src="img/photos/1.jpg" alt=""/>
 
−
                        </a>
 
−
                      </div>
 
  
−
                      <div class="element two one">
 
−
                        <a href="img/photos/b.jpg" class="prettyphoto">
 
−
                          <img src="img/photos/2.jpg" alt=""/>
 
−
                        </a>
 
−
                      </div>
 
  
−
                      <div class="element three five">
 
−
                        <a href="img/photos/c.jpg" class="prettyphoto">
 
−
                          <img src="img/photos/3.jpg" alt=""/>                         
 
−
                        </a>
 
−
                      </div>
 
  
−
                      <div class="element four two">
+
                    <div class="box-body">
−
                         <a href="img/photos/d.jpg" class="prettyphoto">
+
                      <table class="table table-striped table-bordered table-hover">
−
                          <img src="img/photos/4.jpg" alt=""/>                        
+
                         <thead>
−
                         </a>
+
                          <tr>
−
                      </div>
+
                            <td><div align="center">#</div></th>
 +
                            <td><div align="center">Team Name</div></th>
 +
                            <td>Information-Sharing Link</th>
 +
                          </tr>
 +
                        </thead>
 +
                        <tbody>
 +
                          <tr>
 +
                            <td>1</td>
 +
                            <td>Nankai</td>
 +
                            <td><a href="https://2015.igem.org/Team:Nankai/Practices/iShare/Nankai/Sharing" target="_blank">https://2015.igem.org/Team:Nankai/Practices/iShare/Nankai/Sharing</a></td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>2</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>3</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>4</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>5</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>6</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>7</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>8</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>9</td>
 +
                            <td>&nbsp;</td>
 +
                            <td>&nbsp;</td>
 +
                          </tr>
 +
                          <tr>
 +
                            <td>10</td>
 +
                            <td>&nbsp;</td>
 +
                            <td><a href="https://2015.igem.org/Team:Nankai/Practices/iShare/Nankai/Sharing"></a></td>
 +
                          </tr>                                                                       
 +
                         </tbody>
 +
                      </table>
 +
                    </div>
  
−
                      <div class="element five one">
+
<!-- table style ends -->
−
                        <a href="img/photos/e.jpg" class="prettyphoto">
+
−
                          <img src="img/photos/5.jpg" alt=""/>                         
+
−
                        </a>
+
−
                      </div>  
+
  
−
                      <div class="element four five">
+
              <div class="box-body">
−
                        <a href="img/photos/f.jpg" class="prettyphoto">
+
−
                          <img src="img/photos/6.jpg" alt=""/>
+
−
                        </a>
+
−
                      </div>  
+
  
−
                      <div class="element three one">
+
                <!-- Breadcrumb starts -->
−
                        <a href="img/photos/g.jpg" class="prettyphoto">
+
−
                          <img src="img/photos/7.jpg" alt=""/>         
+
−
                        </a>
+
−
                      </div>
+
  
−
                      <div class="element three one">
+
                  <ul class="breadcrumb">
−
                        <a href="img/photos/h.jpg" class="prettyphoto">
+
                  <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare">iShare</a> <span class="divider">/</span></li>
−
                          <img src="img/photos/8.jpg" alt=""/>
+
                    <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare/Nankai">Nankai </a> <span class="divider">/</span></li>
−
                        </a>
+
                    <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare/Nankai/Sharing">Nankai-Info</a> <span class="divider">/</span></li>
−
                      </div>
+
                    <li class="active">Enzyme</li>
 +
                  </ul>
  
−
                      <div class="element five two">
+
                <!-- Breadcrumb ends -->
−
                        <a href="img/photos/i.jpg" class="prettyphoto">
+
−
                          <img src="img/photos/9.jpg" alt=""/>         
+
−
                        </a>
+
−
                      </div>
+
  
−
                      <div class="element three four">
+
                <!-- Pagination starts -->
−
                        <a href="img/photos/j.jpg" class="prettyphoto">
+
−
                          <img src="img/photos/10.jpg" alt=""/>
+
−
                        </a>
+
−
                      </div>                     
+
  
−
                    </div>
+
               
  
−
            </div>
+
                <!-- accordion ends -->
 +
 
 +
 
 +
                <!-- Tabable starts -->
 +
 
 +
                      <div class="tabbable tabs-left">
 +
                          <!-- Tabs -->
 +
                          <ul class="nav nav-tabs">
 +
                            <!-- Navigation tabs (Job titles ). Use unique value for "href" in "anchor tags". -->
 +
                          </ul>
 +
                        <!-- Tab content --></div>
 +
 
 +
                        <!-- Tabable ends -->
 +
 
 +
              </div>
  
 
           </div>
 
           </div>
 
         </div>
 
         </div>
  
−
        <!-- Content ends -->
+
     
−
 
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 325: Line 280:
 
   </div>
 
   </div>
 
   <!-- Mainbar ends -->
 
   <!-- Mainbar ends -->
−
 
+
<div class="clearfix"></div>
−
<div class="clearfix"></div>
+
 
   <!-- Foot starts -->             
 
   <!-- Foot starts -->             
 
     <div class="foot">
 
     <div class="foot">
Line 337: Line 291:
  
 
                 <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">Home</a></li>
−
                     <li><a href="#">Etiam at</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Description">Research & Lab</a></li>
−
                     <li><a href="#">Fusce vel</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li>
−
                     <li><a href="#">Vivamus</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practice</a></li>
−
                     <li><a href="#">Pellentesque</a></li>
+
                     <li><a href="https://2015.igem.org/Team:Nankai/Modeling">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/">Nankai University</a></li>
−
                    <li><a href="#">Etiam at</a></li>
+
                     <li><a href="http://sky.nankai.edu.cn/">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 363: Line 314:
 
             </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">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">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">Results</a></li>
−
                   <li><a href="#">Vivamus scelerisque dui in massa</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Design">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">Pudding Health Kit</a></li>
 
                 </ul>
 
                 </ul>
 
               </div>
 
               </div>
Line 394: Line 333:
 
<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="www.2015.igem.org/Team:Nankai">www.2015.igem.org/Team:Nankai</a>- More Information&nbsp;<a href="www.2015.igem.org/Team:Nankai">Nankai iGEM</a></span></div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 408: Line 347:
 
<!-- Main content ends -->
 
<!-- Main content ends -->
  
 +
  
 
<!-- 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 -->
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:59, 18 September 2015

Nankai iShare

Navigation

Nankai iShare

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

iShare Stage

All the information are as follows.

#
Team Name
Information-Sharing Link
1 Nankai https://2015.igem.org/Team:Nankai/Practices/iShare/Nankai/Sharing
2    
3    
4    
5    
6    
7    
8    
9    
10  
Link
Support
Know our project
Copyright 2015 Nankai iGEM© -www.2015.igem.org/Team:Nankai- More Information Nankai iGEM