Difference between revisions of "Team:EPF Lausanne"

 
(21 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="item">
            <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="item">
                    <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"
+
        <div class="item">
                          <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 panel">
+
      <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>
                        <i class="center fa fa-search fa-2x"></i>
+
      </a>
                        <h2>Description</h2>
+
    </div>
                        </a>
+
                        <p>Understand our project in the smallest details and explore the world of CRISPR-dCas9 with us.</p>
+
                    </div>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Applications">
+
                        <i class="center fa fa-rocket fa-2x"></i>
+
                        <h2>Applications</h2>
+
                    </a>
+
                        <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>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Modelling">
+
                        <i class="center fa fa-code fa-2x"></i>
+
                        <h2>Modelling</h2>
+
                        </a>
+
                        <p>Having a robust system is the key when devising new concepts. It enables testing in silico before ordering the expensive parts...</p>
+
                    </div>
+
            </div>
+
                <div class="col-md-12">
+
                    <h1>Achievements</h1>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Achivements/Vivo">
+
                        <i class="center fa fa-flask fa-2x"></i>
+
                        <h2>In Vivo</h2>
+
                        </a>
+
                        <p>Our achievements in the wet-lab, the result of a summer in the cold labrooms.</p>
+
                    </div>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Silico">
+
                        <i class="center fa fa-laptop fa-2x"></i>
+
                        <h2>In silico</h2>
+
                        </a>
+
                        <p>What we were able to do using the computer.</p>
+
                    </div>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Judging">
+
                        <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>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Parts">
+
                        <i class="center fa fa-code fa-2x"></i>
+
                    <h2>Parts</h2>
+
                    </a>
+
                        <p>iGEM is all about Biobricks. Here is our contribution to this expanding library.</p>
+
                    </div>
+
            </div>
+
                <div class="col-md-12">
+
                    <h1>Policy and Practices</h1>
+
                    <div class="col-md-4 panel">
+
                    <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
+
                    <i class="center fa fa-eye fa-2x"></i>
+
                    <h2>Ethics</h2>
+
                    </a>
+
                    <p>Is working on the genome ethically correct? We tried to answer to this question.</p>
+
                    </div>
+
                    <div class="col-md-4 panel">
+
                    <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
+
                    <i class="center fa fa-bomb fa-2x"></i>
+
                    <h2>Safety</h2>
+
                    </a>
+
                    <p>Doing safe work with small organisms can be dangerous. Here is what we did to protect ourselves and the environment.</p>
+
                    </div>
+
                    <div class="col-md-4 panel">
+
                    <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
+
                    <i class="center fa fa-comments fa-2x"></i>
+
                    <h2>Human Practices</h2>
+
                    </a>
+
                    <p>We do good ! Don't listen to the mass media.</p>
+
                    </div>
+
            </div>
+
  
                <div class="col-md-12">
 
                <h1>Notebook</h1>
 
                    <div class="col-md-4 panel">
 
                    <a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Ecoli">
 
                    <i class="center fa fa-bug fa-2x"></i>
 
                    <h2>E. coli</h2>
 
                    </a>
 
                    <p>See how we planned our summer and how it went for the E.coli team.</p>
 
                    </div>
 
                    <div class="col-md-4 panel">
 
                    <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
 
                    <i class="center fa fa-beer fa-2x"></i>
 
                    <h2>Yeast</h2>
 
                    </a>
 
                    <p>Even if we used a beer icon Yeasts are not all about beer, discover how we experimented with this tough organism.</p>
 
                    </div>
 
                    <div class="col-md-4 panel">
 
                    <a href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
 
                    <i class="center fa fa-comments fa-2x"></i>
 
                    <h2>Protocols</h2>
 
                    </a>
 
                    <p>These are the protocols that you need if you want to redo our work.</p>
 
                    </div>
 
                </div>
 
  
                <div class="col-md-12">
+
  <section id="features">
                <h1>Team</h1>
+
    <div id="Tour-section">
                    <div class="col-md-3 panel">
+
      <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">
+
 
                        <i class="center fa fa-users fa-2x"></i>
+
      <map name="TakeTour">
                        <h2>Meet us!</h2>
+
        <area shape="circle" coords="162,250,105" alt="Project" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
                        </a>
+
        <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">
                    <div class="col-md-3 panel">
+
        <area shape="circle" coords="962,540,105" alt="Modeling" href="https://2015.igem.org/Team:EPF_Lausanne/Modeling">
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Timeline">
+
        <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
                        <i class="center fa fa-calendar fa-2x"></i>
+
        <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">
                        <h2>Timeline</h2>
+
      </map>
                        </a>
+
                        <p>How did our summer go?</p>
+
                    </div>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Aknowledgement">
+
                        <i class="center fa fa-bullhorn fa-2x"></i>
+
                        <h2>Aknowledgements</h2></a>
+
                        <p>We are thankfull to all the people that helped us.</p>
+
                    </div>
+
                    <div class="col-md-3 panel">
+
                        <a href="https://2015.igem.org/Team:EPF_Lausanne/Attributions">
+
                        <i class="center fa fa-pie-chart fa-2x"></i>
+
                    <h2>Attributions</h2>
+
                    </a>
+
                        <p>What you do is what you get.</p>
+
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
 
     </div>
 
     </div>
</div> <!--/home-first-section-->
+
 
 +
  </section>
 
</body>
 
</body>
 
</html>
 
</html>
{{:Team:EPF_Lausanne/Test/footer}}
+
{{:Team:EPF_Lausanne/Footer}}

Latest revision as of 02:28, 19 September 2015

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits

Take a tour Project Design Results Tour Modeling Practices meetus
EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits