Team:Tongji

<!-- <!DOCTYPE html> -->
<html lang="en">
<!--Important:clear page-->
<script>    $('head').empty(); </script>
<!--End clear page-->
<head>
    <meta charset="utf-8">
    <title>iGEM Tongji 2014</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
  /*Clear existing style*/


  #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
    display:none;
  }

  html, body {
    width: auto !important;
/*    overflow-x: hidden !important;*/
    height: 100% !important;

  }
  /*End claer*/
</style>
    <!-- Le styles -->
  <link href="https://2014.igem.org/Team:Tongji/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet">
  <link href="https://2014.igem.org/Team:Tongji/bootstrap-responsive_min_css?action=raw&ctype=text/css" rel="stylesheet">
  <link href="https://2014.igem.org/Team:Tongji/docs_css?action=raw&ctype=text/css" rel="stylesheet">
<style>
body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
</style>
    <link href="https://2014.igem.org/Team:Tongji/prettify_css?action=raw&ctype=text/css" rel="stylesheet">


    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <![endif]-->



  </head>

    <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>



          <div class="nav-collapse collapse role="navigation>
            <ul class="nav navbar-nav">
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji">iGEM Tongji 2014</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/project">Project</a>
              </li>
              <li class="active">
                <a  href="https://2014.igem.org/Team:Tongji/human-practice">Human Practice</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/lab-archives">Lab Archives</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/safety">Safety</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/honors-room">Honors Room</a>
              </li>




              <li class="dropdown">
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >Language <b class="caret"></b></a>
                <ul  class="dropdown-menu" >
                  <li ><a  href="https://2014.igem.org/Team:Tongji"  target="_blank">English</a></li>
                  <li role="presentation"><a href="https://2014.igem.org/Team:Tongji-zh">中文</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >iGEM Bar <b class="caret"></b></a>
                <ul  class="dropdown-menu " >
                  <li ><a  href="/wiki/index.php?title=Talk:Team:Tongji&amp;action=edit&amp;redlink=1">Discussion</a></li>
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=edit">Edit</a></li>
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=history">History</a></li>
                  <li ><a  href="/Special:MovePage/Team:Tongji">Move</a></li>
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=watch">Watch</a></li>
                  <li class="divider"></li>
                  <li ><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Tongji">Login</a></li>
                  <li ><a href="https://igem.org/User_Information">Account</a></li>
                  <li class="divider"></li>
                  <li><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/d6/Igemlogo_officiallogo-small.png"></a></li>
                </ul>
              </li>              

            </ul>
          </div>
        </div>
      </div>
    </div>

