Albagoutiel (Talk | contribs) |
|||
Line 1: | Line 1: | ||
+ | {{:Team:Valencia_UPV/Templates:headerUPV}} | ||
− | |||
− | |||
− | |||
− | <style> | + | <section> |
− | .col-md-6.col-sm-6 | + | <div class="container-fluid"> |
− | + | <div class="row"> | |
− | + | <!--TILE--> | |
− | <style> | + | <div class="col-md-4 col-sm-6"> |
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/c/c5/T--Valencia_UPV--ivanLechera.jpg');background-position-y:-5em"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">IVAN CASAS</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Split Cas design</li> | ||
+ | <li>Testing system design</li> | ||
+ | <li>Wetlab work</li> | ||
+ | <li>Database</li> | ||
+ | <li>data processing software</li> | ||
+ | <li>Labware tester</li> | ||
+ | <li>Giant Jamboree speaker</li> | ||
+ | <li>Safety</li> | ||
+ | <li>Human practices</li> | ||
+ | <li>Community manager</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">IVAN CASAS</span> | ||
+ | <hr> | ||
+ | <span class="quote">Biotechnologist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/5/56/T--Valencia_UPV--teamNiki.png');background-position-y:-5em;"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">MONICA GUTIERREZ</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Split Cas design</li> | ||
+ | <li>Giant Jamboree speaker</li> | ||
+ | <li>Testing system design</li> | ||
+ | <li>Wetlab work</li> | ||
+ | <li>Database</li> | ||
+ | <li>Data processing software</li> | ||
+ | <li>Labware tester</li> | ||
+ | <li>Safety</li> | ||
+ | <li>Human practices</li> | ||
+ | <li>Community manager</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">MONICA GUTIERREZ</span> | ||
+ | <hr> | ||
+ | <span class="quote">Biotechnologist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/d/d2/T--Valencia_UPV--FotoAlba.jpg'); background-position-y:-8em"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">ALBA GONZALEZ</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Testing system modelling</li> | ||
+ | <li>seek of parameters</li> | ||
+ | <li>Giant Jamboree speaker</li> | ||
+ | <li>Design scoring system</li> | ||
+ | <li>Video explicative</li> | ||
+ | <li>Poster Design</li> | ||
+ | <li>Human practices</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">ALBA GONZALEZ</span> | ||
+ | <hr> | ||
+ | <span class="quote">Biomedical Engineer</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/0/06/T--Valencia_UPV--teamAlicia.jpg')"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">ALICIA CLIMENT</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Split Cas design</li> | ||
+ | <li>Testing system design</li> | ||
+ | <li>Wetlab work</li> | ||
+ | <li>Safety</li> | ||
+ | <li>Human practices</li> | ||
+ | <li>Summer school monitor</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">ALICIA CLIMENT</span> | ||
+ | <hr> | ||
+ | <span class="quote">Biotechnologist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/c/cf/T--Valencia_UPV--FotoAlvaro.jpg'); background-position-y: -7em"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">ALVARO BALLESTEROS</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Poster Design</li> | ||
+ | <li>Seek of found</li> | ||
+ | <li>Wetlab work</li> | ||
+ | <li>Jamboree Presentation</li> | ||
+ | <li>DataBase</li> | ||
+ | <li>Summer school</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">ALVARO BALLESTEROS</span> | ||
+ | <hr> | ||
+ | <span class="quote">Biotechnologist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/3/33/T--Valencia_UPV--teamManu.png')"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">MANUEL PORTOLES</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text" style="margin-bottom:0;"> | ||
+ | <ul> | ||
+ | <li>Seek of found</li> | ||
+ | <li>Data processing software</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">MANUEL PORTOLES</span> | ||
+ | <hr> | ||
+ | <span class="quote">Computer Scientist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/5/5e/T--Valencia_UPV--FotoDani.jpg'); background-position-y: -6em"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">DANIEL PELLICER</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Lab work</li> | ||
+ | <li>rrpp</li> | ||
+ | <li>3d models</li> | ||
+ | <li>Translator</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">DANIEL PELLICER</span> | ||
+ | <hr> | ||
+ | <span class="quote">Biotechnologist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/4/49/T--Valencia_UPV--teamFran.jpg')"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">FRANCISCO GUTIERREZ</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Wiki Development</li> | ||
+ | <li>Data Processing Software</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">FRANCISCO GUTIERREZ</span> | ||
+ | <hr> | ||
+ | <span class="quote">Computer Scientist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/8/88/T--Valencia_UPV--FotoDioge.jpg')"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">DIOGENES BORT</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Seek of found</li> | ||
+ | <li>Database</li> | ||
+ | <li>Testing system design</li> | ||
+ | <li>Safety</li> | ||
+ | <li>Human practices</li> | ||
+ | <li>Wetlab work</li> | ||
+ | <li>Summer school monitor</li> | ||
+ | <li>Poster Design</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">DIOGENES BORT</span> | ||
+ | <hr> | ||
+ | <span class="quote">Biotechnologist</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/f/f4/T--Valencia_UPV--teamNobel.jpg')"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">NOBEL SANTOS</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Electronic and control Labcase design</li> | ||
+ | <li>Seek of parameters</li> | ||
+ | <li>Summer school</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">NOBEL SANTOS</span> | ||
+ | <hr> | ||
+ | <span class="quote">Electronic Engineer</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | <!--TILE--> | ||
+ | <div class="col-md-4 col-sm-6"> | ||
+ | <div class="tile"> | ||
+ | <div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/f/fb/T--Valencia_UPV--FotoXavi.jpg')"> | ||
+ | <div class="darken-tile"> | ||
+ | <div class="hover-text"> | ||
+ | <span class="detail-name">XAVIER MOLERO</span> | ||
+ | <hr class="detail-hr"> | ||
+ | <p class="detail-text"> | ||
+ | <ul> | ||
+ | <li>Mechanical Labcase design</li> | ||
+ | <li>Seek of parameters</li> | ||
+ | <li>Labcase design</li> | ||
+ | <li>Seek of found</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="name-quote"> | ||
+ | <span class="name">XAVIER MOLERO</span> | ||
+ | <hr> | ||
+ | <span class="quote">Industrial Engineer</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/TILE--> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | <style> | ||
.container-fluid{ | .container-fluid{ | ||
margin-right:15em; | margin-right:15em; | ||
Line 78: | Line 404: | ||
font-size:25pt; | font-size:25pt; | ||
} | } | ||
− | |||
font-size: 15pt; | font-size: 15pt; | ||
font-style: italic; | font-style: italic; | ||
Line 106: | Line 431: | ||
} | } | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Valencia_UPV/Templates:footerUPV}} | {{:Team:Valencia_UPV/Templates:footerUPV}} |
Revision as of 21:48, 30 November 2016
<section>
IVAN CASAS
- Split Cas design
- Testing system design
- Wetlab work
- Database
- data processing software
- Labware tester
- Giant Jamboree speaker
- Safety
- Human practices
- Community manager
IVAN CASAS
Biotechnologist
MONICA GUTIERREZ
- Split Cas design
- Giant Jamboree speaker
- Testing system design
- Wetlab work
- Database
- Data processing software
- Labware tester
- Safety
- Human practices
- Community manager
MONICA GUTIERREZ
Biotechnologist
ALBA GONZALEZ
- Testing system modelling
- seek of parameters
- Giant Jamboree speaker
- Design scoring system
- Video explicative
- Poster Design
- Human practices
ALBA GONZALEZ
Biomedical Engineer
ALICIA CLIMENT
- Split Cas design
- Testing system design
- Wetlab work
- Safety
- Human practices
- Summer school monitor
ALICIA CLIMENT
Biotechnologist
ALVARO BALLESTEROS
- Poster Design
- Seek of found
- Wetlab work
- Jamboree Presentation
- DataBase
- Summer school
ALVARO BALLESTEROS
Biotechnologist
MANUEL PORTOLES
- Seek of found
- Data processing software
MANUEL PORTOLES
Computer Scientist
DANIEL PELLICER
- Lab work
- rrpp
- 3d models
- Translator
DANIEL PELLICER
Biotechnologist
FRANCISCO GUTIERREZ
- Wiki Development
- Data Processing Software
FRANCISCO GUTIERREZ
Computer Scientist
DIOGENES BORT
- Seek of found
- Database
- Testing system design
- Safety
- Human practices
- Wetlab work
- Summer school monitor
- Poster Design
DIOGENES BORT
Biotechnologist
NOBEL SANTOS
- Electronic and control Labcase design
- Seek of parameters
- Summer school
NOBEL SANTOS
Electronic Engineer
XAVIER MOLERO
- Mechanical Labcase design
- Seek of parameters
- Labcase design
- Seek of found
XAVIER MOLERO
Industrial Engineer
</section>
<style> .container-fluid{ margin-right:15em; margin-left: 15em; }
.row{ padding-right:2.5em; padding-left:2.5em; } .col-md-4.col-sm-6{ padding:0; margin:0; } .tile{ width: 100%; height: 450px; padding:0; margin:0; } .img-tile{ width:100%; height: inherit; background-size: cover; }
hr{ margin: 0;
background-color: beige;
} .detail-hr{ width: 90%; margin: auto; margin-bottom: 0.5em; margin-top: 0.5em; } .name, .quote{ color: white; } .name-quote{ background-color: black; width: 50%; bottom:0; position:absolute; padding:0.5em; transition: opacity 0.5s; } .darken-tile{ background-color:black; width:inherit; height:inherit; opacity:0; transition: opacity 0.5s; } .darken-tile:hover{ opacity: 0.9; } .darken-tile:hover + .name-quote{ opacity:0; } .hover-text{ width:inherit; height:inherit; color: white !important; text-align:center; padding: 2em; } .detail-name{ font-size:25pt; } font-size: 15pt; font-style: italic; } .detail-text{ text-align: justify; width: 90%; margin: auto; margin-bottom: 1.5em; margin-top: 1em; } @media screen and (max-width: 1370px){ .name, .quote{ font-size: 10pt; } .name-quote{ width:50%; }
.container-fluid{ margin:0; }
} @media screen and (max-width: 790px){ .container-fluid{ margin:0; } } </style>
</body> </html>