Difference between revisions of "Team:Tongji Shanghai"

Line 13: Line 13:
  
  
−
     <!-- Start Header Section -->
+
     <!-- Start Header -->
 
     <div class="hidden-header"></div>
 
     <div class="hidden-header"></div>
 
     <header class="clearfix">
 
     <header class="clearfix">
  
 
       <!-- Start Top Bar -->
 
       <!-- Start Top Bar -->
−
      <div class="top-bar">
+
 
−
        <div class="container">
+
−
          <div class="row">
+
−
            <div class="col-md-6">
+
−
              <!-- Start Contact Info -->
+
−
              <ul class="contact-details">
+
−
                <li><a href="#"><i class="fa fa-map-marker"></i> Siping Rd. #1239, Shanghai, PRC</a>
+
−
                </li>
+
−
                <li><a href="#"><i class="fa fa-envelope-o"></i> Tongji_Shanghai@tongji.edu.cn</a>
+
−
                </li>
+
−
                <li><a href="#"><i class="fa fa-phone"></i> 021 6598 2200 </a>
+
−
                </li>
+
−
              </ul>
+
−
              <!-- End Contact Info -->
+
−
            </div>
+
−
            <!-- .col-md-6 -->
+
−
            <div class="col-md-6">
+
−
              <!-- Start Social Links -->
+
−
              <ul class="social-list">
+
−
                <li>
+
−
                  <a class="facebook itl-tooltip" data-placement="bottom" title="Facebook" href="#"><i class="fa fa-facebook"></i></a>
+
−
                </li>
+
−
                <li>
+
−
                  <a class="twitter itl-tooltip" data-placement="bottom" title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
+
−
                </li>
+
−
                <li>
+
−
                  <a class="google itl-tooltip" data-placement="bottom" title="Google Plus" href="#"><i class="fa fa-google-plus"></i></a>
+
−
                </li>
+
−
                <li>
+
−
                  <a class="linkdin itl-tooltip" data-placement="bottom" title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
+
−
                </li>
+
−
                <li>
+
−
                  <a class="instgram itl-tooltip" data-placement="bottom" title="Instagram" href="#"><i class="fa fa-instagram"></i></a>
+
−
                </li>
+
−
              </ul>
+
−
              <!-- End Social Links -->
+
−
            </div>
+
−
            <!-- .col-md-6 -->
+
−
          </div>
+
−
          <!-- .row -->
+
−
        </div>
+
−
        <!-- .container -->
+
−
      </div>
+
−
      <!-- .top-bar -->
+
 
       <!-- End Top Bar -->
 
       <!-- End Top Bar -->
  
−
 
+
       <!-- Start Header ( Logo & Naviagtion ) -->
−
       <!-- Start Logo & Naviagtion -->
+
 
       <div class="navbar navbar-default navbar-top">
 
       <div class="navbar navbar-default navbar-top">
 
         <div class="container">
 
         <div class="container">
Line 74: Line 30:
 
             </button>
 
             </button>
 
             <!-- End Toggle Nav Link For Mobiles -->
 
             <!-- End Toggle Nav Link For Mobiles -->
−
             <a class="navbar-brand" href="index.html">
+
             <a class="navbar-brand" href="https://2016.igem.org/Team:Tongji_Shanghai"><img alt="" src="https://static.igem.org/mediawiki/2016/1/1e/T--Tongji_Shanghai--LOGO9360.jpg" style="margin-top:-20px"></a>
−
              <img alt="" src="images/margo.png">
+
−
            </a>
+
 
           </div>
 
           </div>
 
           <div class="navbar-collapse collapse">
 
           <div class="navbar-collapse collapse">
−
            <!-- Stat Search -->
+
 
−
            <div class="search-side">
+
−
              <a class="show-search"><i class="fa fa-search"></i></a>
+
−
              <div class="search-form">
+
−
                <form autocomplete="off" role="search" method="get" class="searchform" action="#">
