Difference between revisions of "Team:Valencia UPV/Attributions"

 
(28 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
 
{{:Team:Valencia_UPV/Templates:headerGeneralUPV}}
 
{{:Team:Valencia_UPV/Templates:headerGeneralUPV}}
<html>
 
<body>
 
 
<!--TITLE-->
 
        <section class="page-header dark">
 
            <div class="container">
 
                <h1>Attributions</h1>
 
            </div>
 
        </section>
 
        <!--/TITLE-->
 
       
 
        <section class="nopadding">
 
 
            <div class="row nomargin">
 
 
<!-- LEFT -->
 
<div class="col-md-6 col-sm-6 nopadding nomargin">
 
 
<img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
 
  
 +
<html>
 +
<body>
 +
 +
<style>
 +
.page-header{
 +
background-position-y:-27em;
 +
}
 +
li{
 +
list-style:none;
 +
}
 +
@media screen and (max-width: 1370px){
 +
.page-header{
 +
background-position-y:-15em;
 +
}
 +
}
 +
</style>
 +
  <section class="page-header page-header-lg parallax parallax-3" style="background-color:black;">
 +
<div class="overlay dark-5"><!-- dark overlay [1 to 9 opacity] --></div>
 +
<div class="container">
 +
<h1>Attributions</h1>
 +
</div>
 +
    </section>
 +
<section>
 +
<div class="container-fluid">
 +
<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/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>
 
+
                </div>
<!-- RIGHT -->
+
<!--/TILE-->
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
<!--TILE-->
+
<div class="col-md-4 col-sm-6">
<div class="padding-40">
+
<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;">
<h2>Ivan Casas</h2>
+
<div class="darken-tile">
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
+
<div class="hover-text">
<hr>
+
<span class="detail-name">MONICA GUTIERREZ</span>
                            <!-- social icons -->
+
<hr class="detail-hr">
                        <div class="text-center">
+
<p class="detail-text">
 
+
<ul>
                            <!--team version-->
+
<li>Split Cas design</li>
                            <a href="#" class="social-icon social-icon-sm social-facebook">
+
<li>Giant Jamboree speaker</li>
<i class="fa fa-facebook"></i>
+
<li>Testing system design</li>
<i class="fa fa-facebook"></i>
+
<li>Wetlab work</li>
</a>
+
<li>Database</li>
<a href="#" class="social-icon social-icon-sm social-twitter">
+
<li>Data processing software</li>
<i class="fa fa-twitter"></i>
+
<li>Labware tester</li>
<i class="fa fa-twitter"></i>
+
<li>Safety</li>
</a>
+
<li>Human practices</li>
<a href="#" class="social-icon social-icon-sm social-linkedin">
+
<li>Community manager</li>
<i class="fa fa-linkedin"></i>
+
</ul>
<i class="fa fa-linkedin"></i>
+
</p>
</a>
+
 
+
</div>
                           
+
</div>
                           
+
<div class="name-quote">
 
+
<span class="name">MONICA GUTIERREZ</span>
                        </div>
+
<hr>
                        <!-- /social icons -->
+
<span class="quote">Biotechnologist</span>
 
+
 
+
 
</div>
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
        </section>
 
 
        <section class="nopadding">
 
       
 
            <div class="row nomargin">
 
 
                <!-- RIGHT -->
 
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 
               
 
                    <div class="padding-40">
 
           
 
                        <h2>Niki Gutierrez</h2>
 
                        <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 
                        <hr>
 
 
                        <!-- social icons -->
 
                        <div class="text-center">
 
 
                            <!--team version-->
 
                            <a href="#" class="social-icon social-icon-sm social-facebook">
 
<i class="fa fa-facebook"></i>
 
<i class="fa fa-facebook"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-twitter">
 
<i class="fa fa-twitter"></i>
 
<i class="fa fa-twitter"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-linkedin">
 
<i class="fa fa-linkedin"></i>
 
<i class="fa fa-linkedin"></i>
 
</a>
 
 
                           
 
                           
 
 
                        </div>
 
                        <!-- /social icons -->
 
 
 
                    </div>
 
 
                 </div>
 
                 </div>
 
+
<!--/TILE-->
           
+
<!--TILE-->
                <!-- LEFT -->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6 nopadding nomargin">
+
<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">
                    <img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<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>
 
                 </div>
 
+
<!--/TILE-->
            </div>
+
</div>
       
+
<div class="row">
        </section>
+
<!--TILE-->
 
+
<div class="col-md-4 col-sm-6">
        <section class="nopadding">
+
<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="row nomargin">
+
<div class="darken-tile">
+
<div class="hover-text">
<!-- LEFT -->
+
<span class="detail-name">ALICIA CLIMENT</span>
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
<hr class="detail-hr">
 
+
<p class="detail-text">
<img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<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>
 
+
                </div>
<!-- RIGHT -->
+
<!--/TILE-->
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
<!--TILE-->
+
<div class="col-md-4 col-sm-6">
<div class="padding-40">
+
<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">
<h2>Alba Gonzalez</h2>
+
<div class="darken-tile">
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
+
<div class="hover-text">
<hr>
+
<span class="detail-name">ALVARO BALLESTEROS</span>
                            <!-- social icons -->
+
<hr class="detail-hr">
                        <div class="text-center">
+
<p class="detail-text">
 
+
<ul>
                            <!--team version-->
+
<li>Poster Design</li>
                            <a href="#" class="social-icon social-icon-sm social-facebook">
+
<li>Seek of found</li>
<i class="fa fa-facebook"></i>
+
<li>Wetlab work</li>
<i class="fa fa-facebook"></i>
+
<li>Jamboree Presentation</li>
</a>
+
<li>DataBase</li>
<a href="#" class="social-icon social-icon-sm social-twitter">
+
<li>Summer school</li>
<i class="fa fa-twitter"></i>
+
</ul>
<i class="fa fa-twitter"></i>
+
</p>
</a>
+
<a href="#" class="social-icon social-icon-sm social-linkedin">
+
</div>
<i class="fa fa-linkedin"></i>
+
</div>
<i class="fa fa-linkedin"></i>
+
<div class="name-quote">
</a>
+
<span class="name">ALVARO BALLESTEROS</span>
 
+
<hr>
                           
+
<span class="quote">Biotechnologist</span>
                           
+
 
+
                        </div>
+
                        <!-- /social icons -->
+
 
+
 
+
 
</div>
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
        </section>
 
 
        <section class="nopadding">
 
       
 
            <div class="row nomargin">
 
 
                <!-- RIGHT -->
 
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 
               
 
                    <div class="padding-40">
 
           
 
                        <h2>Alvaro Ballesteros</h2>
 
                        <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 
                        <hr>
 
 
                        <!-- social icons -->
 
                        <div class="text-center">
 
 
                            <!--team version-->
 
                            <a href="#" class="social-icon social-icon-sm social-facebook">
 
<i class="fa fa-facebook"></i>
 
<i class="fa fa-facebook"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-twitter">
 
<i class="fa fa-twitter"></i>
 
<i class="fa fa-twitter"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-linkedin">
 
<i class="fa fa-linkedin"></i>
 
<i class="fa fa-linkedin"></i>
 
</a>
 
 
                           
 
                           
 
 
                        </div>
 
                        <!-- /social icons -->
 
 
 
                    </div>
 
 
                 </div>
 
                 </div>
 
+
<!--/TILE-->
           
+
<!--TILE-->
                <!-- LEFT -->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6 nopadding nomargin">
+
<div class="tile">
 
+
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/3/33/T--Valencia_UPV--teamManu.png')">
                    <img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<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>
 
                 </div>
 
+
<!--/TILE-->
            </div>
+
</div>
       
+
<div class="row">
        </section>
+
<!--TILE-->
 
+
<div class="col-md-4 col-sm-6">
        <section class="nopadding">
+
<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="row nomargin">
+
<div class="darken-tile">
+
<div class="hover-text">
<!-- LEFT -->
+
<span class="detail-name">DANIEL PELLICER</span>
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
<hr class="detail-hr">
 
+
<p class="detail-text">
<img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<ul>
 
+
<li>Wetlab work</li>
 +
<li>Public relations</li>
 +
<li>3d models</li>
 +
<li>Translator</li>
 +
<li>Science divulger</li>
 +
<li>Advisor</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>
 
+
                </div>
<!-- RIGHT -->
+
<!--/TILE-->
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
<!--TILE-->
+
<div class="col-md-4 col-sm-6">
<div class="padding-40">
+
<div class="tile">
+
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/4/49/T--Valencia_UPV--teamFran.jpg')">
<h2>Nobel Santos</h2>
+
<div class="darken-tile">
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
+
<div class="hover-text">
<hr>
+
<span class="detail-name">FRANCISCO GUTIERREZ</span>
                            <!-- social icons -->
+
<hr class="detail-hr">
                        <div class="text-center">
+
<p class="detail-text">
 
+
<ul>
                            <!--team version-->
+
<li>Wiki Development</li>
                            <a href="#" class="social-icon social-icon-sm social-facebook">
+
<li>Data Processing Software</li>
<i class="fa fa-facebook"></i>
+
</ul>
<i class="fa fa-facebook"></i>
+
</p>
</a>
+
</div>
<a href="#" class="social-icon social-icon-sm social-twitter">
+
</div>
<i class="fa fa-twitter"></i>
+
<div class="name-quote">
<i class="fa fa-twitter"></i>
+
<span class="name">FRANCISCO GUTIERREZ</span>
</a>
+
<hr>
<a href="#" class="social-icon social-icon-sm social-linkedin">
+
<span class="quote">Computer Scientist</span>
<i class="fa fa-linkedin"></i>
+
<i class="fa fa-linkedin"></i>
+
</a>
+
 
+
                           
+
                           
+
 
+
                        </div>
+
                        <!-- /social icons -->
+
 
+
 
+
 
</div>
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
        </section>
 
 
        <section class="nopadding">
 
       
 
            <div class="row nomargin">
 
 
                <!-- RIGHT -->
 
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 
               
 
                    <div class="padding-40">
 
           
 
                        <h2>Xavier Molero</h2>
 
                        <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 
                        <hr>
 
 
                        <!-- social icons -->
 
                        <div class="text-center">
 
 
                            <!--team version-->
 
                            <a href="#" class="social-icon social-icon-sm social-facebook">
 
<i class="fa fa-facebook"></i>
 
<i class="fa fa-facebook"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-twitter">
 
<i class="fa fa-twitter"></i>
 
<i class="fa fa-twitter"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-linkedin">
 
<i class="fa fa-linkedin"></i>
 
<i class="fa fa-linkedin"></i>
 
</a>
 
 
                           
 
                           
 
 
                        </div>
 
                        <!-- /social icons -->
 
 
 
                    </div>
 
 
                 </div>
 
                 </div>
 
+
<!--/TILE-->
           
+
<!--TILE-->
                <!-- LEFT -->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6 nopadding nomargin">
+
<div class="tile">
 
+
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/8/88/T--Valencia_UPV--FotoDioge.jpg')">
                    <img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<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>
 
                 </div>
 
+
<!--/TILE-->
            </div>
+
</div>
       
+
<div class="row">
        </section>
+
<!--TILE-->
 
+
<div class="col-md-4 col-sm-6">
        <section class="nopadding">
+
<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="row nomargin">
+
<div class="darken-tile">
+
<div class="hover-text">
<!-- LEFT -->
+
<span class="detail-name">NOBEL SANTOS</span>
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
<hr class="detail-hr">
 
+
<p class="detail-text">
<img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<ul>
 
+
<li>Electronic and control Labcase design</li>
</div>
+
<li>Seek of parameters</li>
 
+
<li>Summer school</li>
<!-- RIGHT -->
+
</ul>
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
</p>
+
</div>
<div class="padding-40">
+
</div>
+
<div class="name-quote">
<h2>Manuel Portoles</h2>
+
<span class="name">NOBEL SANTOS</span>
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
+
<hr>
<hr>
+
<span class="quote">Electronic Engineer</span>
                            <!-- social icons -->
+
                        <div class="text-center">
+
 
+
                            <!--team version-->
+
                            <a href="#" class="social-icon social-icon-sm social-facebook">
+
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook"></i>
+
</a>
+
<a href="#" class="social-icon social-icon-sm social-twitter">
+
<i class="fa fa-twitter"></i>
+
<i class="fa fa-twitter"></i>
+
</a>
+
<a href="#" class="social-icon social-icon-sm social-linkedin">
+
<i class="fa fa-linkedin"></i>
+
<i class="fa fa-linkedin"></i>
+
</a>
+
 
+
                           
+
                           
+
 
+
                        </div>
+
                        <!-- /social icons -->
+
 
+
 
+
 
</div>
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
        </section>
 
 
        <section class="nopadding">
 
       
 
            <div class="row nomargin">
 
 
                <!-- RIGHT -->
 
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 
               
 
                    <div class="padding-40">
 
           
 
                        <h2>Alicia Climent</h2>
 
                        <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 
                        <hr>
 
 
                        <!-- social icons -->
 
                        <div class="text-center">
 
 
                            <!--team version-->
 
                            <a href="#" class="social-icon social-icon-sm social-facebook">
 
<i class="fa fa-facebook"></i>
 
<i class="fa fa-facebook"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-twitter">
 
<i class="fa fa-twitter"></i>
 
<i class="fa fa-twitter"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-linkedin">
 
<i class="fa fa-linkedin"></i>
 
<i class="fa fa-linkedin"></i>
 
</a>
 
 
                           
 
                           
 
 
                        </div>
 
                        <!-- /social icons -->
 
 
 
                    </div>
 
 
                 </div>
 
                 </div>
 
+
<!--/TILE-->
           
+
<!--TILE-->
                <!-- LEFT -->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6 nopadding nomargin">
+
<div class="tile">
 
+
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/f/fb/T--Valencia_UPV--FotoXavi.jpg')">
                    <img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<div class="darken-tile">
 
+
<div class="hover-text">
                </div>
+
<span class="detail-name">XAVIER MOLERO</span>
 
+
<hr class="detail-hr">
            </div>
+
<p class="detail-text">
       
+
<ul>
        </section>
+
<li>Mechanical Labcase design</li>
 
+
<li>Seek of parameters</li>
        <section class="nopadding">
+
<li>Labcase design</li>
+
<li>Seek of found</li>
            <div class="row nomargin">
+
</ul>
+
</p>
<!-- LEFT -->
+
</div>
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
</div>
 
+
<div class="name-quote">
<img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
<span class="name">XAVIER MOLERO</span>
 
+
<hr>
</div>
+
<span class="quote">Industrial Engineer</span>
 
+
<!-- RIGHT -->
+
<div class="col-md-6 col-sm-6 nopadding nomargin">
+
+
<div class="padding-40">
+
+
<h2>Daniel Pellicer</h2>
+
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
+
<hr>
+
                            <!-- social icons -->
+
                        <div class="text-center">
+
 
+
                            <!--team version-->
+
                            <a href="#" class="social-icon social-icon-sm social-facebook">
+
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook"></i>
+
</a>
+
<a href="#" class="social-icon social-icon-sm social-twitter">
+
<i class="fa fa-twitter"></i>
+
<i class="fa fa-twitter"></i>
+
</a>
+
<a href="#" class="social-icon social-icon-sm social-linkedin">
+
<i class="fa fa-linkedin"></i>
+
<i class="fa fa-linkedin"></i>
+
</a>
+
 
+
                           
+
                           
+
 
+
                        </div>
+
                        <!-- /social icons -->
+
 
+
 
+
 
</div>
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
        </section>
 
 
        <section class="nopadding">
 
       
 
            <div class="row nomargin">
 
 
                <!-- RIGHT -->
 
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 
               
 
                    <div class="padding-40">
 
           
 
                        <h2>Francisco Gutierrez</h2>
 
                        <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 
                        <hr>
 
 
                        <!-- social icons -->
 
                        <div class="text-center">
 
 
                            <!--team version-->
 
                            <a href="#" class="social-icon social-icon-sm social-facebook">
 
<i class="fa fa-facebook"></i>
 
<i class="fa fa-facebook"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-twitter">
 
<i class="fa fa-twitter"></i>
 
<i class="fa fa-twitter"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-linkedin">
 
<i class="fa fa-linkedin"></i>
 
<i class="fa fa-linkedin"></i>
 
</a>
 
 
                           
 
                           
 
 
                        </div>
 
                        <!-- /social icons -->
 
 
 
                    </div>
 
 
                 </div>
 
                 </div>
 +
<!--/TILE-->
 +
</div>
 +
</div>
 +
</section>
 +
 +
<style>
 +
.container-fluid{
 +
margin-right:15em;
 +
margin-left: 15em;
 +
}
  
           
+
.row{
                <!-- LEFT -->
+
padding-right:2.5em;
                <div class="col-md-6 col-sm-6 nopadding nomargin">
+
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;
 +
}
  
                    <img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
+
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;
 +
}
  
                </div>
