|
|
| (14 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{:Team:EPF_Lausanne/Test/Top_Nav}} | + | {{:Team:EPF_Lausanne/Top_Nav}} |
| | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> |
| | + | <body> |
| | | | |
| − | <body id="Content" data-spy="scroll" data-target="#myScrollspy" data-offset="20"> | + | <div class="carousel slide" id="carousel-home"> |
| − | | + | <div class=" carousel- inner"> |
| − | <div id="full-size"> | + | <div class="item active"> |
| − | <div class="container"> | + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/ 4/ 4b/ EPF_Lausanne_Home1.png" alt=" First slide"> |
| − | <div class="row">
| + | |
| − | <div class="col-md-6">
| + | |
| − | <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/ 5/ 5c/ EPF_Lausanne_Arbre.png" > | + | |
| − | </div>
| + | |
| − | <div class="col-md-6" id="Welcome-section">
| + | |
| − | <h1>Bio LOGIC</h1>
| + | |
| − | <h2>Logic Orthogonal gRNA Implemented Circuits</h2>
| + | |
| − | <p>Engineering transcriptional logic gates to program cellular behavior remains an important challenge for synthetic biology. Currently, genetic circuits reproducing digital logic are limited in scalability and robustness by output discrepancies and crosstalk between transcriptional pathways. We propose to address these issues using RNA-guided dCas9 fused to a transcription activation domain as a programmable transcription factor.</p>
| + | |
| − | <h3>Read More</h3>
| + | |
| − | <a href="#Start"><i class="fa fa-arrow-circle-down fa-3x"></i></a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | </div> <!--/Welcome-section-->
| + | <div class="item"> |
| − | <div id="Start" class="home-first-section">
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/6/60/EPF_Lausanne_Home5.png" alt="Second slide"> |
| − | <div class="container">
| + | </div> |
| − | <div class="row"> | + | |
| − | <div class="col-md-12 col-centered">
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home2.png" alt="Third slide"> |
| − | <div class="col-md-12">
| + | </div> |
| − | <h1>Project</h1>
| + | |
| − | <div class="col-md-3">
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/9/9b/EPF_Lausanne_Home3.png" alt="Fourth slide"> |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Background">
| + | </div> |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-history fa-2x"></i>
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/1/1a/EPF_Lausanne_Home4.png" alt="Fifth slide"> |
| − | <h2>Background</h2>
| + | </div> |
| − | <p>Discover the ideas behind our project, from boolean logic to the the complete explanation of a biologic logic gate.</p>
| + | </div> |
| − | </div>
| + | <a href=" #carousel- home" class=" left carousel- control" data- slide=" prev"> |
| − | </a>
| + | <span class="icon-prev"></span> |
| − | </div>
| + | </a><!-- end left control --> |
| − | <div class="col-md-3">
| + | <a href=" #carousel-home" class=" right carousel- control" data- slide=" next"> |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
| + | <span class="icon-next"></span> |
| − | | + | </a> |
| − | <i class="center fa fa-search fa-2x"></i>
| + | </div> |
| − | <h2>Description</h2>
| + | |
| − | <p>Understand our project in the smallest details and explore the world of CRISPR-dCas9 with us.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Applications">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-rocket fa-2x"></i>
| + | |
| − | <h2>Applications</h2>
| + | |
| − | <p>Need a biosensor? Want a bacteria that can depollute a lake? Here are a few examples of how you could apply our technology for your own designs.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Modeling">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-code fa-2x"></i>
| + | |
| − | <h2>Modeling</h2>
| + | |
| − | <p>Having a robust system is the key when devising new concepts. It enables testing in silico before ordering the expensive parts...</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <h1>Achievements</h1>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Achivements/Vivo">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-flask fa-2x"></i>
| + | |
| − | <h2>In Vivo</h2>
| + | |
| − | <p>Our achievements in the wet-lab, the result of a summer in the cold labrooms.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Silico">
| + | |
| − | | + | |
| − | <i class="center fa fa-laptop fa-2x"></i>
| + | |
| − | <h2>In silico</h2>
| + | |
| − | <p>What we were able to do using the computer.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Judging">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-legal fa-2x"></i>
| + | |
| − | <h2>Judging</h2></a>
| + | |
| − | <p>The criterias that we fulfilled for the different medals.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href=" https://2015.igem.org/Team:EPF_Lausanne/Achievements/Parts"> | + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-puzzle-piece fa-2x"></i>
| + | |
| − | <h2>Parts</h2>
| + | |
| − | <p>iGEM is all about Biobricks. Here is our contribution to this expanding library.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-12">
| + | |
| − | <h1>Policy and Practices</h1>
| + | |
| − | <div class="col-md-4">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-eye fa-2x"></i>
| + | |
| − | <h2>Ethics</h2>
| + | |
| − | <p>Is working on the genome ethically correct? We tried to answer to this question.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-4">
| + | |
| − | <a href=" https://2015.igem.org/Team:EPF_Lausanne/Practices" > | + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-bomb fa-2x"></i>
| + | |
| − | <h2>Safety</h2>
| + | |
| − | <p>Doing safe work with small organisms can be dangerous. Here is what we did to protect ourselves and the environment.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-4">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-comments fa-2x"></i>
| + | |
| − | <h2>Human Practices</h2>
| + | |
| − | <p>We do good ! Don't listen to the mass media.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="col-md-12">
| |
| − | <h1>Notebook</h1>
| |
| − | <div class="col-md-4">
| |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Ecoli">
| |
| − | <div class="panel">
| |
| − | <i class="center fa fa-bug fa-2x"></i>
| |
| − | <h2>E. coli</h2>
| |
| − | <p>See how we planned our summer and how it went for the E.coli team.</p>
| |
| − | </div>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-md-4">
| |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
| |
| − | <div class="panel">
| |
| − | <i class="center fa fa-beer fa-2x"></i>
| |
| − | <h2>Yeast</h2>
| |
| − | <p>Even if we used a beer icon Yeasts are not all about beer, discover how we experimented with this tough organism.</p>
| |
| − | </div>
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-md-4">
| |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
| |
| − | <div class="panel">
| |
| − | <i class="center fa fa-comments fa-2x"></i>
| |
| − | <h2>Protocols</h2>
| |
| − | <p>These are the protocols that you need if you want to redo our work.</p>
| |
| − | </div>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <div class="col-md-12">
| + | <section id="features"> |
| − | <h1>Team</h1>
| + | |
| − | | + | <img src="https://static.igem.org/mediawiki/2015/f/f6/EPF_Lausanne_Home_Button.png" alt="Take a tour" usemap="#TakeTour"> |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">
| + | |
| − | <div class="panel">
| + | <map name="TakeTour"> |
| − | <i class="center fa fa-users fa-2x"></i>
| + | <area shape="circle" coords="162,250,105" alt="Project" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description"> |
| − | <h2>Meet us!</h2>
| + | <area shape="circle" coords="452,120,95" alt="Design" href="https://2015.igem.org/Team:EPF_Lausanne/Design"> |
| − | <p>Brief description of who is who and for what (s)he is renowned.</p>
| + | <area shape="circle" coords="1002,160,110" alt="Results" href="https://2015.igem.org/Team:EPF_Lausanne/Results"> |
| − | </div>
| + | <area shape="circle" coords="642,360,160" alt="Tour" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description"> |
| − | </a>
| + | <area shape="circle" coords="962,540,105" alt="Modeling" href="https://2015.igem.org/Team:EPF_Lausanne/Modeling"> |
| − | </div>
| + | <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices"> |
| − | <div class="col-md-3">
| + | <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet"> |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Timeline">
| + | </map> |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-calendar fa-2x"></i>
| + | |
| − | <h2>Timeline</h2>
| + | |
| − | <p>How did our summer go?</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Aknowledgement">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-bullhorn fa-2x"></i>
| + | |
| − | <h2>Aknowledgements</h2>
| + | |
| − | <p>We are thankfull to all the people that helped us.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-md-3">
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Attributions">
| + | |
| − | <div class="panel">
| + | |
| − | <i class="center fa fa-pie-chart fa-2x"></i>
| + | |
| − | <h2>Attributions</h2>
| + | |
| − | <p>What you do is what you get.</p>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | </div> <!--/home-first-section--> | + | |
| | + | </section> |
| | </body> | | </body> |
| | </html> | | </html> |
| − | {{:Team:EPF_Lausanne/Test/footer}} | + | {{:Team:EPF_Lausanne/Footer}} |
