Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
 
(89 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Tsinghua-A/CSS}}
+
{{Team:Tsinghua-A/Style}}
-
<!DOCTYPE html>
+
{{Team:Tsinghua-A/Killbanner}}
-
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+
{{Team:Tsinghua-A/Menubar}}
-
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+
-
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
+
-
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+
 +
<html>
<body>
<body>
-
    <!--[if lt IE 7]>
 
-
    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
 
-
    <![endif]-->
 
-
<!--  Free HTML5 Template by http://www.cssmoban.com -->
 
-
    <div id="front">
 
-
        <div class="site-header">
 
-
            <div class="container">
 
-
                <div class="row">
 
-
                    <div class="col-md-4 col-sm-6 col-xs-6">
 
-
                        <div id="templatemo_logo">
 
-
                            <h1><a href="#" title="HTML5 Template">Sprint</a></h1>
 
-
                        </div> <!-- /.logo -->
 
-
                    </div> <!-- /.col-md-4 -->
 
-
                    <div class="col-md-8 col-sm-6 col-xs-6">
 
-
                        <a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
 
-
                        <div class="main-menu">
 
-
                            <ul>
 
-
                                <li><a href="#front">Home</a></li>
 
-
                                <li><a href="#services">Services</a></li>
 
-
                                <li><a href="#products">Products</a></li>
 
-
                                <li><a href="#contact">Contact</a></li>
 
-
                            </ul>
 
-
                        </div> <!-- /.main-menu -->
 
-
                    </div> <!-- /.col-md-8 -->
 
-
                </div> <!-- /.row -->
 
-
                <div class="row">
 
-
                    <div class="col-md-12">
 
-
                        <div class="responsive">
 
-
                            <div class="main-menu">
 
-
                                <ul>
 
-
                                    <li><a href="#front">Home</a></li>
 
-
                                    <li><a href="#services">Services</a></li>
 
-
                                    <li><a href="#products">Products</a></li>
 
-
                                    <li><a href="#contact">Contact</a></li>
 
-
                                </ul>
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </div> <!-- /.container -->
 
-
        </div> <!-- /.site-header -->
 
-
    </div> <!-- /#front -->
 
-
    <div class="site-slider">
+
  <!-- Carousel -->
-
        <ul class="bxslider">
+
  <div id="header" class="carousel slide animated fadeIn">
-
            <li>
+
    <div class="carousel-inner">
-
                <img src="images/slider/slide1.jpg" alt="slider image 1">
+
     
-
                <div class="container">
+
      <!--Item One-->
-
                    <div class="row">
+
      <div class="item one active">
-
                        <div class="col-md-12 text-right">
+
        <div class="container animated fadeInUp">
-
                            <div class="slider-caption">
+
          <div class="carousel-caption">
-
                                <h2>HTML5 CSS3 Template</h2>
+
             <h1>Welcome to Tsinghua-A Team Wiki</h1>
-
                            </div>
+
             <h2> To TALE a new world.   <a href="https://2014.igem.org/Team:Tsinghua-A/Project"><i class="icon-chevron-right"></i> See Project</a></h2>
-
                        </div>
+
          </div>
-
                    </div>
+
-
                </div>
+
-
            </li>
+
-
            <li>
+
-
                <img src="images/slider/slide2.jpg" alt="slider image 2">
+
-
                <div class="container caption-wrapper">
+
-
                    <div class="slider-caption">
+
-
                        <h2>Using Bootstrap Framework</h2>
+
-
                    </div>
+
-
                </div>
+
-
            </li>
+
-
            <li>
+
-
                <img src="images/slider/slide3.jpg" alt="slider image 3">
+
-
                <div class="container">
+
-
                    <div class="row">
+
-
                        <div class="col-md-12 text-right">
+
-
                            <div class="slider-caption">
+
-
                                <h2>Mobile Ready Website</h2>
+
-
                            </div>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
            </li>
+
-
            <li>
+
-
                <img src="images/slider/slide4.jpg" alt="slider image 4">
+
-
                <div class="container">
+
-
                    <div class="row">
+
-
                        <div class="col-md-12 text-right">
+
-
                            <div class="slider-caption">
+
-
                                <h2>Responsive Layout</h2>
+
-
                            </div>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
             </li>
+
-
            <li>
+
-
                <img src="images/slider/slide5.jpg" alt="slider image 5">