+
−
                  <input type="text" value="" name="s" id="s" placeholder="Search the site...">
+
−
                </form>
+
−
              </div>
+
−
            </div>
+
−
            <!-- End Search -->
+
 
             <!-- Start Navigation List -->
 
             <!-- Start Navigation List -->
 
             <ul class="nav navbar-nav navbar-right">
 
             <ul class="nav navbar-nav navbar-right">
 +
               
 
               <li>
 
               <li>
−
                 <a class="active" href="index.html">Home</a>
+
                 <a href="#">Achievement</a>
−
             
+
                <ul class="dropdown">
−
              </li>
+
                  <li><a href="contact.html">Judging Criteria</a></li>
 +
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts">Parts</a></li>
 +
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model">Modeling</a></li>
 +
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Notebook">Notebook</a></li>
 +
                </ul>
 +
            </li> 
 +
               
 
               <li>
 
               <li>
−
                 <a href="about.html">Pages</a>
+
                 <a href="#">Project</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
−
                   <li><a href="about.html">About</a>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
−
                  </li>
+
                   <li><a href="#">Topic 1</a></li>
−
                   <li><a href="services.html">Services</a>
+
                   <li><a href="#">Topic 2</a></li>
−
                  </li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments">Experiments</a></li>
−
                   <li><a href="right-sidebar.html">Right Sidebar</a>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results">Results</a></li>
−
                  </li>
+
−
                   <li><a href="left-sidebar.html">Left Sidebar</a>
+
−
                  </li>
+
−
                   <li><a href="404.html">404 Page</a>
+
−
                  </li>
+
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 +
               
 
               <li>
 
               <li>
−
                 <a href="#">Shortcodes</a>
+
                 <a href="#">Outreach</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
−
                   <li><a href="tabs.html">Tabs</a>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
−
                  </li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collaboration</a></li>
−
                  <li><a href="buttons.html">Buttons</a>
+
−
                  </li>
+
−
                  <li><a href="action-box.html">Action Box</a>
+
−
                  </li>
+
−
                  <li><a href="testimonials.html">Testimonials</a>
+
−
                  </li>
+
−
                   <li><a href="latest-posts.html">Latest Posts</a>
+
−
                  </li>
+
−
                  <li><a href="latest-projects.html">Latest Projects</a>
+
−
                  </li>
+
−
                  <li><a href="pricing.html">Pricing Tables</a>
+
−
                  </li>
+
−
                  <li><a href="animated-graphs.html">Animated Graphs</a>
+
−
                  </li>
+
−
                  <li><a href="accordion-toggles.html">Accordion & Toggles</a>
+
−
                  </li>
+
 
                 </ul>
 
                 </ul>
−
               </li>
+
               </li>                
 +
               
 
               <li>
 
               <li>
−
                 <a href="portfolio-3.html">Portfolio</a>
+
                 <a href="#">Lab</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
−
                   <li><a href="portfolio-2.html">2 Columns</a>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
−
                  </li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions">Attribution</a></li>
−
                   <li><a href="portfolio-3.html">3 Columns</a>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About">About</a></li>
−
                  </li>
+
−
                   <li><a href="portfolio-4.html">4 Columns</a>
+
−
                  </li>
+
−
                  <li><a href="single-project.html">Single Project</a>
+
−
                  </li>
+
 
                 </ul>
 
                 </ul>
−
               </li>
+
               </li>  
 +
                               
 
               <li>
 
               <li>
−
                 <a href="blog.html">Blog</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Safety</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
−
                   <li><a href="blog.html">Blog - right Sidebar</a>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Lab Safety</a></li>
−
                  </li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Bio Safety</a></li>
−
                   <li><a href="blog-left-sidebar.html">Blog - Left Sidebar</a>
+
−
                  </li>
+
−
                  <li><a href="single-post.html">Blog Single Post</a>
+
−
                  </li>
+
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
−
              <li><a href="contact.html">Contact</a>
+
               
−
              </li>
+
 
−
            </ul>
