Difference between revisions of "Team:Tongji Shanghai"

 
(36 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Team:Tongji_Shanghai/head}}
 
{{Team:Tongji_Shanghai/head}}
<!doctype html>
 
 
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 
<html lang="en">
 
<html lang="en">
 
 
  
 
<body>
 
<body>
Line 11: Line 8:
 
   <!-- Full Body Container -->
 
   <!-- Full Body Container -->
 
   <div id="container">
 
   <div id="container">
 
 
    <!-- Start Header Section -->
 
    <div class="hidden-header"></div>
 
    <header class="clearfix">
 
 
      <!-- 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 -->
 
 
 
      <!-- Start  Logo & Naviagtion  -->
 
      <div class="navbar navbar-default navbar-top">
 
        <div class="container">
 
          <div class="navbar-header">
 
            <!-- Stat Toggle Nav Link For Mobiles -->
 
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
              <i class="fa fa-bars"></i>
 
            </button>
 
            <!-- End Toggle Nav Link For Mobiles -->
 
            <a class="navbar-brand" href="index.html">
 
              <img alt="" src="images/margo.png">
 
            </a>
 
          </div>
 
          <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 -->
 
            <ul class="nav navbar-nav navbar-right">
 
              <li>
 
                <a class="active" href="index.html">Home</a>
 
             
 
              </li>
 
              <li>
 
                <a href="about.html">Pages</a>
 
                <ul class="dropdown">
 
                  <li><a href="about.html">About</a>
 
                  </li>
 
                  <li><a href="services.html">Services</a>
 
                  </li>
 
                  <li><a href="right-sidebar.html">Right Sidebar</a>
 
                  </li>
 
                  <li><a href="left-sidebar.html">Left Sidebar</a>
 
                  </li>
 
                  <li><a href="404.html">404 Page</a>
 
                  </li>
 
                </ul>
 
              </li>
 
              <li>
 
                <a href="#">Shortcodes</a>
 
                <ul class="dropdown">
 
                  <li><a href="tabs.html">Tabs</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>
 
              </li>
 
              <li>
 
                <a href="portfolio-3.html">Portfolio</a>
 
                <ul class="dropdown">
 
                  <li><a href="portfolio-2.html">2 Columns</a>
 
                  </li>
 
                  <li><a href="portfolio-3.html">3 Columns</a>
 
                  </li>
 
                  <li><a href="portfolio-4.html">4 Columns</a>
 
                  </li>
 
                  <li><a href="single-project.html">Single Project</a>
 
                  </li>
 
                </ul>
 
              </li>
 
              <li>
 
                <a href="blog.html">Blog</a>
 
                <ul class="dropdown">
 
                  <li><a href="blog.html">Blog - right Sidebar</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>
 
              </li>
 
              <li><a href="contact.html">Contact</a>
 
              </li>
 
            </ul>
 
            <!-- End Navigation List -->
 
          </div>
 
        </div>
 
 
        <!-- Mobile Menu Start -->
 
        <ul class="wpb-mobile-menu">
 
          <li>
 
            <a class="active" href="index.html">Home</a>
 
            <ul class="dropdown">
 
              <li><a href="index.html">Home Main Version</a>
 
              </li>
 
              <li><a class="active" href="index-01.html">Home Version 1</a>
 
              </li>
 
              <li><a href="index-02.html">Home Version 2</a>
 
              </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>
 
            <a href="about.html">Pages</a>
 
            <ul class="dropdown">
 
              <li><a href="about.html">About</a>
 
              </li>
 
              <li><a href="services.html">Services</a>
 
              </li>
 
              <li><a href="right-sidebar.html">Right Sidebar</a>
 
              </li>
 
              <li><a href="left-sidebar.html">Left Sidebar</a>
 
              </li>
 
              <li><a href="404.html">404 Page</a>
 
              </li>
 
            </ul>
 
          </li>
 
          <li>
 
            <a href="#">Shortcodes</a>
 
            <ul class="dropdown">
 
              <li><a href="tabs.html">Tabs</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>
 
          </li>
 
          <li>
 
            <a href="portfolio-3.html">Portfolio</a>
 
            <ul class="dropdown">
 
              <li><a href="portfolio-2.html">2 Columns</a>
 
              </li>
 
              <li><a href="portfolio-3.html">3 Columns</a>
 
              </li>
 
              <li><a href="portfolio-4.html">4 Columns</a>
 
              </li>
 
              <li><a href="single-project.html">Single Project</a>
 
              </li>
 
            </ul>
 
          </li>
 
          <li>
 
            <a href="blog.html">Blog</a>
 
            <ul class="dropdown">
 
              <li><a href="blog.html">Blog - right Sidebar</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>
 
          </li>
 
          <li>
 
            <a href="contact.html">Contact</a>
 
          </li>
 
        </ul>
 
        <!-- Mobile Menu End -->
 
 
      </div>
 
      <!-- End Header Logo & Naviagtion -->
 
 
    </header>
 
    <!-- End Header Section -->
 
 
  
 
     <!-- Start Home Page Slider -->
 
     <!-- Start Home Page Slider -->