+
-
                <div class="container">
+
-
                    <div class="row">
+
-
                        <div class="col-md-12 text-right">
+
-
                            <div class="slider-caption">
+
-
                                <h2>Download and use it for free</h2>
+
-
                            </div>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
             </li>
+
-
        </ul> <!-- /.bxslider -->
+
-
        <div class="bx-thumbnail-wrapper">
+
-
            <div class="container">
+
-
                <div class="row">
+
-
                    <div class="col-md-12">
+
-
                        <div id="bx-pager">
+
-
                            <a data-slide-index="0" href=""><img src="images/slider/thumb1.jpg" alt="image 1" /></a>
+
-
                            <a data-slide-index="1" href=""><img src="images/slider/thumb2.jpg" alt="image 2" /></a>
+
-
                            <a data-slide-index="2" href=""><img src="images/slider/thumb3.jpg" alt="image 3" /></a>
+
-
                            <a data-slide-index="3" href=""><img src="images/slider/thumb4.jpg" alt="image 4" /></a>
+
-
                            <a data-slide-index="4" href=""><img src="images/slider/thumb5.jpg" alt="image 5" /></a>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
         </div>
         </div>
-
    </div> <!-- /.site-slider -->
+
      </div>
-
 
+
     
-
    <div id="services" class="content-section">
+
      <!--Item Two-->
 +
      <div class="item two">
         <div class="container">
         <div class="container">
-
            <div class="row">
+
     
-
                <div class="col-md-3 col-sm-6">
+
          <div class="carousel-caption">
-
                    <div class="service-item">
+
            <h1>Welcome to Tsinghua-A Team Wiki</h1>
-
                        <span class="service-icon first"></span>
+
            <h2> Coding to reveal the code.   <a href="https://2014.igem.org/Team:Tsinghua-A/Modeling"><i class="icon-chevron-right"></i> See Modeling</a> </h2>
-
                        <h3>Easy Customization</h3>
+
          </div>
-
                        <p>Cras congue orci at diam condimentum, in dignissim tellus elementum. Praesent id mauris eu urna vehicula rutrum sed in elit. Sed sed urna porta, viverra lacus in.</p>
+
        </div>
-
                    </div> <!-- /.service-item -->
+
      </div>
-
                </div> <!-- /.col-md-3 -->
+
     
-
                <div class="col-md-3 col-sm-6">
+
      <!--Item Three-->
-
                    <div class="service-item">
+
      <div class="item three">
-
                        <span class="service-icon second"></span>
+
-
                        <h3>Web Design</h3>
+
-
                        <p>Nulla in nunc elit. Etiam porttitor nibh et felis molestie fermentum. Ut quis diam porttitor, dictum dolor in, volutpat nulla. Phasellus egestas eu lacus eu pharetra.</p>
+
-
                    </div> <!-- /.service-item -->
+
-
                </div> <!-- /.col-md-3 -->
+
-
                <div class="col-md-3 col-sm-6">
+
-
                    <div class="service-item">
+
-
                        <span class="service-icon third"></span>
+
-
                        <h3>High Quality</h3>
+
-
                        <p>Sprint is <a href="#">free responsive template</a> using HTML5 CSS3 based on Bootstrap framework. Feel free to download, edit and use it for your websites.</p>
+
-
                    </div> <!-- /.service-item -->
+
-
                </div> <!-- /.col-md-3 -->
+
-
                <div class="col-md-3 col-sm-6">
+
-
                    <div class="service-item">
+
-
                        <span class="service-icon fourth"></span>
+
-
                        <h3>Professional Design</h3>
+
-
                        <p>Morbi id nisi enim. Ut congue interdum pharetra facilisi. Aenean consectetur pellentesque mauris nec ornare. Nam tortor justo, rutrum ut condimentum.</p>
+
-
                    </div> <!-- /.service-item -->
+
-
                </div> <!-- /.col-md-3 -->
+
-
            </div> <!-- /.row -->
+
-
        </div> <!-- /.container -->
+
-
    </div> <!-- /#services -->
+
-
 
+
-
    <div id="product-promotion" class="content-section">
+
         <div class="container">
         <div class="container">
-
            <div class="row">
+
       
-
                <div class="col-md-12 text-center">
+
          <div class="carousel-caption">
-
                    <h1 class="section-title">New Products</h1>
+
            <h1>Welcome to Tsinghua-A Team Wiki</h1>