+
.name-quote{
 +
display: none;
 +
}
  
            </div>
+
.darken-tile{
       
+
opacity: 0.8;
        </section>
+
}
  
        <section class="nopadding">
 
 
            <div class="row nomargin">
 
 
<!-- LEFT -->
 
<div class="col-md-6 col-sm-6 nopadding nomargin">
 
 
<img class="img-responsive" src="http://wallpapercave.com/wp/R0krC2T.jpg" alt="image">
 
 
</div>
 
 
<!-- RIGHT -->
 
<div class="col-md-6 col-sm-6 nopadding nomargin">
 
 
<div class="padding-40">
 
 
<h2>Diogenes Bort</h2>
 
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
 
<hr>
 
                            <!-- social icons -->
 
                        <div class="text-center">
 
 
                            <!--team version-->
 
                            <a href="#" class="social-icon social-icon-sm social-facebook">
 
<i class="fa fa-facebook"></i>
 
<i class="fa fa-facebook"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-twitter">
 
<i class="fa fa-twitter"></i>
 
<i class="fa fa-twitter"></i>
 
</a>
 
<a href="#" class="social-icon social-icon-sm social-linkedin">
 
<i class="fa fa-linkedin"></i>
 
<i class="fa fa-linkedin"></i>
 
</a>
 
 
                           
 
                           
 
 
                        </div>
 
                        <!-- /social icons -->
 
 
 
</div>
 
 
 
</div>
 
</div>
 
  
        </section>
+
@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>
 
</body>
 
</html>
 
</html>
 
{{:Team:Valencia_UPV/Templates:footerUPV}}
 
{{:Team:Valencia_UPV/Templates:footerUPV}}

Latest revision as of 22:43, 2 December 2016

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

  • Wetlab work
  • Public relations
  • 3d models
  • Translator
  • Science divulger
  • Advisor

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

Sponsors