Difference between revisions of "Team:EPF Lausanne/Test"

 
(141 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{:Team:EPF_Lausanne/Header}}
+
{{:Team:EPF_Lausanne/Top_Nav}}
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html>
+
 
<body>
 
<body>
    <!-- SLIDER -->
+
 
     <div id="full-size" class="slider-section">
+
     <div class="carousel slide" id="carousel-home">
        <div class="container">
+
      <div class="carousel-inner">
            <div class="row">
+
        <div class="item active">
                <div class="col-md-6">
+
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home1.png" alt="First slide">
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/5/5c/EPF_Lausanne_Arbre.png">
+
                </div>
+
                <div class="col-md-6">
+
                    <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 class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home2.png" alt="Second slide">
 +
        </div>
 +
        <div class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/9/9b/EPF_Lausanne_Home3.png" alt="Third slide">
 +
        </div>
 +
        <div class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/1/1a/EPF_Lausanne_Home4.png" alt="Fourth slide">
 +
        </div>
 +
      </div>
 +
      <a href="#carousel-home" class="left carousel-control" data-slide="prev">
 +
        <span class="icon-prev"></span>
 +
      </a><!-- end left control -->
 +
      <a href="#carousel-home" class="right carousel-control" data-slide="next">
 +
        <span class="icon-next"></span>
 +
      </a>
 +
 
     </div>
 
     </div>
  
    <div id="Start" class="home-first-section-test">
+
  <section id="features">
        <div class="container">
+
    <div id="Tour-section">
            <div class="row">
+
      <img src="https://static.igem.org/mediawiki/2015/f/f6/EPF_Lausanne_Home_Button.png" alt="Take a tour" usemap="#TakeTour">
                <div class="col-md-12 col-centered">
+
 
                    <h1>Project</h1>
+
      <map name="TakeTour">
                    <div class="col-md-3">
+
        <area shape="circle" coords="162,250,105" alt="Project" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
                        <a href="https://2015.igem.org/Team_EPF_Lausanne/Project/Background"><i class="center fa fa-history fa-2x"></i></a>
+
        <area shape="circle" coords="452,120,95" alt="Design" href="https://2015.igem.org/Team:EPF_Lausanne/Design">
                        <h2>Background</h2>
+
        <area shape="circle" coords="1002,160,110" alt="Results" href="https://2015.igem.org/Team:EPF_Lausanne/Results">
                        <p>Discover the ideas behind our project, from boolean logic to the the complete explanation of a biologic logic gate.</p>
+
        <area shape="circle" coords="642,360,160" alt="Tour" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
                    </div>
+
        <area shape="circle" coords="962,540,105" alt="Modeling" href="https://2015.igem.org/Team:EPF_Lausanne/Modeling">
                    <div class="col-md-3">
+
        <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
                        <i class="center fa fa-search fa-2x"></i>
+
        <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">
                        <h2>Description</h2>
+
      </map>
                        <p>Understand our project in the smallest details and explore the world of CRISPR-dCas9 with us.</p>
+
                    </div>
+
                    <div class="col-md-3">
+
                        <i class="center fa fa-rocket fa-2x"></i>
+
                        <h2>Applications</h2>
+
                        <p>Need a biosensor? Want a bacteria that could 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">
+
                        <i class="center fa fa-code fa-2x"></i>
+
                        <h2>Modelling</h2>
+
                        <p>Having a robust system is the key to devise a new concept and testing it in silico before ordering the expensive parts.</p>
+
                    </div>
+
                    <h1>Achievements</h1>
+
                    <div class="col-md-3">
+
                        <i class="center fa fa-flask fa-2x"></i>
+
                        <h2>In Vivo</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-3">
+
                        <i class="center fa fa-laptop fa-2x"></i>
+
                        <h2>In Silico</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-3">
+
                        <i class="center fa fa-legal fa-2x"></i>
+
                        <h2>Judging</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-3">
+
                        <i class="center fa fa-puzzle-piece fa-2x"></i>
+
                        <h2>Parts</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>                     
+
                    <h1>Policy & Practices</h1>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-eye fa-2x"></i>
+
                        <h2>Ethics</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-bomb fa-2x"></i>
+
                        <h2>Safety</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-comments fa-2x"></i>
+
                        <h2>Human Practices</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>                 
+
                    <h1>Notebook</h1>
+
                    <div class="col-md-4">
+
                        <!--<img width="23px" heigt="23px" src="https://static.igem.org/mediawiki/2015/7/74/EPF_Lausanne_ecoli_icon.png">-->
+
                        <i class="center fa fa-search fa-2x"></i>
+
                        <h2>E. coli</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-beer fa-2x"></i>
+
                        <h2>Yeast</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-book fa-2x"></i>
+
                        <h2>Protocols</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>                 
+
                    <h1>Team</h1>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-users fa-2x"></i>
+
                        <h2>Meet us</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-calendar fa-2x"></i>
+
                        <h2>Timeline</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>
+
                    <div class="col-md-4">
+
                        <i class="center fa fa-bullhorn fa-2x"></i>
+
                        <h2>Aknowledgements</h2>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae ultricies turpis, a sollicitudin lacus. Sed mattis tempus laoreet. Aliquam ullamcorper, ante malesuada luctus pretium, quam urna interdum justo, vel.</p>
+
                    </div>                 
+
            </div>
+
        </div>
+
 
     </div>
 
     </div>
 +
 +
  </section>
 
</body>
 
</body>
 
</html>
 
</html>
{{:Team:EPF_Lausanne/Footer}}
+
{{:Team:EPF_Lausanne/Test/footer}}

Latest revision as of 11:07, 16 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

NOT PROOFREAD