-
                </div> <!-- /.col-md-12 -->
+
            <h2> Practice humanity with technology. <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice"><i class="icon-chevron-right"></i> See Human Practice</a> </h2>
-
            </div> <!-- /.row -->
+
          </div>
-
            <div class="row">
+
        </div>
-
                <div class="col-md-2 col-sm-3">
+
      </div>
-
                    <div class="item-small">
+
     
-
                        <img src="images/promotion/promotion1.jpg" alt="Product 1">
+
    </div>
-
                        <h4>Nullam Non Ultrices Arcu</h4>
+
    <a class="left carousel-control hidden-phone" href="#header" data-slide="prev"></a>
-
                    </div> <!-- /.item-small -->
+
    <a class="right carousel-control hidden-phone" href="#header" data-slide="next"></a>
-
                </div> <!-- /.col-md-2 -->
+
  </div><!-- /.carousel -->
-
                <div class="col-md-8 col-sm-6">
+
 
-
                    <div class="item-large">
+
 
-
                        <img src="images/promotion/promotion2.jpg" alt="Product 2">
+
 
-
                        <div class="item-large-content">
+
 
-
                            <div class="item-header">
+
<section id="message">
-
                                <h2 class="pull-left">Fusce facilisis semper magna</h2>
+
    <div class="container">
-
                                <span class="pull-right">Rate: <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
+
      <div class="row-fluid">
-
                                <i class="fa fa-star-half-o"></i></span>
+
        <div class="span12 text-center">
-
                                <div class="clearfix"></div>
+
        <h2> Introduction </h2>
-
                            </div> <!-- /.item-header -->
+
          <h3>Transactivator-Like Effectors (TALEs) are a technology that once revolutionized the way researchers manipulate DNA with exceptional site specificity.Though it works well in eukaryotic organisms, it is not available in prokaryotic organisms. We come up with the idea that the long repeating sequence of the TALEs coding sequence leads to it. In our project, we attempt to construct a marvelous TALEs system which can efficiently work in prokaryotic organisms. By optimizing the TALEs coding sequence with modeling methods and testing it by Golden Gate Assembly and Report System, we hope we can have a handle tool for gene editing in prokaryotic organisms.
-
                            <p>Integer ac dui interdum, varius sem eu, vulputate ipsum. Donec fringilla, est ac hendrerit elementum, libero nulla sodales odio, a placerat urna lectus at sem. Vivamus vehicula accumsan orci a tempus. Vestibulum a augue iaculis, tincidunt lacus venenatis, aliquet ante. Sprint is <a href="#">free website template</a> that can be used for any purpose.<br><br>Aliquam iaculis lectus accumsan, egestas lorem ac, malesuada purus. Aenean in tincidunt libero. Etiam vitae dolor vel justo temllicitudin. Download <a rel="nofollow" href="#/free-templates">templates</a> for your websites. Sed fermentum, neque in dignissim aliquam, quam ante pellentesque quam, posuere eros purus purus. Ut non est magna.</p>
+
 
-
                        </div> <!-- /.item-large-content -->
+
<h3>
-
                    </div> <!-- /.item-large -->
+
 
-
                </div> <!-- /.col-md-8 -->
+
        </div>
-
                <div class="col-md-2 col-sm-3">
+
 
-
                    <div class="item-small">
+
 
-
                        <img src="images/promotion/promotion3.jpg" alt="Product 3">
+
      </div>
-
                        <h4>Morbi Sit Amet Lorem</h4>
+
    </div>
-
                    </div> <!-- /.item-small -->
+
  </section>
-
                </div> <!-- /.col-md-2 -->
+
 
-
            </div> <!-- /.row -->
+
 
-
        </div> <!-- /.container -->
+
<section>
-
    </div> <!-- /#product-promotion -->
+
<div class="span12 text-centre">
-
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
+
 
-
     <div id="products" class="content-section">
+
<img src="https://static.igem.org/mediawiki/2014/0/08/Tsinghua-A_Wishtobethefinal.jpg">
-
        <div class="container">
+
 
-
            <div class="row">
+
</img>
-
                <div class="col-md-12 text-center">
+
</div>
-
                    <h1 class="section-title">All Products</h1>
+
 
-
                </div> <!-- /.col-md-12 -->
+
</section>
-
            </div> <!-- /.row -->
+
 
-
            <div class="row">