+
               
 +
        </ul>
 
             <!-- End Navigation List -->
 
             <!-- End Navigation List -->
 
           </div>
 
           </div>
Line 167: Line 93:
 
         <ul class="wpb-mobile-menu">
 
         <ul class="wpb-mobile-menu">
 
           <li>
 
           <li>
−
            <a class="active" href="index.html">Home</a>
+
                <a href="#">Achievement</a>
−
            <ul class="dropdown">
+
                <ul class="dropdown">
−
              <li><a href="index.html">Home Main Version</a>
+
                  <li><a href="contact.html">Judging Criteria</a></li>
−
              </li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts">Parts</a></li>
−
              <li><a class="active" href="index-01.html">Home Version 1</a>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model">Modeling</a></li>
−
              </li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Notebook">Notebook</a></li>
−
              <li><a href="index-02.html">Home Version 2</a>
+
                </ul>
−
              </li>
+
−
              <li><a href="index-03.html">Home Version 3</a>
+
−
              </li>
+
−
              <li><a href="index-04.html">Home Version 4</a>
+
−
              </li>
+
−
              <li><a href="index-05.html">Home Version 5</a>
+
−
              </li>
+
−
              <li><a href="index-06.html">Home Version 6</a>
+
−
              </li>
+
−
              <li><a href="index-07.html">Home Version 7</a>
+
−
              </li>
+
−
            </ul>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
−
            <a href="about.html">Pages</a>
+
                <a href="#">Project</a>
−
            <ul class="dropdown">
+
                <ul class="dropdown">
−
              <li><a href="about.html">About</a>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
−
              </li>
+
                  <li><a href="#">Topic 1</a></li>
−
              <li><a href="services.html">Services</a>
+
                  <li><a href="#">Topic 2</a></li>
−
              </li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments">Experiments</a></li>
−
              <li><a href="right-sidebar.html">Right Sidebar</a>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results">Results</a></li>
−
              </li>
+
                </ul>
−
              <li><a href="left-sidebar.html">Left Sidebar</a>
+
−
              </li>
+
−
              <li><a href="404.html">404 Page</a>
+
−
              </li>
+
−
            </ul>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
−
            <a href="#">Shortcodes</a>
+
                <a href="#">Outreach</a>
−
            <ul class="dropdown">
+
                <ul class="dropdown">
−
              <li><a href="tabs.html">Tabs</a>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
−
              </li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collaboration</a></li>
−
              <li><a href="buttons.html">Buttons</a>
+
                </ul>
−
              </li>
+
−
              <li><a href="action-box.html">Action Box</a>
+
−
              </li>
+
−
              <li><a href="testimonials.html">Testimonials</a>
+
−
              </li>
+
−
              <li><a href="latest-posts.html">Latest Posts</a>
+
−
              </li>
+
−
              <li><a href="latest-projects.html">Latest Projects</a>
+
−
              </li>
+
−
              <li><a href="pricing.html">Pricing Tables</a>
+
−
              </li>
+
−
              <li><a href="animated-graphs.html">Animated Graphs</a>
+
−
              </li>
+
−
              <li><a href="accordion-toggles.html">Accordion & Toggles</a>
+
−
              </li>
+
−
            </ul>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
−
            <a href="portfolio-3.html">Portfolio</a>
+
                <a href="#">Lab</a>
−
            <ul class="dropdown">
+
                <ul class="dropdown">
−
              <li><a href="portfolio-2.html">2 Columns</a>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
−
              </li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions">Attribution</a></li>
−
              <li><a href="portfolio-3.html">3 Columns</a>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About">About</a></li>
−
              </li>
+
                </ul>
−
              <li><a href="portfolio-4.html">4 Columns</a>
+
−
              </li>
+
−
              <li><a href="single-project.html">Single Project</a>
+
−
              </li>
+
−
            </ul>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
−
            <a href="blog.html">Blog</a>
+
                <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Safety</a>
−
            <ul class="dropdown">
+
                <ul class="dropdown">
−
              <li><a href="blog.html">Blog - right Sidebar</a>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Lab Safety</a></li>
−
              </li>
+
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Bio Safety</a></li>
−
              <li><a href="blog-left-sidebar.html">Blog - Left Sidebar</a>
+
                </ul>          
−
              </li>
+
−
              <li><a href="single-post.html">Blog Single Post</a>
+
−
              </li>
+
−
            </ul>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 256: Line 140:
  
 
       </div>
 
       </div>
−
       <!-- End Header Logo & Naviagtion -->
+
       <!-- End Header ( Logo & Naviagtion ) -->
  
 
     </header>
 
     </header>
−
     <!-- End Header Section -->
+
     <!-- End Header -->
  
  
Line 278: Line 162:
 
         <div class="carousel-inner">
 
         <div class="carousel-inner">
 
           <div class="item active">
 
           <div class="item active">
−
             <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/f/f8/T--Tongji_Shanghai--HomePage_Banner.jpg" alt="slider">
+
             <img class="img-responsive" src="images/slider/T--Tongji_Shanghai--HomePage_ShanghaiView.jpg" alt="slider">
 
             <div class="slider-content">
 
             <div class="slider-content">
 
               <div class="col-md-12 text-center">
 
               <div class="col-md-12 text-center">
 
                 <h2 class="animated2 white">
 
                 <h2 class="animated2 white">
−
                           <span>2016 <strong>Tongji</strong> Shanghai</span>
+
                           <span><strong>2016 Tongji Shanghai</strong></span>
 
                           </h2>
 
                           </h2>
 
                 <h3 class="animated3 white">
 
                 <h3 class="animated3 white">
Line 293: Line 177:
 
           <!--/ Carousel item end -->
 
           <!--/ Carousel item end -->
 
           <div class="item">
 
           <div class="item">
−
             <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/f/f8/T--Tongji_Shanghai--HomePage_Banner.jpg" alt="slider">
+
             <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/b/be/T--Tongji_Shanghai--HomePage_GoldRods.jpg" alt="slider">
 
             <div class="slider-content">
 
             <div class="slider-content">
 
               <div class="col-md-12 text-center">
 
               <div class="col-md-12 text-center">
 
                 <h2 class="animated4 white">
 
                 <h2 class="animated4 white">
−
                                 <span>A <strong>Golden ERA</strong> for Cancer Patients</span>
+
                                 <span>Cancer <strong>Patient's Golden ERA</strong></span>
 
                             </h2>
 
                             </h2>
 
                 <h3 class="animated5 white">
 
                 <h3 class="animated5 white">
−
                               <span>The Improve of Traditional Therapy</span>
+
                               <span>The Improvement of Traditional Therapy</span>
 
                             </h3>
 
                             </h3>
 
               </div>
 
               </div>
Line 307: Line 191:
 
           <!--/ Carousel item end -->
 
           <!--/ Carousel item end -->
 
           <div class="item">
 
           <div class="item">
−
             <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/f/f8/T--Tongji_Shanghai--HomePage_Banner.jpg" alt="slider">
+
             <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/6/65/T--Tongji_Shanghai--HomePage_GroupPhoto2.jpg" alt="slider">
 
             <div class="slider-content">
 
             <div class="slider-content">
 
               <div class="col-md-12 text-center">
 
               <div class="col-md-12 text-center">
 
                 <h2 class="animated7 white">
 
                 <h2 class="animated7 white">
−
                                 <span>2016 <strong>Tongji</strong> Shanghai</span>
+
                                 <span>Hello <strong>iGEM</strong> 2016</span>
 
                             </h2>
 
                             </h2>
 
                 <h3 class="animated8 white">
 
                 <h3 class="animated8 white">
−
                               <span>A teenage iGEM team from an old University</span>
+
                               <span>Greetings ! Synthetic Biology !</span>
 
                             </h3>
 
                             </h3>
 
                 <div class="">
 
                 <div class="">
