Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
 
(75 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+
{{Team:Tsinghua-A/Style}}
 +
{{Team:Tsinghua-A/Killbanner}}
 +
{{Team:Tsinghua-A/Menubar}}
<html>
<html>
 +
<body>
-
<head>
+
  <!-- Carousel -->
-
<title>PlusBusiness</title>
+
   <div id="header" class="carousel slide animated fadeIn">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
     <div class="carousel-inner">
-
<meta http-equiv="imagetoolbar" content="no" />
+
     
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/tables?action=raw&ctype=text/css" type="text/css" />
+
       <!--Item One-->
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/forms?action=raw&ctype=text/css" type="text/css" />
+
      <div class="item one active">
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/layout?action=raw&ctype=text/css" type="text/css" />
+
        <div class="container animated fadeInUp">
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/slide?action=raw&ctype=text/css" type="text/css" />
+
           <div class="carousel-caption">
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/navi?action=raw&ctype=text/css" type="text/css" />
+
             <h1>Welcome to Tsinghua-A Team Wiki</h1>
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/pack?action=raw&ctype=text/javascript" type="text/javascript" />
+
             <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>
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/setup?action=raw&ctype=text/javascript" type="text/javascript" />
+
-
<link rel="stylesheet" href="https://2014.igem.org/Team:Tsinghua-A/141min?action=raw&ctype=text/javascript" type="text/javascript" />
+
-
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
+
-
 
+
-
</head>
+
-
<body id="top">
+
-
<!-- ####################################################################################################### -->
+
-
<div class="wrapper col1">
+
-
   <div id="header">
+
-
    <div id="logo">
+
-
      <h1><a href="#">+Business</a></h1>
+
-
      <p>Free CSS Website Template</p>
+
-
     </div>
+
-
    <div id="topnav">
+
-
      <ul>
+
-
        <li class="active"><a href="index.html">Home</a></li>
+
-
        <li><a href="style-demo.html">Style Demo</a></li>
+
-
        <li><a href="full-width.html">Full Width</a></li>
+
-
        <li><a href="#">DropDown</a>
+
-
          <ul>
+
-
            <li><a href="#">Link 1</a></li>
+
-
            <li><a href="#">Link 2</a></li>
+
-
            <li><a href="#">Link 3</a></li>
+
-
          </ul>
+
-
        </li>
+
-
        <li class="last"><a href="#">A Long Link Text</a></li>
+
-
       </ul>
+
-
    </div>
+
-
    <br class="clear" />
+
-
  </div>
+
-
</div>
+
-
<!-- ####################################################################################################### -->
+
-
<div class="wrapper col2">
+
-
  <div id="featured_slide">
+
-
    <div id="featured_content">
+
-
      <ul>
+
-
        <li><img src="images/1.jpg" alt="" />
+
-
           <div class="floater">
+
-
             <h2>About This Template !</h2>
+
-
             <p>This is a W3C standards compliant free website template from <a href="http://www.mycodes.net/">源码之家</a>. This template is distributed using a <a href="#">Website Template Licence</a>, which allows you to use and modify the template for both personal and commercial use when you keep the provided credit links in the footer. For more CSS templates visit <a href="#">Free Website Templates</a>.</p>
+
-
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+
           </div>
           </div>
-
         </li>
+
         </div>
-
        <li><img src="images/2.jpg" alt="" />
+
      </div>
-
           <div class="floater">
+
     
-
             <h2>Cursus penati saccum ut curabitur nulla.</h2>
+
      <!--Item Two-->
-
             <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum&hellip;</p>
+
      <div class="item two">
-
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+
        <div class="container">
 +
     
 +
           <div class="carousel-caption">
 +
             <h1>Welcome to Tsinghua-A Team Wiki</h1>
 +
             <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>
           </div>
           </div>
-
         </li>
+
         </div>
-
        <li><img src="images/3.jpg" alt="" />
+
      </div>
-
           <div class="floater">
+
     
-
             <h2>Cursus penati saccum ut curabitur nulla.</h2>
+
      <!--Item Three-->
-
             <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum&hellip;</p>
+
      <div class="item three">
-
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+
        <div class="container">
 +
       
 +
           <div class="carousel-caption">
 +
             <h1>Welcome to Tsinghua-A Team Wiki</h1>
 +
             <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>
           </div>
-
         </li>
+
         </div>
-
       </ul>
+
       </div>
 +
     
     </div>
     </div>
-
     <a href="javascript:void(0);" id="featured-item-prev"><img src="images/prev.png" alt="" /></a> <a href="javascript:void(0);" id="featured-item-next"><img src="images/next.png" alt="" /></a> </div>
+
     <a class="left carousel-control hidden-phone" href="#header" data-slide="prev"></a>
-
</div>
+
    <a class="right carousel-control hidden-phone" href="#header" data-slide="next"></a>
-
<!-- ####################################################################################################### -->
+
  </div><!-- /.carousel -->
-
<div class="wrapper col3">
+
 
-
  <div id="container">
+
 
-
     <div class="homepage">
+
 
-
       <ul>
+
 
-
        <li>
+
<section id="message">
-
          <h2><img src="images/4.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
+
     <div class="container">
-
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
+
       <div class="row-fluid">
-
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+
        <div class="span12 text-center">
-
        </li>
+
        <h2> Introduction </h2>
-
        <li>
+
           <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.
-
          <h2><img src="images/5.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
+
 
-
           <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
+
<h3>
-
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+
 
-
        </li>
+
        </div>
-
        <li class="last">
+
 
-
          <h2><img src="images/6.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
+
 
-
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
+
       </div>
-
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
+
-
        </li>
+
-
       </ul>
+
-
      <br class="clear" />
+
     </div>
     </div>
-
   </div>
+
   </section>
 +
 
 +
 
 +
<section>
 +
<div class="span12 text-centre">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2014/0/08/Tsinghua-A_Wishtobethefinal.jpg">
 +
 
 +
</img>
</div>
</div>
-
<!-- ####################################################################################################### -->
+
 
-
<div class="wrapper col4">
+
</section>
-
  <div id="footer">
+
 
-
    <div class="box1">
+
  <!--Services Section-->
-
      <h2>A Little Company Information !</h2>
+
  <section id="services">
-
      <img class="imgl" src="images/demo/imgl.gif" alt="" />
+
    <div class="container">
-
      <p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>
+
      <div class="row-fluid">
-
      <p>Portortornec condimenterdum eget consectetuer condis.</p>
+
       
 +
        <!--Service Section One-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="https://2014.igem.org/Team:Tsinghua-A/Project">
 +
            <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/5/57/Tsinghua-A-project.jpg" alt="">
 +
            <h2>Project</h2>
 +
            <p>Background, hypothesis and workflow of designer TALE. </p>
 +
          </a>
 +
        </div>
 +
       
 +
        <!--Service Section Two-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="https://2014.igem.org/Team:Tsinghua-A/Modeling">
 +
          <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/2/24/Tsinghua-A-modeling3.jpg" alt="">
 +
            <h2>Modeling</h2>
 +
            <p>Optimization of TALE sequence and simulation of the gene circuit. </p>
 +
          </a>
 +
        </div>
 +
       
 +
        <!--Service Section Three-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice">
 +
            <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/c/c9/Tsinghua-A_HP.jpg" alt="">
 +
            <h2>Human Practice</h2>
 +
            <p>Lectures, seminar, questionnaires and raising ethic problems.  </p>
 +
          </a>
 +
        </div>
 +
       
 +
        <!--Service Section Three-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="https://2014.igem.org/Team:Tsinghua-A/Team">
 +
            <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/8/8e/Tsinghua-A_team.jpg" alt="">
 +
            <h2>Team</h2>
 +
            <p>Department of Automatics, Life Science and Medical School. </p>
 +
          </a>
 +
        </div>
 +
 
 +
      </div>
     </div>
     </div>
-
    <div class="box contactdetails">
+
  </section>
-
      <h2>Our Contact Details !</h2>
+
 
-
      <ul>
+
<section id="team">
-
        <li>Company Name</li>
+
  <div class="image-break"> </div>
-
        <li>Street Name &amp; Number</li>
+
 
-
        <li>Town</li>
+
  <div class="container">
-
         <li>Postcode/Zip</li>
+
     
-
        <li>Tel: xxxxx xxxxxxxxxx</li>
+
      <div class="row-fluid">
-
        <li>Fax: xxxxx xxxxxxxxxx</li>
+
         <div class="span12">
-
        <li>Email: info@domain.com</li>
+
  <h2> Team </h2>
-
        <li class="last">LinkedIn: <a href="#">Company Profile</a></li>
+
      <img src="https://static.igem.org/mediawiki/2014/7/70/Tsinghua-A_team.png" alt="Title">
-
       </ul>
+
 
 +
                   
 +
        </div>
 +
       </div>
 +
         
 +
     </div>
     </div>
-
    <div class="box flickrbox">
+
  </section>
-
      <h2>Latest Flickr Images !</h2>
+
 
-
      <div class="wrap">
+
 
-
        <div class="fix"></div>
+
 
-
        <div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
+
<!--Clients Section-->
-
        <div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
+
  <section id="Acknoledgements">
-
         <div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
+
  <div class="image-break"> </div>
-
        <div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
+
 
-
        <div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
+
  <div class="container">
-
        <div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
+
     
-
         <div class="fix"></div>
+
      <div class="row-fluid">
 +
         <div class="span12">
 +
          <h2> Acknowledgements </h2>
 +
                    <img src="https://static.igem.org/mediawiki/2014/4/45/Tsinghua-A_acc.png" alt="Title">
 +
         </div>
       </div>
       </div>
 +
         
 +
     </div>
     </div>
-
    <br class="clear" />
+
   </section>
-
   </div>
+
 
-
</div>
+
 
-
<!-- ####################################################################################################### -->
+
 
-
<div class="wrapper col5">
+
 
-
  <div id="copyright">
+
-
    <p class="fl_left">Copyright &copy; 2011 - All Rights Reserved - <a href="#">Domain Name</a></p>
+
 
-
    <p class="fl_right">Template from <a href="http://www.mycodes.net/" title="源码之家">网站模板</a></p>
+
 
-
    <br class="clear" />
+
 
-
  </div>
+
-
</div>
+
</body>
</body>
</html>
</html>
 +
 +
{{Team:Tsinghua-A/Footer}}
 +
{{Team:Tsinghua-A/Script}}

Latest revision as of 03:01, 18 October 2014

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.

Team

Title

Acknowledgements

Title