+
  <!--Services Section-->
-
                <div class="col-md-3 col-sm-6">
+
  <section id="services">
-
                    <div class="product-item">
+
     <div class="container">
-
                        <div class="item-thumb">
+
      <div class="row-fluid">
-
                            <span class="note"><img src="images/small_logo_1.png" alt=""></span>
+
       
-
                            <div class="overlay">
+
        <!--Service Section One-->
-
                                <div class="overlay-inner">
+
        <div class="span3 text-center service-box">
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
          <a href="https://2014.igem.org/Team:Tsinghua-A/Project">
-
                                </div>
+
            <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/5/57/Tsinghua-A-project.jpg" alt="">
-
                            </div> <!-- /.overlay -->
+
            <h2>Project</h2>
-
                            <img src="images/products/product1.jpg" alt="">
+
            <p>Background, hypothesis and workflow of designer TALE. </p>
-
                        </div> <!-- /.item-thumb -->
+
          </a>
-
                        <h3>Nunc Consectetur</h3>
+
        </div>
-
                        <span>Price: <em class="text-muted">$260.00</em> - <em class="price">$180.00</em></span>
+
       
-
                    </div> <!-- /.product-item -->
+
        <!--Service Section Two-->
-
                </div> <!-- /.col-md-3 -->
+
        <div class="span3 text-center service-box">
-
                <div class="col-md-3 col-sm-6">
+
          <a href="https://2014.igem.org/Team:Tsinghua-A/Modeling">
-
                    <div class="product-item">
+
          <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/2/24/Tsinghua-A-modeling3.jpg" alt="">
-
                        <div class="item-thumb">
+
            <h2>Modeling</h2>
-
                            <span class="note"><img src="images/small_logo_3.png" alt=""></span>
+
            <p>Optimization of TALE sequence and simulation of the gene circuit. </p>
-
                            <div class="overlay">
+
          </a>
-
                                <div class="overlay-inner">
+
        </div>
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
       
-
                                </div>
+
        <!--Service Section Three-->
-
                            </div> <!-- /.overlay -->
+
        <div class="span3 text-center service-box">
-
                            <img src="images/products/product2.jpg" alt="">
+
          <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice">
-
                        </div> <!-- /.item-thumb -->
+
            <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/c/c9/Tsinghua-A_HP.jpg" alt="">
-
                        <h3>Donec Vitae Massa</h3>
+
            <h2>Human Practice</h2>
-
                        <span>Price: <em class="text-muted">$320.00</em> - <em class="price">$240.00</em></span>
+
            <p>Lectures, seminar, questionnaires and raising ethic problems.  </p>
-
                    </div> <!-- /.product-item -->
+
          </a>
-
                </div> <!-- /.col-md-3 -->
+
        </div>
-
                <div class="col-md-3 col-sm-6">
+
       
-
                    <div class="product-item">
+
        <!--Service Section Three-->
-
                        <div class="item-thumb">
+
        <div class="span3 text-center service-box">
-
                            <span class="note"><img src="images/small_logo_2.png" alt=""></span>
+
          <a href="https://2014.igem.org/Team:Tsinghua-A/Team">
-
                            <div class="overlay">
+
            <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/8/8e/Tsinghua-A_team.jpg" alt="">
-
                                <div class="overlay-inner">
+
            <h2>Team</h2>
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
            <p>Department of Automatics, Life Science and Medical School. </p>
-
                                </div>
+
          </a>
-
                            </div> <!-- /.overlay -->
+
        </div>
-
                            <img src="images/products/product3.jpg" alt="">
+
 
-
                        </div> <!-- /.item-thumb -->
+
      </div>
-
                        <h3>Fusce Dignissim Neque</h3>
+
    </div>
-
                        <span>Price: <em class="text-muted">$480.00</em> - <em class="price">$340.00</em></span>
+
  </section>
-
                    </div> <!-- /.product-item -->
+
 
-
                </div> <!-- /.col-md-3 -->
+
<section id="team">
-
                <div class="col-md-3 col-sm-6">
+
  <div class="image-break"> </div>
-
                    <div class="product-item">
+
 
-
                        <div class="item-thumb">
+
  <div class="container">
-
                            <span class="note"><img src="images/small_logo_1.png" alt=""></span>
+
     
-
                            <div class="overlay">
+
      <div class="row-fluid">
-
                                <div class="overlay-inner">