Line 337: Line 221:
 
     </section>
 
     </section>
 
     <!-- End Home Page Slider -->
 
     <!-- End Home Page Slider -->
−
 
+
     
−
 
+
     
 +
        <div class="row">
 +
      <div class="hr5" style="margin-top:55px; margin-bottom:5px;"></div>
 +
        </div>
 +
     
 +
     
 
     <!-- Start Content -->
 
     <!-- Start Content -->
 
     <div id="content">
 
     <div id="content">
Line 382: Line 271:
 
           </div>
 
           </div>
 
           <!-- End Service Icon 3 -->
 
           <!-- End Service Icon 3 -->
−
              
+
         
−
          <h1> </h1>  
+
             <div class="row">
−
          <h4> </h4>  
+
      <div class="hr1" style="margin-top:55px; margin-bottom:5px;"></div>
 +
        </div>
 
              
 
              
 
         </div>
 
         </div>
Line 406: Line 296:
 
                   <a href="#">
 
                   <a href="#">
 
                     <h2>Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.</h2>
 
                     <h2>Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.</h2>
 +
                      <h2>Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.</h2>
 
                     <div class="qoute-author">2016 iGEM Tongji Shanghai</div>
 
                     <div class="qoute-author">2016 iGEM Tongji Shanghai</div>
 
                   </a>
 
                   </a>
Line 413: Line 304:
 
              
 
              
 
             <!-- End Post -->
 
             <!-- End Post -->
−
           
 
−
              <!-- Classic Heading -->
 
−
<h2 class="classic-title"><span>Introduction</span></h2>
 
−
 
−
<!-- Some Text -->
 
−
<h4>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.<h4>
 
−
 
−
 
−
<!-- Divider -->
 
−
<div class="hr5" style="margin-top:30px; margin-bottom:45px;"></div>
 
 
                              
 
                              
−
          <!-- Start Recent Projects Carousel -->
 
−
          <!-- Start Recent Projects Carousel -->
 
 
           <div class="recent-projects">
 
           <div class="recent-projects">
 
             <h2 class="classic-title"><span>Meets Our Team</span></h2>
 
             <h2 class="classic-title"><span>Meets Our Team</span></h2>
Line 653: Line 532:
  
 
       <!-- Divider -->
 
       <!-- Divider -->
−
       <div class="hr1 margin-60"></div>
+
       <div class="hr1 margin-40"></div>
 
          
 
          
 
     </div>
 
     </div>

Revision as of 04:47, 14 October 2016

Tongji_Shanghai-2016.igem.org Tongji Shanghai

<!doctype html>

Efficiency

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Reportability

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Accuracy

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.

Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too.

2016 iGEM Tongji Shanghai

Meets Our Team

Lorem Ipsum Dolor

Website Drawing

Lorem Ipsum Dolor

Logo Animation

Lorem Ipsum Dolor

Drawing

Lorem Ipsum Dolor

Website Ilustration

Lorem Ipsum Dolor

Logo Drawing

Lorem Ipsum Dolor

Animation

Lorem Ipsum Dolor

Website

Lorem Ipsum Dolor

Ilustration Animation

Lorem Ipsum Dolor

Ilustration Animation

Lorem Ipsum Dolor

Ilustration Animation

Lorem Ipsum Dolor

Ilustration Animation

Lorem Ipsum Dolor

Ilustration Animation

Footer Logo

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident

  • Phone Number: +01 234 567 890
  • Email: company@company.com
  • Website: www.yourdomain.com

Sponsors

  • Town winter 2013

    web develpment, design

  • Quarterly Musashino

    web develpment, design

  • Mainichi April 2014

    web develpment, design

  • Shitamachi Rocket

    web develpment, design

  • Majesty express vol. 01

    web develpment, design

  • Monocle issue 69

    web develpment, design

© 2014 Margo - All Rights Reserved GrayGrids

Style Switcher

12 Predefined Color Skins
Top Bar Color Layout Style Patterns for Boxed Version