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="# | + | <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=" | + | <div id="Highschool" class="tab-pane fade"> |
− | <h3> | + | <h3>Highschool day</h3> |
− | <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
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.