+
        <div class="span12">
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
  <h2> Team </h2>
-
                                </div>
+
      <img src="https://static.igem.org/mediawiki/2014/7/70/Tsinghua-A_team.png" alt="Title">
-
                            </div> <!-- /.overlay -->
+
 
-
                            <img src="images/products/product4.jpg" alt="">
+
                   
-
                        </div> <!-- /.item-thumb -->
+
        </div>
-
                        <h3>Mauris Adipiscing Enim</h3>
+
      </div>
-
                        <span>Price: <em class="text-muted">$260.00</em> - <em class="price">$140.00</em></span>
+
         
-
                    </div> <!-- /.product-item -->
+
-
                </div> <!-- /.col-md-3 -->
+
    </div>
-
                <div class="col-md-3 col-sm-6">
+
  </section>
-
                    <div class="product-item">
+
 
-
                        <div class="item-thumb">
+
 
-
                            <span class="note"><img src="images/small_logo_3.png" alt=""></span>
+
 
-
                            <div class="overlay">
+
<!--Clients Section-->
-
                                <div class="overlay-inner">
+
  <section id="Acknoledgements">
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
  <div class="image-break"> </div>
-
                                </div>
+
 
-
                            </div> <!-- /.overlay -->
+
  <div class="container">
-
                            <img src="images/products/product5.jpg" alt="">
+
     
-
                        </div> <!-- /.item-thumb -->
+
      <div class="row-fluid">
-
                        <h3>Quisque Tincidunt</h3>
+
        <div class="span12">
-
                        <span>Price: <em class="text-muted">$350.00</em> - <em class="price">$220.00</em></span>
+
          <h2> Acknowledgements </h2>
-
                    </div> <!-- /.product-item -->
+
                    <img src="https://static.igem.org/mediawiki/2014/4/45/Tsinghua-A_acc.png" alt="Title">
-
                </div> <!-- /.col-md-3 -->
+
        </div>
-
                <div class="col-md-3 col-sm-6">
+
      </div>
-
                    <div class="product-item">
+
         
-
                        <div class="item-thumb">
+
-
                            <span class="note"><img src="images/small_logo_1.png" alt=""></span>
+
    </div>
-
                            <div class="overlay">
+
  </section>
-
                                <div class="overlay-inner">
+
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
 
-
                                </div>
+
 
-
                            </div> <!-- /.overlay -->
+
 
-
                            <img src="images/products/product6.jpg" alt="">
+
-
                        </div> <!-- /.item-thumb -->
+
-
                        <h3>Aliquam Malesuada</h3>
+
-
                        <span>Price: <em class="text-muted">$470.00</em> - <em class="price">$330.00</em></span>
+
-
                    </div> <!-- /.product-item -->
+
-
                </div> <!-- /.col-md-3 -->
+
-
                <div class="col-md-3 col-sm-6">
+
-
                    <div class="product-item">
+
-
                        <div class="item-thumb">
+
-
                            <span class="note"><img src="images/small_logo_2.png" alt=""></span>
+
-
                            <div class="overlay">
+
-
                                <div class="overlay-inner">
+
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
-
                                </div>
+
-
                            </div> <!-- /.overlay -->
+
-
                            <img src="images/products/product7.jpg" alt="">
+
-
                        </div> <!-- /.item-thumb -->
+
-
                        <h3>Sed Eleifend Tortor</h3>
+
-
                        <span>Price: <em class="text-muted">$620.00</em> - <em class="price">$460.00</em></span>
+
-
                    </div> <!-- /.product-item -->
+
-
                </div> <!-- /.col-md-3 -->
+
-
                <div class="col-md-3 col-sm-6">
+
-
                    <div class="product-item">
+
-
                        <div class="item-thumb">
+
-
                            <span class="note"><img src="images/small_logo_3.png" alt=""></span>
+
-
                            <div class="overlay">
+
-
                                <div class="overlay-inner">
+
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
+
-
                                </div>
+
-
                            </div> <!-- /.overlay -->
+
-
                            <img src="images/products/product8.jpg" alt="">
+
-
                        </div> <!-- /.item-thumb -->
+
-
                        <h3>Integer tincidunt</h3>
+
-
                        <span>Price: <em class="text-muted">$840.00</em> - <em class="price">$720.00</em></span>
+
-
                    </div> <!-- /.product-item -->
