Difference between revisions of "Team:Tongji Shanghai"

 
(31 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 -->
 
    <div class="hidden-header"></div>
 
    <header class="clearfix">
 
 
      <!-- Start Top Bar -->
 
 
      <!-- End Top Bar -->
 
 
      <!-- Start Header ( 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="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>
 
          </div>
 
          <div class="navbar-collapse collapse">
 
 
            <!-- Start Navigation List -->
 
            <ul class="nav navbar-nav navbar-right">
 
               
 
              <li>
 
                <a href="#">Achievement</a>
 
                <ul class="dropdown">
 
                  <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>
 
                <a href="#">Project</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
 
                  <li><a href="#">Topic 1</a></li>
 
                  <li><a href="#">Topic 2</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments">Experiments</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results">Results</a></li>
 
                </ul>
 
              </li>
 
               
 
              <li>
 
                <a href="#">Outreach</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collaboration</a></li>
 
                </ul>
 
              </li>               
 
               
 
              <li>
 
                <a href="#">Lab</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions">Attribution</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About">About</a></li>
 
                </ul>
 
              </li> 
 
                               
 
              <li>
 
                <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Safety</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Lab Safety</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Bio Safety</a></li>
 
                </ul>
 
              </li>
 
               
 
 
               
 
        </ul>
 
            <!-- End Navigation List -->
 
          </div>
 
        </div>
 
 
        <!-- Mobile Menu Start -->
 
        <ul class="wpb-mobile-menu">
 
          <li>
 
                <a href="#">Achievement</a>
 
                <ul class="dropdown">
 
                  <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>
 
                <a href="#">Project</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
 
                  <li><a href="#">Topic 1</a></li>
 
                  <li><a href="#">Topic 2</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments">Experiments</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results">Results</a></li>
 
                </ul>
 
          </li>
 
          <li>
 
                <a href="#">Outreach</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collaboration</a></li>
 
                </ul>
 
          </li>
 
          <li>
 
                <a href="#">Lab</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions">Attribution</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About">About</a></li>
 
                </ul>
 
          </li>
 
          <li>
 
                <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Safety</a>
 
                <ul class="dropdown">
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Lab Safety</a></li>
 
                  <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Bio Safety</a></li>
 
                </ul>           
 
          </li>
 
          <li>
 
            <a href="contact.html">Contact</a>
 
          </li>
 
        </ul>
 
        <!-- Mobile Menu End -->
 
 
      </div>
 
      <!-- End Header ( Logo & Naviagtion ) -->
 
 
    </header>
 
    <!-- End Header -->
 
 
  
 
     <!-- Start Home Page Slider -->
 
     <!-- Start Home Page Slider -->
Line 162: 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/d/df/T--Tongji_Shanghai--HomePage_ShanghaiView.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><strong>2016 Tongji Shanghai</strong></span>
+
                          </h2>
+
                <h3 class="animated3 white">
+
                          <span>A teenage iGEM team from an old University</span>
+
                            </h3>
+
 
                  
 
                  
 
               </div>
 
               </div>
Line 180: Line 38:
 
             <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>Cancer <strong>Patient's Golden ERA</strong></span>
+
                            </h2>
+
                <h3 class="animated5 white">
+
                              <span>The Improvement of Traditional Therapy</span>
+
                            </h3>
+
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 194: Line 47:
 
             <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>Hello <strong>iGEM</strong> 2016</span>
+
                            </h2>
+
                <h3 class="animated8 white">
+
                              <span>Greetings ! Synthetic Biology !</span>
+
                            </h3>
+
 
                 <div class="">
 
                 <div class="">
 
        
 
        
Line 211: 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 -->
Line 223: Line 82:
 
        
 
        
 
        
 
        
        <div class="row">
+
 
      <div class="hr5" style="margin-top:55px; margin-bottom:5px;"></div>
+
        </div>
+
 
        
 
        
 
        
 
        
Line 231: Line 88:
 
     <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 251: 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 263: 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 -->
         
 
            <div class="row">
 
      <div class="hr1" style="margin-top:55px; margin-bottom:5px;"></div>
 
        </div>
 
 
              
 
              
        </div>
+
              <div class="col-md-12">
        <!-- .row -->
+
              <h2 class="classic-title"><span>Meet Our Team</span></h2>
      </div>
+
                <div class="col-md-3 col-sm-6 col-xs-12" style="width:16.66%;">
      <!-- .container -->
+
                <div class="team-member">
      <!-- End Services Section -->
+
                    <!-- Memebr Photo, Name & Position -->
 
+
                    <div class="member-photo">
 
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/c/c6/T--Tongji_Shanghai--Member_individual_ZHANGJIAWEI.jpg" />
      <!-- Start Portfolio Section -->
+
                        <div class="member-name">ZHANG Jiawei<span>Captain</span></div>
      <div class="project">
+
                     </div>
        <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>
+
                      <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 -->
          <div class="recent-projects">
+
                    <div class="member-photo">
            <h2 class="classic-title"><span>Meets Our Team</span></h2>
+
                        <img alt="" src="https://static.igem.org/mediawiki/2016/e/e8/T--Tongji_Shanghai--Member_individual_WANGHONGNING.jpg" />
            <div class="projects-carousel touch-carousel">
+
                        <div class="member-name">WANG Will<span>Designer</span></div>
 
+
                     </div>
              <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 539: 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 704: 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