Line 278: Line 25:
 
         <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="https://static.igem.org/mediawiki/2016/c/c5/T--Tongji_Shanghai--HomePage_ShanghaiView2.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">
+
 
                          <span>2016 <strong>Tongji</strong> Shanghai</span>
+
                          </h2>
+
                <h3 class="animated3 white">
+
                          <span>A teenage iGEM team from an old University</span>
+
                            </h3>
+
 
                  
 
                  
 
               </div>
 
               </div>
Line 293: Line 35:
 
           <!--/ Carousel item end -->
 
           <!--/ Carousel item end -->
 
           <div class="item">
 
           <div class="item">
             <img class="img-responsive" src=[File: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">
+
 
                                <span>A <strong>Golden ERA</strong> for Cancer Patients</span>
+
                            </h2>
+
                <h3 class="animated5 white">
+
                              <span>The Improve of Traditional Therapy</span>
+
                            </h3>
+
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 307: Line 44:
 
           <!--/ Carousel item end -->
 
           <!--/ Carousel item end -->
 
           <div class="item">
 
           <div class="item">
             <img class="img-responsive" src="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">
+
 
                                <span>2016 <strong>Tongji</strong> Shanghai</span>
+
                            </h2>
+
                <h3 class="animated8 white">
+
                              <span>A teenage iGEM team from an old University</span>
+
                            </h3>
+
 
                 <div class="">
 
                 <div class="">
 
        
 
        
Line 327: Line 59:
  
 
         <!-- Controls -->
 
         <!-- Controls -->
         <a class="left carousel-control" href="#main-slide" data-slide="prev">
+
         <!--<a class="left carousel-control" href="#main-slide" data-slide="prev">
 
           <span><i class="fa fa-angle-left"></i></span>
 
           <span><i class="fa fa-angle-left"></i></span>
 
         </a>
 
         </a>
 
         <a class="right carousel-control" href="#main-slide" data-slide="next">
 
         <a class="right carousel-control" href="#main-slide" data-slide="next">
 
           <span><i class="fa fa-angle-right"></i></span>
 
           <span><i class="fa fa-angle-right"></i></span>
         </a>
+
         </a>-->
 +
         
 +
                  <a class="left carousel-control" role="button" href="#main-slide" data-slide="prev">
 +
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png"></span>
 +
                    <span class="sr-only">Previous</span>
 +
                  </a>
 +
                  <a class="right carousel-control" role="button" href="#main-slide" data-slide="next">
 +
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png"></span>
 +
                    <span class="sr-only">Next</span>
 +
                  </a>
 +
         
 +
         
 
       </div>
 
       </div>
 
       <!-- /carousel -->
 
       <!-- /carousel -->
 
     </section>
 
     </section>
 
     <!-- End Home Page Slider -->
 
     <!-- End Home Page Slider -->
 +
     
 +
     
  
 
+
     
 +
     
 
     <!-- Start Content -->
 
     <!-- Start Content -->
 
     <div id="content">
 
     <div id="content">
 
          
 
          
       <!-- Start Services Section -->
+
       <!-- Start Portfolio Section -->
       <div class="container">
+
       <div class="project">
         <div class="row">
+
         <div class="container">
 +
           
 +
              <!-- Start Post -->
 +
            <div class="col-md-12">
 +
            <h2 class="classic-title"><span>Abstract</span></h2>
 +
            <div class="blog-post quote-post">
 +
              <!-- Post Content -->
 +
              <div class="post-content">
 +
                <div class="post-type">
 +
                    <img src="https://static.igem.org/mediawiki/2016/9/92/T--Tongji_Shanghai--quatation.png">
 +
                  </div>
 +
                <div class="qoute-box">
 +
                  <a>  
  
 +
<h2>We want to create a Golden Era for breast cancer patients with system OPTT (optimized photothermal therapy), a breast tumor killer.</h2>
  
          <!-- Start Service Icon 1 -->
+
<h2>Breast cancer is the culprit which breaks up hundreds of thousands of women’s delicate beauty and health. Photothermal therapy (PTT) has exhibited the significant potential for solid tumors treatment. However, it still has some drawbacks including off-target effect and the lack of visualization towards agent delivery.</h2>
 +
 
 +
<h2>To minimize the shortcomings, we have designed OPTT (optimized photothermal therapy), a novel treatment and report system which can achieve visualization and reduce the off-target effect of original photothermal therapy. </h2>
 +
 
 +
<h2>By combining gold nanorods with constructed plasmids, our system will open a Golden Era for breast cancer patients. Era is the acronym of “Efficiency, Reporter and Accuracy”, which generalizes the characteristics of our products. We have promoted the efficiency of photothermal therapy by constructing plasmid HTert-P53 and Hsp70-P53-luceferase to mount the thermosensitivity of tumor cells but not normal cells. With the aid of luciferase, we can observe if the tumor cells had been heat treated, which can solve the visualization problem. Beyond that, accuracy is escalated as off-target effect is diminished. The superiorities will render our system a vigorous arm to help defeat breast cancer in clinical application for the rebirth of the suffering patients in the future.
 +
</h2>
 +
 
 +
                    <div class="qoute-author">2016 iGEM Tongji Shanghai</div>
 +
                  </a>
 +
                </div>
 +
              </div>
 +
            </div>
 +
            </div>   
 +
           
 +
                      <!-- Start Service Icon 1 -->
 
           <div class="col-md-4 col-sm-4 service-box service-icon-left-more">
 
           <div class="col-md-4 col-sm-4 service-box service-icon-left-more">
 
             <div class="service-icon">
 
             <div class="service-icon">
               <i class="fa fa-globe fa-4x"></i>
+
               <img src="https://static.igem.org/mediawiki/2016/0/06/T--Tongji_Shanghai--earth.png" style="width: 48px;height: auto;">
 
             </div>
 
             </div>
 
             <div class="service-content">
 
             <div class="service-content">
 
               <h2>Efficiency</h2>
 
               <h2>Efficiency</h2>
               <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
+
               <ul style="font-size:15px; margin-left:0px;">We have promoted the efficiency of photothermal therapy by constructing plasmid HTert-P53 and Hsp70-P53-luceferase to mount the thermosensitivity of tumor cells.</ul>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 362: Line 135:
 
           <div class="col-md-4 col-sm-4 service-box service-icon-left-more">
 
           <div class="col-md-4 col-sm-4 service-box service-icon-left-more">
 
             <div class="service-icon">
 
             <div class="service-icon">
               <i class="fa fa-magic fa-4x"></i>
+
               <img src="https://static.igem.org/mediawiki/2016/f/f3/T--Tongji_Shanghai--prob.png" style="width: 48px;height: auto;">
 
             </div>
 
             </div>
 
             <div class="service-content">
 
             <div class="service-content">
               <h2>Reportability</h2>
+
               <h2>Reporter</h2>
              <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
+
            <ul style="font-size:15px; margin-left:0px;">With the aid of luciferase, we can observe if the tumor cells had been heat treated in in vivo bioluminescence imaging machine with the injection of luciferase substance.</ul>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 374: Line 147:
 
           <div class="col-md-4 col-sm-4 service-box service-icon-left-more">
 
           <div class="col-md-4 col-sm-4 service-box service-icon-left-more">
 
             <div class="service-icon">
 
             <div class="service-icon">
               <i class="fa fa-rocket fa-4x"></i>
+
               <img src="https://static.igem.org/mediawiki/2016/1/1c/T--Tongji_Shanghai--rocket_new.png" style="width: 48px;height: auto;">
 
             </div>
 
             </div>
 
             <div class="service-content">
 
             <div class="service-content">
 
               <h2>Accuracy</h2>
 
               <h2>Accuracy</h2>
              <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
+
            <ul style="font-size:15px; margin-left:0px;">Beyond that, accuracy is escalated as off-target effect is diminished. The superiorities will render our system a vigorous arm to help defeat breast cancer in clinical application for the rebirth of the suffering patients in the future.</ul>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
           <!-- End Service Icon 3 -->
 
           <!-- End Service Icon 3 -->
 
              
 
              
          <h1> </h1>  
+
              <div class="col-md-12">
          <h4> </h4>  
+
              <h2 class="classic-title"><span>Meet Our Team</span></h2>
           
+
                <div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
        </div>
+
                <div class="team-member">
        <!-- .row -->
+
                    <!-- Memebr Photo, Name & Position -->
      </div>
+
                    <div class="member-photo">
      <!-- .container -->
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/c/c6/T--Tongji_Shanghai--Member_individual_ZHANGJIAWEI.jpg" />
      <!-- End Services Section -->
+
                        <div class="member-name">ZHANG Jiawei<span>Captain</span></div>
 
+
                     </div>
 
+
      <!-- Start Portfolio Section -->
+
      <div class="project">
+
        <div class="container">
+
           
+
              <!-- Start Post -->
+
           
+
            <div class="blog-post quote-post">
+
              <!-- Post Content -->
+
              <div class="post-content">
+
                <div class="post-type"><i class="fa fa-quote-left"></i></div>
+
                <div class="qoute-box">
+
                  <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>
+
                     <div class="qoute-author">2016 iGEM Tongji Shanghai</div>
+
                  </a>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
            </div>
+
                 
           
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
            <!-- End Post -->
+
                <div class="team-member">
           
+
                    <!-- Memebr Photo, Name & Position -->
              <!-- Classic Heading -->
+
                    <div class="member-photo">
<h2 class="classic-title"><span>Introduction</span></h2>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/e/e8/T--Tongji_Shanghai--Member_individual_WANGHONGNING.jpg" />
+
                        <div class="member-name">WANG Will<span>Designer</span></div>
<!-- Some Text -->
+
                     </div>
<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">
+
            <h2 class="classic-title"><span>Meets Our Team</span></h2>
+
            <div class="projects-carousel touch-carousel">
+
 
+
              <div class="portfolio-item item">
+
                <div class="portfolio-border">
+
                  <div class="portfolio-thumb">
+
                    <a class="lightbox" data-lightbox-type="ajax" href="https://vimeo.com/78468485">
+
                      <div class="thumb-overlay"><i class="fa fa-play"></i></div>
+
                      <img alt="" src="images/portfolio-1/1.png" />
+
                    </a>
+
                  </div>
+
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Website</span>
+
                      <span>Drawing</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
                 
              <div class="portfolio-item item">
+
    <div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                <div class="portfolio-border">
+
                <div class="team-member">
                  <div class="portfolio-thumb">
+
                     <!-- Memebr Photo, Name & Position -->
                     <a class="lightbox" title="This is an image title" href="images/portfolio-big-01.jpg">
+
                    <div class="member-photo">
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/9/95/T--Tongji_Shanghai--Member_individual_ZHUYUMENG.jpg" />
                      <img alt="" src="images/portfolio-1/2.png" />
+
                        <div class="member-name">ZHU Yumeng<span>Manager</span></div>
                    </a>
+
                     </div>
                  </div>
+
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Logo</span>
+
                      <span>Animation</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
                 
              <div class="portfolio-item item">
+
  <div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                <div class="portfolio-border">
+
                <div class="team-member">
                  <div class="portfolio-thumb">
+
                     <!-- Memebr Photo, Name & Position -->
                     <a href="#">
+
                    <div class="member-photo">
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/8/85/T--Tongji_Shanghai--Member_individual_TANGYINGLU.jpg" />
                      <img alt="" src="images/portfolio-1/3.png" />
+
                        <div class="member-name">TANG Yinglu<span>Implementer</span></div>
                    </a>
+
                     </div>
                  </div>
+
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Drawing</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
              </div>
+
            </div>  
 
+
                 
              <div class="portfolio-item item">
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                <div class="portfolio-border">
+
                <div class="team-member">
                  <div class="portfolio-thumb">
+
                     <!-- Memebr Photo, Name & Position -->
                     <a href="#">
+
                    <div class="member-photo">
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/9/95/T--Tongji_Shanghai--Member_individual_ZHOUXINGYU.jpg" />
                      <img alt="" src="images/portfolio-1/4.png" />
+
                        <div class="member-name">ZHOU Xingyu<span>Researcher</span></div>
                    </a>
+
                     </div>
                  </div>
+
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Website</span>
+
                      <span>Ilustration</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>
 
+
                 
              <div class="portfolio-item item">
+
           
                <div class="portfolio-border">
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                  <div class="portfolio-thumb">
+
                <div class="team-member">
                     <a class="lightbox" title="This is an image title" href="images/portfolio-big-02.jpg">
+
                     <!-- Memebr Photo, Name & Position -->
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                    <div class="member-photo">
                      <img alt="" src="images/portfolio-1/5.png" />
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/6/61/T--Tongji_Shanghai--Member_individual_ZHOUDANLEI.jpg" />
                    </a>
+
                        <div class="member-name">ZHOU Danlei<span>Evaluator</span></div>
                  </div>
+
                     </div>
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Logo</span>
+
                      <span>Drawing</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
                 
              <div class="portfolio-item item">
+
                 
                <div class="portfolio-border">
+
</div>
                  <div class="portfolio-thumb">
+
                 
                    <a href="#">
+
                 
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                 
                      <img alt="" src="images/portfolio-1/6.png" />
+
<div class="col-md-12" style="margin-top:25px">              
                    </a>
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                  </div>
+
                <div class="team-member">
                  <div class="portfolio-details">
+
                    <!-- Memebr Photo, Name & Position -->
                    <a href="#">
+
                    <div class="member-photo">
                      <h4>Lorem Ipsum Dolor</h4>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/2/21/T--Tongji_Shanghai--Member_individual_LYUTONG.jpg" />
                      <span>Animation</span>
+
                        <div class="member-name">LYU Tong<span>Researcher</span></div>
                     </a>
+
                     </div>
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
                 
              <div class="portfolio-item item">
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                <div class="portfolio-border">
+
                <div class="team-member">
                  <div class="portfolio-thumb">
+
                     <!-- Memebr Photo, Name & Position -->
                     <a class="lightbox" title="This is an image title" href="images/portfolio-big-03.jpg">
+
                    <div class="member-photo">
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/9/98/T--Tongji_Shanghai--Member_individual_HUZHANGSEN.jpg" />
                      <img alt="" src="images/portfolio-1/7.png" />
+
                        <div class="member-name">HU Zhangsen<span>Researcher</span></div>
                    </a>
+
                     </div>
                  </div>
+
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Website</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
                 
              <div class="portfolio-item item">
+
                 
                <div class="portfolio-border">
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                  <div class="portfolio-thumb">
+
                <div class="team-member">
                     <a href="#">
+
                     <!-- Memebr Photo, Name & Position -->
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                    <div class="member-photo">
                      <img alt="" src="images/portfolio-1/8.png" />
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/3/32/T--Tongji_Shanghai--Member_individual_WUHONGGUI.jpg" />
                    </a>
+
                        <div class="member-name">WU Honggui<span>Idea Seeker</span></div>
                  </div>
+
                     </div>
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Ilustration</span>
+
                      <span>Animation</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
                 
              <div class="portfolio-item item">
+
                 
                <div class="portfolio-border">
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                  <div class="portfolio-thumb">
+
                <div class="team-member">
                     <a href="#">
+
                     <!-- Memebr Photo, Name & Position -->
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                    <div class="member-photo">
                      <img alt="" src="images/portfolio-1/9.png" />
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/7/76/T--Tongji_Shanghai--Member_individual_ZHUYAJIE.jpg" />
                    </a>
+
                        <div class="member-name">ZHU Yajie<span>Coordinator</span></div>
                  </div>
+
                     </div>
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Ilustration</span>
+
                      <span>Animation</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
               
              <div class="portfolio-item item">
+
               
                <div class="portfolio-border">
+
                 
                  <div class="portfolio-thumb">
+
                 
                     <a href="#">
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                <div class="team-member">
                      <img alt="" src="images/portfolio-1/10.png" />
+
                     <!-- Memebr Photo, Name & Position -->
                    </a>
+
                    <div class="member-photo">
                  </div>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/9/99/T--Tongji_Shanghai--Member_individual_RENQIAN.jpg" />
                  <div class="portfolio-details">
+
                        <div class="member-name">REN Qian<span>Implementer</span></div>
                    <a href="#">
+
                     </div>
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Ilustration</span>
+
                      <span>Animation</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
                 
              <div class="portfolio-item item">
+
<div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
                <div class="portfolio-border">
+
                <div class="team-member">
                  <div class="portfolio-thumb">
+
                     <!-- Memebr Photo, Name & Position -->
                     <a href="#">
+
                    <div class="member-photo">
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/0/00/T--Tongji_Shanghai--Member_individual_XUCHENRUI.jpg" />
                      <img alt="" src="images/portfolio-1/11.png" />
+
                        <div class="member-name">XU Chenrui<span>Specialist</span></div>
                    </a>
+
                     </div>
                  </div>
+
                  <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Ilustration</span>
+
                      <span>Animation</span>
+
                     </a>
+
                  </div>
+
 
                 </div>
 
                 </div>
               </div>
+
               </div>  
 
+
</div>                
              <div class="portfolio-item item">
+
                    
                <div class="portfolio-border">
+
                    
                  <div class="portfolio-thumb">
+
                      </div>  
                    <a href="#">
+
             <!-- End Post -->
                      <div class="thumb-overlay"><i class="fa fa-arrows-alt"></i></div>
+
                           
                      <img alt="" src="images/portfolio-1/12.png" />
+
         
                    </a>
+
                   </div>
+
                   <div class="portfolio-details">
+
                    <a href="#">
+
                      <h4>Lorem Ipsum Dolor</h4>
+
                      <span>Ilustration</span>
+
                      <span>Animation</span>
+
                    </a>
+
                  </div>
+
                </div>
+
              </div>
+
 
+
             </div>
+
          </div>
+
          <!-- End Recent Projects Carousel -->
+
 
         </div>
 
         </div>
 
         <!-- .container -->
 
         <!-- .container -->
Line 653: Line 303:
  
 
       <!-- Divider -->
 
       <!-- Divider -->
       <div class="hr1 margin-60"></div>
+
       <div class="hr1 margin-40"></div>
 
          
 
          
 
     </div>
 
     </div>
Line 660: Line 310:
  
 
     <!-- Start Footer -->
 
     <!-- Start Footer -->
    <footer>
 
      <div class="container">
 
        <div class="row footer-widgets">
 
  
          <!-- Start Contact Widget -->
 
          <div class="col-md-3">
 
            <div class="footer-widget contact-widget">
 
              <h4><img src="images/footer-margo.png" class="img-responsive" alt="Footer Logo" /></h4>
 
              <p>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</p>
 
              <ul>
 
                <li><span>Phone Number:</span> +01 234 567 890</li>
 
                <li><span>Email:</span> company@company.com</li>
 
                <li><span>Website:</span> www.yourdomain.com</li>
 
              </ul>
 
            </div>
 
          </div>
 
          <!-- .col-md-3 -->
 
          <!-- End Contact Widget -->
 
           
 
          <!-- Start Sponsor Widget -->
 
          <div class="col-md-6">
 
            <div class="footer-widget flickr-widget">
 
              <h4>Sponsors<span class="head-line"></span></h4>
 
           
 
        <ul id="portfolio-list" data-animated="fadeIn">
 
            <li>
 
              <img alt="" src="images/portfolio-1/1.png">
 
              <div class="portfolio-item-content">
 
                <span class="header">Town winter 2013</span>
 
                <p class="body">web develpment, design</p>
 
              </div>
 
             
 
 
            </li>
 
            <li>
 
              <img alt="" src="images/portfolio-1/2.png">
 
              <div class="portfolio-item-content">
 
                <span class="header">Quarterly Musashino</span>
 
                <p class="body">web develpment, design</p>
 
              </div>
 
     
 
 
            </li>
 
            <li>
 
              <img alt="" src="images/portfolio-1/3.png">
 
              <div class="portfolio-item-content">
 
                <span class="header">Mainichi April 2014</span>
 
                <p class="body">web develpment, design</p>
 
              </div>
 
 
 
            </li>
 
            <li>
 
              <img alt="" src="images/portfolio-1/4.png">
 
              <div class="portfolio-item-content">
 
                <span class="header">Shitamachi Rocket</span>
 
                <p class="body">web develpment, design</p>
 
              </div>
 
 
 
            </li>
 
            <li>
 
              <img alt="" src="images/portfolio-1/5.png">
 
              <div class="portfolio-item-content">
 
                <span class="header">Majesty express vol. 01</span>
 
                <p class="body">web develpment, design</p>
 
              </div>
 
 
 
            </li>
 
            <li>
 
              <img alt="" src="images/portfolio-1/6.png">
 
              <div class="portfolio-item-content">
 
                <span class="header">Monocle issue 69</span>
 
                <p class="body">web develpment, design</p>
 
              </div>
 
 
 
            </li>
 
          </ul>
 
            </div>
 
          </div>
 
          <!-- .col-md-3 -->
 
          <!-- End Sponsor Widget -->
 
 
 
          <!-- Start Subscribe & Social Links Widget -->
 
          <div class="col-md-3">
 
            <div class="footer-widget mail-subscribe-widget">
 
              <h4>Get in touch<span class="head-line"></span></h4>
 
              <p>Join our mailing list to stay up to date and get notices about our new releases!</p>
 
              <form class="subscribe">
 
                <input type="text" placeholder="mail@example.com">
 
                <input type="submit" class="btn-system" value="Send">
 
              </form>
 
            </div>
 
            <div class="footer-widget social-widget">
 
              <h4>Follow Us<span class="head-line"></span></h4>
 
              <ul class="social-icons">
 
                <li>
 
                  <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
 
                </li>
 
                <li>
 
                  <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
 
                </li>
 
                <li>
 
                  <a class="google" href="#"><i class="fa fa-google-plus"></i></a>
 
                </li>
 
                <li>
 
                  <a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a>
 
                </li>
 
                <li>
 
                  <a class="linkdin" href="#"><i class="fa fa-linkedin"></i></a>
 
                </li>
 
                <li>
 
                  <a class="flickr" href="#"><i class="fa fa-flickr"></i></a>
 
                </li>
 
                <li>
 
                  <a class="tumblr" href="#"><i class="fa fa-tumblr"></i></a>
 
                </li>
 
                <li>
 
                  <a class="instgram" href="#"><i class="fa fa-instagram"></i></a>
 
                </li>
 
                <li>
 
                  <a class="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a>
 
                </li>
 
                <li>
 
                  <a class="skype" href="#"><i class="fa fa-skype"></i></a>
 
                </li>
 
              </ul>
 
            </div>
 
          </div>
 
          <!-- .col-md-3 -->
 
          <!-- End Subscribe & Social Links Widget -->
 
 
        </div>
 
        <!-- row -->
 
 
        <!-- Start Copyright -->
 
        <div class="copyright-section">
 
          <div class="row">
 
            <div class="col-md-6">
 
              <p>&copy; 2014 Margo - All Rights Reserved <a href="http://graygrids.com">GrayGrids</a> </p>
 
            </div>
 
            <div class="col-md-6">
 
              <ul class="footer-nav">
 
                <li><a href="#">Sitemap</a></li>
 
                <li><a href="#">Privacy Policy</a></li>
 
                <li><a href="#">Contact</a></li>
 
              </ul>
 
            </div>
 
          </div>
 
        </div>
 
        <!-- End Copyright -->
 
 
      </div>
 
    </footer>
 
 
     <!-- End Footer -->
 
     <!-- End Footer -->
  
   </div>
+
    
 
   <!-- End Container -->
 
   <!-- End Container -->
  
Line 825: Line 319:
 
   <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
 
   <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
  
  <!-- Style Switcher -->
 
  <div class="switcher-box">
 
    <a class="open-switcher show-switcher"><i class="fa fa-cog fa-2x"></i></a>
 
    <h4>Style Switcher</h4>
 
    <span>12 Predefined Color Skins</span>
 
    <ul class="colors-list">
 
      <li>
 
        <a onClick="setActiveStyleSheet('blue'); return false;" title="Blue" class="blue"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('sky-blue'); return false;" title="Sky Blue" class="sky-blue"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('cyan'); return false;" title="Cyan" class="cyan"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('jade'); return false;" title="Jade" class="jade"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('green'); return false;" title="Green" class="green"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('purple'); return false;" title="Purple" class="purple"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('pink'); return false;" title="Pink" class="pink"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('red'); return false;" title="Red" class="red"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('orange'); return false;" title="Orange" class="orange"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('yellow'); return false;" title="Yellow" class="yellow"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('peach'); return false;" title="Peach" class="peach"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('beige'); return false;" title="Biege" class="beige"></a>
 
      </li>
 
    </ul>
 
    <span>Top Bar Color</span>
 
    <select id="topbar-style" class="topbar-style">
 
      <option value="1">Light (Default)</option>
 
      <option value="2">Dark</option>
 
      <option value="3">Color</option>
 
    </select>
 
    <span>Layout Style</span>
 
    <select id="layout-style" class="layout-style">
 
      <option value="1">Wide</option>
 
      <option value="2">Boxed</option>
 
    </select>
 
    <span>Patterns for Boxed Version</span>
 
    <ul class="bg-list">
 
      <li>
 
        <a href="#" class="bg1"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg2"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg3"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg4"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg5"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg6"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg7"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg8"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg9"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg10"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg11"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg12"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg13"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg14"></a>
 
      </li>
 
    </ul>
 
  </div>
 
  
   <script type="text/javascript" src="js/script.js"></script>
+
 
 +
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/script_js?action=raw&amp;ctype=text/javascript"></script>
  
 
</body>
 
</body>
 +
 +
  
 
</html>
 
</html>
 +
{{Team:Tongji_Shanghai/footer}}

Latest revision as of 05:48, 19 October 2016

Tongji_Shanghai-2016.igem.org Tongji Shanghai

Efficiency

    We have promoted the efficiency of photothermal therapy by constructing plasmid HTert-P53 and Hsp70-P53-luceferase to mount the thermosensitivity of tumor cells.

Reporter

    With the aid of luciferase, we can observe if the tumor cells had been heat treated in in vivo bioluminescence imaging machine with the injection of luciferase substance.

Accuracy

    Beyond that, accuracy is escalated as off-target effect is diminished. The superiorities will render our system a vigorous arm to help defeat breast cancer in clinical application for the rebirth of the suffering patients in the future.

Meet Our Team

ZHANG JiaweiCaptain
WANG WillDesigner
ZHU YumengManager
TANG YingluImplementer
ZHOU XingyuResearcher
ZHOU DanleiEvaluator
LYU TongResearcher
HU ZhangsenResearcher
WU HongguiIdea Seeker
ZHU YajieCoordinator
REN QianImplementer
XU ChenruiSpecialist