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

 
(26 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" id="ivan">
 
−
 
−
            <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>
−
 
+
<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>
 
</div>
 
</div>
−
 
−
        </section>
 
−
 
−
        <section class="nopadding" id="niki">
 
−
       
 
−
            <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>
 
−
 
−
                        <div class="social-icons">
 
−
<a href="https://twitter.com/movigusa" class="social-icon social-icon-sm social-twitter">
 
−
<i class="fa fa-twitter"></i>
 
−
<i class="fa fa-twitter"></i>
 
−
</a>
 
−
<a href="https://www.linkedin.com/in/nikigutierrez/en" class="social-icon social-icon-sm social-linkedin">
 
−
<i class="fa fa-linkedin"></i>
 
−
<i class="fa fa-linkedin"></i>
 
−
</a>
 
−
</div>
 
−
 
−
 
−
                    </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" id="alba">
+
<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" id="alicia">
 
−
       
 
−
            <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>
 
−
 
−
                        <div class="social-icons">
 
−
<a href="https://www.facebook.com/profile.php?id=100006909825765&fref=ts" class="social-icon social-icon-sm social-facebook">
 
−
                                    <i class="fa fa-facebook"></i>
 
−
                                    <i class="fa fa-facebook"></i>
 
−
                                </a>
 
−
</div>
 
−
 
−
 
−
                    </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" id="alvaro">
+
<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>Alvaro Ballesteros</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>
−
                            <div class="social-icons">
+
<hr class="detail-hr">
−
<a href="https://www.facebook.com/alvaro.ballesteros.77" class="social-icon social-icon-sm social-facebook">
+
<p class="detail-text">
−
                                    <i class="fa fa-facebook"></i>
+
<ul>
−
                                    <i class="fa fa-facebook"></i>
+
<li>Wiki Development</li>
−
                                </a>
+
<li>Data Processing Software</li>
−
<a href="https://twitter.com/alvarobgutiel?lang=es" class="social-icon social-icon-sm social-twitter">
+
</ul>
−
<i class="fa fa-twitter"></i>
+
</p>
−
<i class="fa fa-twitter"></i>
+
</div>
−
</a>
+
</div>
−
<a href="https://www.linkedin.com/in/alvaro-ballesteros-31154675?trk=hp-identity-name" class="social-icon social-icon-sm social-linkedin">
+
<div class="name-quote">
−
<i class="fa fa-linkedin"></i>
+
<span class="name">FRANCISCO GUTIERREZ</span>
−
<i class="fa fa-linkedin"></i>
+
<hr>
−
</a>
+
<span class="quote">Computer Scientist</span>
−
</div>
+
−
 
+
 
</div>
 
</div>
−
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
        </section>
 
−
 
−
        <section class="nopadding" id="manuel">
 
−
       
 
−
            <div class="row nomargin">
 
−
 
−
                <!-- RIGHT -->
 
−
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 
−
               
 
−
                    <div class="padding-40">
 
−
           
 
−
                        <h2>Manuel Portoles</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>
 
−
 
−
                     
 
−
<div class="social-icons">
 
−
<a href="https://www.facebook.com/manuxtoles" class="social-icon social-icon-sm social-facebook">
 
−
                                    <i class="fa fa-facebook"></i>
 
−
                                    <i class="fa fa-facebook"></i>
 
−
                                </a>
 
−
<a href="https://es.linkedin.com/in/portoles" class="social-icon social-icon-sm social-linkedin">
 
−
<i class="fa fa-linkedin"></i>
 
−
<i class="fa fa-linkedin"></i>
 
−
</a>
 
−
</div>
 
−
                    </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" id="francisco">
+
<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>Francisco Gutierrez</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>
−
                            <div class="social-icons">
+
−
<a href="https://twitter.com/codemycoffee" class="social-icon social-icon-sm social-twitter">
+
−
<i class="fa fa-twitter"></i>
+
−
<i class="fa fa-twitter"></i>
+
−
</a>
+
−
<a href="https://es.linkedin.com/in/francisco-gutierrez" class="social-icon social-icon-sm social-linkedin">
+
−
<i class="fa fa-linkedin"></i>
+
−
<i class="fa fa-linkedin"></i>
+
−
</a>
+
−
</div>
+
−
 
+
 
</div>
 
</div>
−
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
        </section>
 
−
 
−
        <section class="nopadding" id="dioge">
 
−
       
 
−
            <div class="row nomargin">
 
−
 
−
                <!-- 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>
−
 
+
<!--/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" id="dani">
+
<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>
+
−
                            <div class="social-icons">
+
−
<a href="https://www.facebook.com/daniel.pellicerroig?fref=ts" class="social-icon social-icon-sm social-facebook">
+
−
                                    <i class="fa fa-facebook"></i>
+
−
                                    <i class="fa fa-facebook"></i>
+
−
                                </a>
+
−
<a href="https://twitter.com/Dani_Pellicer?lang=en" class="social-icon social-icon-sm social-twitter">
+
−
<i class="fa fa-twitter"></i>
+
−
<i class="fa fa-twitter"></i>
+
−
</a>
+
−
<a href="https://www.linkedin.com/in/daniel-pellicer-roig-13774490?authType=NAME_SEARCH&authToken=MZ8m&locale=en_US&trk=tyah&trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A324318139%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1476836088597%2Ctas%3Adani" class="social-icon social-icon-sm social-linkedin">
+
−
<i class="fa fa-linkedin"></i>
+
−
<i class="fa fa-linkedin"></i>
+
−
</a>
+
−
</div>
+
−
 
+
−
 
+
 
</div>
 
</div>
−
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
        </section>
 
−
 
−
        <section class="nopadding" id="nobel">
 
−
       
 
−
            <div class="row nomargin">
 
−
 
−
                <!-- RIGHT -->
 
−
                <div class="col-md-6 col-sm-6 nopadding nomargin">
 
−
               
 
−
                    <div class="padding-40">
 
−
           
 
−
                        <h2>Nobel Santos</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>
 
−
 
−
                      <div class="social-icons">
 
−
<a href="https://www.facebook.com/profile.php?id=100007608649139&fref=ts" class="social-icon social-icon-sm social-facebook">
 
−
                                    <i class="fa fa-facebook"></i>
 
−
                                    <i class="fa fa-facebook"></i>
 
−
                                </a>
 
−
</div>
 
−
 
−
 
−
                    </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" id="xavi">
 
−
 
−
            <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>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>
 
  
−
        </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

Attributions

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