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

Line 1: Line 1:
 
{{:Team:EPF_Lausanne/Test/Top_Nav}}
 
{{:Team:EPF_Lausanne/Test/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">
 
+
<style type="text/css">
 +
#Highschool > ul {
 +
          padding:0 0 0 0;
 +
          margin:0 0 0 0;
 +
      }
 +
  #Highschool > ul li {
 +
          list-style:none;
 +
          margin-bottom:25px;
 +
      }
 +
  #Highschool > ul li img {
 +
          cursor: pointer;
 +
      }
 +
</style>
 
<div class="classy-bar">
 
<div class="classy-bar">
 
<div class="container">
 
<div class="container">
Line 48: Line 60:
 
   <ul class="nav nav-tabs nav-justified">
 
   <ul class="nav nav-tabs nav-justified">
 
     <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
 
     <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
     <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
+
     <li><a data-toggle="tab" href="#Highschool">Highschool day</a></li>
 
     <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
 
     <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
 
     <li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
 
     <li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
Line 59: Line 71:
 
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
     </div>
 
     </div>
     <div id="menu1" class="tab-pane fade">
+
     <div id="Highschool" class="tab-pane fade">
       <h3>Menu 1</h3>
+
       <h3>Highschool day</h3>
       <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti excepturi doloremque dolor dignissimos velit esse repellat molestiae, dolorem. Distinctio, harum totam quis doloribus asperiores illo perspiciatis veritatis facilis, est quas quae! Perspiciatis maiores sapiente temporibus. Corporis ipsum facere eveniet, debitis fugiat eaque autem nulla eligendi aut. Earum vitae eos alias nulla velit unde esse quod hic accusantium fugit dolore natus nobis ut quasi nam distinctio quo animi et, illum aliquam atque asperiores nihil est itaque. Aspernatur repellendus, exercitationem quasi est reprehenderit voluptate, ullam similique excepturi facilis quis ducimus ipsum esse sequi, earum reiciendis! Aperiam explicabo at quae porro, cupiditate illum eius laboriosam esse iusto dolore repellendus vero magnam, doloribus praesentium expedita voluptatum repellat aut. Voluptas, tempora quibusdam, repudiandae, facere earum quos maiores ducimus id laboriosam iusto nihil ea! Quod tempore laborum, qui dignissimos laboriosam, iusto quis, id fugiat aut dolorem tenetur commodi provident velit itaque reprehenderit repellat nulla temporibus eum. Reprehenderit delectus repellat fuga recusandae impedit modi praesentium esse vero natus enim. Incidunt quidem repellat dolore quo officiis rem illo animi possimus sequi assumenda quod culpa sit earum, vitae exercitationem voluptas sapiente explicabo perferendis tempora, voluptatum in? Rem tempora nobis, cumque dicta ratione impedit, similique necessitatibus. Cum numquam omnis, nesciunt sed, culpa minima incidunt mollitia nulla consectetur? Culpa, vitae, sequi rerum saepe doloribus error odio itaque harum suscipit laudantium quod in minus commodi vero laboriosam recusandae aspernatur repellat corporis repellendus. Aut eligendi hic ratione, cum cumque odit iure doloremque nemo iste iusto ducimus molestiae modi alias assumenda, beatae deserunt at.</p>
 +
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
      <div class="modal-dialog">
 +
        <div class="modal-content">
 +
          <div class="modal-body">
 +
<div class="container">
 +
<ul>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/5/5b/EPF_Lausanne_Joseph_Cyril_Nina_Depart.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/9/9d/EPF_Lausanne_Cyril_Presentation.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/6/6a/EPF_Lausanne_mini_iGEM_Rocco.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/f/fd/EPF_Lausanne_Pipetting.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/9/9e/EPF_Lausanne_Emilie_Lab.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/a/a4/EPF_Lausanne_Logic_Circuits_Lab.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/c/c0/EPF_Lausanne_LabWork_Gymnase.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/a/ad/EPF_Lausanne_Debat_Ethic_Naturaliste.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/2/26/EPF_Lausanne_mini_iGEM_Presentation1.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/7/7c/EPF_Lausanne_mini_iGEM_Presentation2.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/3/36/EPF_Lausanne_mini_iGEM_Presentation3.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/a/a3/EPF_Lausanne_Gymnase_Day_Hall_SV.jpg" alt="Highschool Day"></li>
 +