+
-
                </div> <!-- /.col-md-3 -->
+
-
            </div> <!-- /.row -->
+
-
        </div> <!-- /.container -->
+
-
    </div> <!-- /#products -->
+
-
    <div id="contact" class="content-section">
 
-
        <div class="container">
 
-
            <div class="row">
 
-
                <div class="col-md-12 text-center">
 
-
                    <h1 class="section-title">Contact Us</h1>
 
-
                </div> <!-- /.col-md-12 -->
 
-
            </div> <!-- /.row -->
 
-
            <div class="row">
 
-
                <div class="col-md-offset-2 col-md-8 text-center bigger-text">
 
-
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, itaque vero facere laudantium voluptas temporibus mollitia nisi deleniti illo minima quisquam corporis possimus nesciunt. Accusantium modi dolores in ex officiis!</p>
 
-
                </div>
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <div id="map">
 
-
                    </div>
 
-
                </div> <!-- /.col-md-6 -->
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <div class="row contact-form">
 
-
                        <fieldset class="col-md-6 col-sm-6">
 
-
                            <input id="name" type="text" name="name" placeholder="Name">
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-6 col-sm-6">
 
-
                            <input type="email" name="email" id="email" placeholder="Email">
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-12">
 
-
                            <input type="text" name="subject" id="subject" placeholder="Subject">
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-12">
 
-
                            <textarea name="comments" id="comments" placeholder="Message"></textarea>
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-12">
 
-
                            <input type="submit" name="send" value="Send Message" id="submit" class="button">
 
-
                        </fieldset>
 
-
                    </div> <!-- /.contact-form -->
 
-
                </div> <!-- /.col-md-6 -->
 
-
            </div> <!-- /.row -->
 
-
        </div> <!-- /.container -->
 
-
    </div> <!-- /#products -->
 
-
    <div class="site-footer">
 
-
        <div class="container">
 
-
            <div class="row">
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <span>Copyright &copy; 2084 <a href="#">Company Name</a> - <a href="http://www.cssmoban.com/">Free HTML5 Template</a> Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></span>
 
-
                </div> <!-- /.col-md-6 -->
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <ul class="social">
 
-
                        <li><a href="#" class="fa fa-facebook"></a></li>
 
-
                        <li><a href="#" class="fa fa-twitter"></a></li>
 
-
                        <li><a href="#" class="fa fa-instagram"></a></li>
 
-
                        <li><a href="#" class="fa fa-linkedin"></a></li>
 
-
                        <li><a href="#" class="fa fa-rss"></a></li>
 
-
                    </ul>
 
-
                </div> <!-- /.col-md-6 -->
 
-
            </div> <!-- /.row -->
 
-
        </div> <!-- /.container -->
 
-
    </div> <!-- /.site-footer -->
 
-
   
 
-
    <script src="js/vendor/jquery-1.10.1.min.js"></script>
 
-
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
 
-
    <script src="js/jquery.easing-1.3.js"></script>
 
-
    <script src="js/bootstrap.js"></script>
 
-
    <script src="js/plugins.js"></script>
 
-
    <script src="js/main.js"></script>
 
-
    <!--  Free HTML5 Template by http://www.cssmoban.com -->
 
</body>
</body>
</html>
</html>
-
</html>
+
 
 +
{{Team:Tsinghua-A/Footer}}
 +
{{Team:Tsinghua-A/Script}}

Latest revision as of 03:01, 18 October 2014

Title

Introduction

Transactivator-Like Effectors (TALEs) are a technology that once revolutionized the way researchers manipulate DNA with exceptional site specificity.Though it works well in eukaryotic organisms, it is not available in prokaryotic organisms. We come up with the idea that the long repeating sequence of the TALEs coding sequence leads to it. In our project, we attempt to construct a marvelous TALEs system which can efficiently work in prokaryotic organisms. By optimizing the TALEs coding sequence with modeling methods and testing it by Golden Gate Assembly and Report System, we hope we can have a handle tool for gene editing in prokaryotic organisms.

Project

Background, hypothesis and workflow of designer TALE.

Modeling

Optimization of TALE sequence and simulation of the gene circuit.

Human Practice

Lectures, seminar, questionnaires and raising ethic problems.

Team

Department of Automatics, Life Science and Medical School.

Team

Title

Acknowledgements

Title

Retrieved from "http://2014.igem.org/Team:Tsinghua-A"