<!-- Subhead
  ================================================== -->
  <header class="jumbotron subhead" id="overview">
    <div class="container">
      <h1>Human Practice</h1>
      <p class="lead"></p>
    </div>
  </header>


  <div class="container">

    <!-- Docs nav
    ================================================== -->
    <div class="row">
      <div class="span3 bs-docs-sidebar">
        <ul class="nav nav-list bs-docs-sidenav">
          <li><a href="#download-bootstrap"><i class="icon-chevron-right"></i> Mini Showroom</a></li>
          <li><a href="#file-structure"><i class="icon-chevron-right"></i> Outreach</a></li>
          <li><a href="#contents"><i class="icon-chevron-right"></i> Prospective</a></li>
          <li><a href="#html-template"><i class="icon-chevron-right"></i> Video</a></li>
          <li><a href="#html-template2"><i class="icon-chevron-right"></i> Help another team</a></li>
        </ul>
      </div>
      <div class="span9">



        <!-- Download
        ================================================== -->
        <section id="download-bootstrap">
          <div class="page-header">
            <h1>Mini Showroom</h1>
          </div>
          <p class="lead">临出发前在学校摆个摊。记录下来</p>

          
        </section>



        <!-- File structure
        ================================================== -->
        <section id="file-structure">
          <div class="page-header">
            <h1>Outreach</h1>
          </div>
          <p class="lead">We tightly communicate with several iGEM teams to improve our idea and appreciate their work.</p>

          <h3>With Shanghai JiaoTong University</h3>
          <div id="myCarousel" class="carousel slide">
            <ol class="carousel-indicators">
              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
              <li data-target="#myCarousel" data-slide-to="1"></li>
              <li data-target="#myCarousel" data-slide-to="2"></li>
              <li data-target="#myCarousel" data-slide-to="3"></li>
              <li data-target="#myCarousel" data-slide-to="4"></li>
              <li data-target="#myCarousel" data-slide-to="5"></li>
              <li data-target="#myCarousel" data-slide-to="6"></li>
              <li data-target="#myCarousel" data-slide-to="7"></li>
            </ol>

            <!-- Carousel items -->
            <div class="carousel-inner">
              <div class="active item"><img src="https://static.igem.org/mediawiki/2014/8/82/SJTU1.jpg" alt="">
                <div class="carousel-caption">

                  <p>On 19th April, we invited SJTU to have a mini iGEM communication meeting with us.</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/2/2a/SJTU2.JPG" alt="">
                <div class="carousel-caption">
                  <p>Our guests helped analyse which project is significant to the reality and can be achieved.</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/f/f5/SJTU3.JPG" alt="">
                <div class="carousel-caption">
                  <p>Members from Tongji University shared their opinions upon the last year's iGEM projects.</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/b/b5/SJTU4.JPG" alt="">
                <div class="carousel-caption">
                  <p>What’s your expectation for iGEM? What should an iGEM team do? What’s the challenge? </p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/a/ae/SJTU5.JPG" alt="">
                <div class="carousel-caption">
                  <p>What’s synthetic biology? How is it developing currently? What's the trend?</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/9/9c/SJTU6.JPG" alt="">
                <div class="carousel-caption">
                  <p>Members from Tongji University shared their opinions upon the last year's iGEM projects.</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/5/5b/SJTU7.JPG" alt="">
                <div class="carousel-caption">
                  <p>How to lead a team? How to work efficiently?</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/0/03/SJTU8.JPG" alt="">
                <div class="carousel-caption">
                  <p>Members from Tongji University shared their opinions upon the last year's iGEM projects.</p>
                </div>
              </div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

          </div>




          <br><br>
          <p class="lead">On 19th April, we invited members from Shanghai Jiao Tong University(SJTU) to have a mini iGEM communication meeting with us.</p>
          <p class="lead">During the meeting, SJTU introduced iGEM competition and synthetic biology, shared their experience in team management, and discussed some last year's iGEM projects .</p>
          <p class="lead">Thank SJTU for giving us a mini but meaningful iGEM communication meeting. We are looking forward to our further collaboration.</p>

          



          <h3>With Fudan University</h3>
          

          <div id="myCarousel2" class="carousel slide">
            <ol class="carousel-indicators">
              <li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
              <li data-target="#myCarousel2" data-slide-to="1"></li>
              <li data-target="#myCarousel2" data-slide-to="2"></li>
              <li data-target="#myCarousel2" data-slide-to="3"></li>


            </ol>
            <!-- Carousel items -->
            <div class="carousel-inner">
              <div class="active item"><img src="https://static.igem.org/mediawiki/2014/d/d2/FDU2.JPG" alt="">
                <div class="carousel-caption">
                  <p>On 8th June, We had another communication meeting with team Fudan.</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/0/0c/FDU3.jpg" alt="">
                <div class="carousel-caption">
                  <p>Team Fudan's project idea was fantastic!</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/5/5f/FDU5.JPG" alt="">
                <div class="carousel-caption">
                  <p>They said they need certain vector in their project.</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/f/fc/FDU6.JPG" alt="">
                <div class="carousel-caption">
                  <p>We are happy to help them.</p>
                </div>
              </div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel2" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel2" data-slide="next">&rsaquo;</a>

          </div>

          <br><br>
          <p class="lead">On 8th June, We had another communication meeting with team Fudan. During our meeting, we introduced each other's project, and raised suggestion to the projects.</p>
          <p class="lead">At the end, team Fudan seeked <a href="./human-practice.html#html-template2">help</a> from us, and we did all we can to help them.</p>




        </section>



        <!-- Contents
        ================================================== -->
        <section id="contents">
          <div class="page-header">
            <h1>Prospective</h1>
          </div>
          <p class="lead">评估本项目在未来的经济价值、环保价值等。</p>

          
          
        </section>



        <!-- HTML template
        ================================================== -->
        <section id="html-template">
          <div class="page-header">
            <h1>Video</h1>
          </div>
          <p class="lead">You can watch our video on Youtube or Youku, or download from <a  onclick=window.parent.location.href="https://vimeo.com/108265800"><strong>vimeo</strong></a>. Please enjoy our video! </p>
          <div class="container span9">
            <a  class="thumbnail span4" onclick=window.parent.location.href="http://v.youku.com/v_show/id_XNzk4ODE3NDA0.html">
              <img  alt="260x120" src="assets/img/youku.png" style="width: 260px; height: 120px;">
            </a>
            <a  class="thumbnail span4" onclick=window.parent.location.href="http://youtu.be/gCHqclyXfXI">
              <img  alt="260x120" src="assets/img/youtube.png" style="width: 260px; height: 120px;">
            </a>
          </div>
          <br><br><br><br><br><br><br>
          

        </section>


        <!-- HTML template 2
        ================================================== -->
        <section id="html-template2">
          <div class="page-header">
            <h1>Help another team</h1>
          </div>
          <p class="lead">During this summer, we provided assistance within our capacity to <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Fudan">Fudan</a>, another iGEM team.</p> 
          


          <div id="myCarousel4" class="carousel slide">
            <ol class="carousel-indicators">
              <li data-target="#myCarousel4" data-slide-to="0" class="active"></li>
              <li data-target="#myCarousel4" data-slide-to="1"></li>
              <li data-target="#myCarousel4" data-slide-to="2"></li>
            </ol>
            <!-- Carousel items -->
            <div class="carousel-inner">
              <div class="active item"><img src="https://static.igem.org/mediawiki/2014/8/82/HelpFDU1.JPG" >
                <div class="carousel-caption">
                  <p>Our professor gave them instruction and resources</p>
                </div>
              </div>

              <div class="item"><img src="https://static.igem.org/mediawiki/2014/5/5b/HelpFDU2.jpg" >
                <div class="carousel-caption">
                  <p>Provide some significant information about cell cultivation</p>
                </div>
              </div>
              <div class="item"><img src="https://static.igem.org/mediawiki/2014/4/4a/HelpFDU3.jpg" >
                <div class="carousel-caption">
                  <p>Provide them with the plasmid vectors</p>
                </div>
              </div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel4" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel4" data-slide="next">&rsaquo;</a>
          </div>
          <br>
          <br>
          <p class="lead">We offer help to Fudan University on their iGEM project, including:</p>

          <table class="table table-hover">
            <thead>
              <tr>
                <th class="text span2">Assistance</th>
                <th class="text span2">Item</th>
                <th class="text">Detail</th>

              </tr>
            </thead>
            <tbody>
              <tr>
                <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
                <td><div >Provide a plasmid vector named ‘fvw-tet-oskm’</div></td>
                <td><div >It is a plasmid containing the four Yamanaka factors(Oct4, Sox2, Klf4 and c-Myc), and the factors are connected with a T2A linker. It can be used to induce iPSCs.</div></td>
              </tr>
              <tr>
                <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
                <td><div >Provide a plasmid vector named ‘fvw-tet-sox2’</div></td>
                <td><div >It is a plasmid containing the gene, Sox2. It can be used to induce neuron stem cells.</div></td>
              </tr>
              <tr>
                <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
                <td><div >Provide some significant information about cell cultivation</div></td>
                <td><div >We provide the recipe of medium and the protocol for cultivating for neuron cells, iPSCs
                  and neuron stem cells.</div></td>
                </tr>
              <tr>
                  <td><img src="https://static.igem.org/mediawiki/2014/2/2e/Star.png"></td>
                  <td><div >Help to solve some detailed problems</div></td>
                  <td><div >We also help them to solve some detailed problems, such as helping to choose markers for iPSc screening and recommending kits and reagents for their experiments.</div></td>
              </tr>
            </tbody>        

          </table>




        </section>



      </div>
    </div>

  </div>



    <!-- Footer
    ================================================== -->
    <footer class="footer">
      <div class="container">
        <p>Tongji University, 2014</p>
        
      </div>
    </footer>



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    <script src="https://2014.igem.org/Team:Tongji/jquery_min_js?action=raw"></script>
    <script src="https://2014.igem.org/Team:Tongji/bootstrap_min_js?action=raw"></script>

    <script src="https://2014.igem.org/Team:Tongji/holder_min_js?action=raw"></script>
    <script src="https://2014.igem.org/Team:Tongji/prettify_js?action=raw"></script>

    <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script>

    <script>
    $(function ()
      { $("#myCarousel").carousel();
    });
    </script> 

  </body>
  </html>