<li class="col-lg-2 col-md-2 col-xs-4"><img src="https://static.igem.org/mediawiki/2015/d/d8/EPF_Lausanne_Gymnase_Day_Group_Photo.jpg" alt="Highschool Day"></li>
 +
</ul>
 +
</div>
 +
          </div>
 +
        </div><!-- /.modal-content -->
 +
      </div><!-- /.modal-dialog -->
 +
    </div><!-- /.modal -->
 +
 
 
     </div>
 
     </div>
 
     <div id="menu2" class="tab-pane fade">
 
     <div id="menu2" class="tab-pane fade">
Line 78: Line 116:
 
</div>
 
</div>
  
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
          $('li img').on('click',function(){
 +
                var src = $(this).attr('src');
 +
                var img = '<img src="' + src + '" class="img-responsive"/>';
 +
                $('#myModal').modal();
 +
                $('#myModal').on('shown.bs.modal', function(){
 +
                    $('#myModal .modal-body').html(img);
 +
                });
 +
                $('#myModal').on('hidden.bs.modal', function(){
 +
                    $('#myModal .modal-body').html('');
 +
                });
 +
          });
 +
        })
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{:Team:EPF_Lausanne/Test/footer}}

Revision as of 08:41, 11 September 2015

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

Practices

Mini iGEM

Name Description
PestiBac Bacteria substituting pesticides. These bacteria live on the leaves of the plants and secrete repelling substances. These bacteria have sensor in order to die if not in contact with the target plant or if they came in contact with animal's saliva. In addition they are modified to have a shorter lifetime, in order to limit population growth.

HOME

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Highschool day

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti excepturi doloremque dolor dignissimos velit esse repellat molestiae, dolorem. Distinctio, harum totam quis doloribus asperiores illo perspiciatis veritatis facilis, est quas quae! Perspiciatis maiores sapiente temporibus. Corporis ipsum facere eveniet, debitis fugiat eaque autem nulla eligendi aut. Earum vitae eos alias nulla velit unde esse quod hic accusantium fugit dolore natus nobis ut quasi nam distinctio quo animi et, illum aliquam atque asperiores nihil est itaque. Aspernatur repellendus, exercitationem quasi est reprehenderit voluptate, ullam similique excepturi facilis quis ducimus ipsum esse sequi, earum reiciendis! Aperiam explicabo at quae porro, cupiditate illum eius laboriosam esse iusto dolore repellendus vero magnam, doloribus praesentium expedita voluptatum repellat aut. Voluptas, tempora quibusdam, repudiandae, facere earum quos maiores ducimus id laboriosam iusto nihil ea! Quod tempore laborum, qui dignissimos laboriosam, iusto quis, id fugiat aut dolorem tenetur commodi provident velit itaque reprehenderit repellat nulla temporibus eum. Reprehenderit delectus repellat fuga recusandae impedit modi praesentium esse vero natus enim. Incidunt quidem repellat dolore quo officiis rem illo animi possimus sequi assumenda quod culpa sit earum, vitae exercitationem voluptas sapiente explicabo perferendis tempora, voluptatum in? Rem tempora nobis, cumque dicta ratione impedit, similique necessitatibus. Cum numquam omnis, nesciunt sed, culpa minima incidunt mollitia nulla consectetur? Culpa, vitae, sequi rerum saepe doloribus error odio itaque harum suscipit laudantium quod in minus commodi vero laboriosam recusandae aspernatur repellat corporis repellendus. Aut eligendi hic ratione, cum cumque odit iure doloremque nemo iste iusto ducimus molestiae modi alias assumenda, beatae deserunt at.

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits

NOT PROOFREAD