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

 
(19 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
 
{{:Team:Valencia_UPV/Templates:headerGeneralUPV}}
 
{{:Team:Valencia_UPV/Templates:headerGeneralUPV}}
<html>
 
<body>
 
  
 +
<html>
 +
<body>
 +
 
<style>
 
<style>
.col-md-6.col-sm-6{
+
.page-header{
  background-size:cover;
+
background-position-y:-27em;
 +
}
 +
li{
 +
list-style:none;
 +
}
 +
@media screen and (max-width: 1370px){
 +
.page-header{
 +
background-position-y:-15em;
 +
}
 
}
 
}
 
</style>
 
</style>
 
+
   <section class="page-header page-header-lg parallax parallax-3" style="background-color:black;">
   <section class="page-header dark">
+
<div class="overlay dark-5"><!-- dark overlay [1 to 9 opacity] --></div>
        <div class="container">
+
<div class="container">
            <h1>Attributions</h1>
+
<h1>Attributions</h1>
        </div>
+
</div>
     <section>
+
     </section>
<section>
+
<section>
        <div class="container-fluid">
+
<div class="container-fluid">
            <div class="row" id="ivan">
+
<div class="row">
                <!--TILE-->
+
<!--TILE-->
                <div class="col-md-6 col-sm-6">
+
<div class="col-md-4 col-sm-6">
                    <div class="tile">
+
<div class="tile">
                        <div class="img-tile" style=
+
<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">
                        "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="darken-tile">
+
<div class="hover-text">
                                <div class="hover-text">
+
<span class="detail-name">IVAN CASAS</span>
                                    <span class="detail-name">IVAN CASAS</span>
+
<hr class="detail-hr">
                                    <hr class="detail-hr">
+
<p class="detail-text">
                                    <span class="detail-quote">"It's not
+
<ul>
                                    clear"</span>
+
<li>Split Cas design</li>
                                    <p class="detail-text">I’m a
+
<li>Testing system design</li>
                                    Biotechnologist. This is my 2nd year as
+
<li>Wetlab work</li>
                                    UPV_Valencia team member and I have been
+
<li>Database</li>
                                    working on Plant SynBio for almost two
+
<li>data processing software</li>
                                    years. Synthetic Biology is my passion and
+
<li>Labware tester</li>
                                    knowledge is my juice. The rest of team
+
<li>Giant Jamboree speaker</li>
                                    members think I know about a lot of
+
<li>Safety</li>
                                    different things. But the true is that I
+
<li>Human practices</li>
                                    know nothing, just like Jon
+
<li>Community manager</li>
                                    Snow.</p><a class="btn btn-reveal btn-teal"
+
</ul>
                                    href=
+
</p>
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#ivan"
+
</div>
                                    style="margin-top:0.5em"><i class=
+
</div>
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
<div class="name-quote">
                                </div>
+
<span class="name">IVAN CASAS</span>
                            </div>
+
<hr>
                            <div class="name-quote">
+
<span class="quote">Biotechnologist</span>
                                <span class="name">IVAN CASAS</span>
+
</div>
                                <hr>
+
</div>
                                <span class="quote">Wet Lab Master</span>
+
</div>
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <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>Speaker</li>
+
                        <li>Safety</li>
+
                        <li>Human practices</li>
+
                        <li>Giant Jamboree speaker</li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="niki">
+
<!--TILE-->
                <!--TILE-->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6">
+
<div class="tile">
                    <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="img-tile" style=
+
<div class="darken-tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/5/56/T--Valencia_UPV--teamNiki.png');background-position-y:-5em;">
+
<div class="hover-text">
                        <div class="darken-tile">
+
<span class="detail-name">MONICA GUTIERREZ</span>
                                <div class="hover-text">
+
<hr class="detail-hr">
                                    <span class="detail-name">MONICA
+
<p class="detail-text">
                                    GUTIERREZ</span>
+
<ul>
                                    <hr class="detail-hr">
+
<li>Split Cas design</li>
                                    <span class="detail-quote">"No tengo frase
+
<li>Giant Jamboree speaker</li>
                                    :/"</span>
+
<li>Testing system design</li>
                                    <p class="detail-text">Also known as Niki,
+
<li>Wetlab work</li>
                                    I'm a Biotechnologist currently studying a
+
<li>Database</li>
                                    nanotechnology master, this is my 2nd year
+
<li>Data processing software</li>
                                    in iGEM. My passion is the engineering of
+
<li>Labware tester</li>
                                    biomolecules and living beings: that’s why
+
<li>Safety</li>
                                    Synthetic Biology has been a deeply
+
<li>Human practices</li>
                                    interesting field for me. I am the team
+
<li>Community manager</li>
                                    leader and community manager, so I have
+
</ul>
                                    been working on almost everything!</p>
+
</p>
                                    <div class="social-icons">
+
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-twitter"
+
</div>
                                        href=
+
<div class="name-quote">
                                        "https://twitter.com/movigusa"><i class="fa fa-twitter">
+
<span class="name">MONICA GUTIERREZ</span>
                                        </i> <i class="fa fa-twitter"></i></a>
+
<hr>
                                        <a class=
+
<span class="quote">Biotechnologist</span>
                                        "social-icon social-icon-sm social-linkedin"
+
</div>
                                        href=
+
</div>
                                        "https://www.linkedin.com/in/nikigutierrez/en">
+
</div>
                                        <i class="fa fa-linkedin"></i>
+
                                        <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#niki"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">MONICA GUTIERREZ</span>
+
                                <hr>
+
                                <span class="quote">THE Leader</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <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>speaker</li>
+
                        <li>safety</li>
+
                        <li>Human practices</li>
+
                        <li>Community manager</li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="alba">
+
<!--TILE-->
                <!--TILE-->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6">
+
<div class="tile">
                    <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="img-tile" style=
+
<div class="darken-tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/d/d2/T--Valencia_UPV--FotoAlba.jpg'); background-position-y:-8em">
+
<div class="hover-text">
                        <div class="darken-tile">
+
<span class="detail-name">ALBA GONZALEZ</span>
                                <div class="hover-text">
+
<hr class="detail-hr">
                                    <span class="detail-name">ALBA
+
<p class="detail-text">
                                    GONZALEZ</span>
+
<ul>
                                    <hr class="detail-hr">
+
<li>Testing system modelling</li>
                                    <span class="detail-quote">"Tampoco tengo
+
<li>seek of parameters</li>
                                    frase D:"</span>
+
<li>Giant Jamboree speaker</li>
                                    <p class="detail-text">Have you ever wonder
+
<li>Design scoring system</li>
                                    how to unravel the mysteries of biological
+
<li>Video explicative</li>
                                    processes? Hi! I am Alba and I am studying
+
<li>Poster Design</li>
                                    Data Analysis master’s course, I am proud
+
<li>Human practices</li>
                                    to say that have modelled everything in the
+
</ul>
                                    project while exploring the human limits of
+
</p>
                                    coffee consumption,</p>
+
                                    <div class="social-icons">
+
</div>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-linkedin"
+
<div class="name-quote">
                                        href=
+
<span class="name">ALBA GONZALEZ</span>
                                        "https://www.linkedin.com/in/alba-gonz%C3%A1lez-cebri%C3%A1n-67bab010b/en">
+
<hr>
                                        <i class="fa fa-linkedin"></i>
+
<span class="quote">Biomedical Engineer</span>
                                        <i class="fa fa-linkedin"></i></a>
+
</div>
                                    </div><a class="btn btn-reveal btn-teal"
+
</div>
                                    href=
+
</div>
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#alba"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">ALBA GONZALEZ</span>
+
                                <hr>
+
                                <span class="quote">Dry Lab Master</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <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>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="alicia">
+
</div>
                <!--TILE-->
+
<div class="row">
                <div class="col-md-6 col-sm-6">
+
<!--TILE-->
                    <div class="tile">
+
<div class="col-md-4 col-sm-6">
                        <div class="img-tile" style=
+
<div class="tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/0/06/T--Valencia_UPV--teamAlicia.jpg')">
+
<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="darken-tile">
                                <div class="hover-text">
+
<div class="hover-text">
                                    <span class="detail-name">ALICIA
+
<span class="detail-name">ALICIA CLIMENT</span>
                                    CLIMENT</span>
+
<hr class="detail-hr">
                                    <hr class="detail-hr">
+
<p class="detail-text">
                                    <span class="detail-quote">"I think it's a
+
<ul>
                                    nice idea"</span>
+
<li>Split Cas design</li>
                                    <p class="detail-text">Hi! I am Alicia and
+
<li>Testing system design</li>
                                    I am in the third course of Biotechnology
+
<li>Wetlab work</li>
                                    degree, I love smiling and playing around
+
<li>Safety</li>
                                    with chemicals and plants in the lab, so
+
<li>Human practices</li>
                                    everyone calls me when they need a Minion!
+
<li>Summer school monitor</li>
                                    Check out the Notebook! It’s my baby</p>
+
</ul>
                                    <div class="social-icons">
+
</p>
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
</div>
                                        href="#"><i class="fa fa-facebook"></i>
+
</div>
                                        <i class="fa fa-facebook"></i></a>
+
<div class="name-quote">
                                        <a class=
+
<span class="name">ALICIA CLIMENT</span>
                                        "social-icon social-icon-sm social-twitter"
+
<hr>
                                        href="#"><i class="fa fa-twitter"></i>
+
<span class="quote">Biotechnologist</span>
                                        <i class="fa fa-twitter"></i></a>
+
</div>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-linkedin"
+
</div>
                                        href="#"><i class="fa fa-linkedin"></i>
+
                                        <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#alicia"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">ALICIA CLIMENT</span>
+
                                <hr>
+
                                <span class="quote">Wet Lab Minion</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <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>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="alvaro">
+
<!--TILE-->
                <!--TILE-->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6">
+
<div class="tile">
                    <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="img-tile" style=
+
<div class="darken-tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/c/cf/T--Valencia_UPV--FotoAlvaro.jpg'); background-position-y: -7em">
+
<div class="hover-text">
                        <div class="darken-tile">
+
<span class="detail-name">ALVARO BALLESTEROS</span>
                                <div class="hover-text">
+
<hr class="detail-hr">
                                    <span class="detail-name">ALVARO
+
<p class="detail-text">
                                    BALLESTEROS</span>
+
<ul>
                                    <hr class="detail-hr">
+
<li>Poster Design</li>
                                    <span class="detail-quote">"Who I am going
+
<li>Seek of found</li>
                                    to sabotage today, Wet or Dry?"</span>
+
<li>Wetlab work</li>
                                    <p class="detail-text">Nobody is sure if
+
<li>Jamboree Presentation</li>
                                    i’m wet or dry despite I’m studying
+
<li>DataBase</li>
                                    Biotechnology. I’m a biology lover and I
+
<li>Summer school</li>
                                    dream with DNA all night. Photoshop is my
+
</ul>
                                    best friend because it can do amazing
+
</p>
                                    things.</p>
+
                                    <div class="social-icons">
+
</div>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-facebook"
+
<div class="name-quote">
                                        href=
+
<span class="name">ALVARO BALLESTEROS</span>
                                        "https://www.facebook.com/alvaro.ballesteros.77">
+
<hr>
                                        <i class="fa fa-facebook"></i>
+
<span class="quote">Biotechnologist</span>
                                        <i class="fa fa-facebook"></i></a>
+
</div>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-twitter"
+
</div>
                                        href=
+
                                        "https://twitter.com/alvarobgutiel?lang=es">
+
                                        <i class="fa fa-twitter"></i> <i class=
+
                                        "fa fa-twitter"></i></a> <a class=
+
                                        "social-icon social-icon-sm social-linkedin"
+
                                        href=
+
                                        "https://www.linkedin.com/in/alvaro-ballesteros-31154675?trk=hp-identity-name">
+
                                        <i class="fa fa-linkedin"></i>
+
                                        <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#alvaro"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">ALVARO BALLESTEROS</span>
+
                                <hr>
+
                                <span class="quote">Photoshop Master</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <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>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="manuel">
+
<!--TILE-->
                <!--TILE-->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6">
+
<div class="tile">
                    <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="img-tile" style=
+
<div class="darken-tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/3/33/T--Valencia_UPV--teamManu.png')">
+
<div class="hover-text">
                        <div class="darken-tile">
+
<span class="detail-name">MANUEL PORTOLES</span>
                                <div class="hover-text">
+
<hr class="detail-hr">
                                    <span class="detail-name">MANUEL
+
<p class="detail-text" style="margin-bottom:0;">
                                    PORTOLES</span>
+
<ul>
                                    <hr class="detail-hr">
+
<li>Seek of found</li>
                                    <span class="detail-quote">"Communication
+
<li>Data processing software</li>
                                    between biologists and computer scientists
+
</ul>
                                    is doomed to failure"</span>
+
</p>
                                    <p class="detail-text" style=
+
</div>
                                    "margin-bottom:0;">ERS IT Advisory at
+
</div>
                                    Deloitte Spain, software developer and
+
<div class="name-quote">
                                    currently studying a Computer Science
+
<span class="name">MANUEL PORTOLES</span>
                                    degree at Universidad Politécnica de
+
<hr>
                                    Valencia. I really love Software
+
<span class="quote">Computer Scientist</span>
                                    Development, because it’s hugely
+
</div>
                                    collaborative and a very challenging
+
</div>
                                    profession. As part of Valencia UPV team I
+
</div>
                                    am responsible for software development,
+
                                    making me to be really involved in this
+
                                    project.</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
                                        href=
+
                                        "https://www.facebook.com/manuxtoles"><i class="fa fa-facebook">
+
                                        </i> <i class="fa fa-facebook"></i></a>
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-linkedin"
+
                                        href=
+
                                        "https://es.linkedin.com/in/portoles"><i class="fa fa-linkedin">
+
                                        </i> <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#manuel"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">MANUEL PORTOLES</span>
+
                                <hr>
+
                                <span class="quote">Goat Fanatic</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <ul>
+
                        <li>Seek of found</li>
+
                        <li>Data processing software</li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="dani">
+
</div>
                <!--TILE-->
+
<div class="row">
                <div class="col-md-6 col-sm-6">
+
<!--TILE-->
                    <div class="tile">
+
<div class="col-md-4 col-sm-6">
                        <div class="img-tile" style=
+
<div class="tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/5/5e/T--Valencia_UPV--FotoDani.jpg'); background-position-y: -6em">
+
<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="darken-tile">
                                <div class="hover-text">
+
<div class="hover-text">
                                    <span class="detail-name">DANIEL
+
<span class="detail-name">DANIEL PELLICER</span>
                                    PELLICER</span>
+
<hr class="detail-hr">
                                    <hr class="detail-hr">
+
<p class="detail-text">
                                    <span class="detail-quote">"Pick and
+
<ul>
                                    Shovel"</span>
+
<li>Wetlab work</li>
                                    <p class="detail-text">Hello! I am a
+
<li>Public relations</li>
                                    biomedical master’s student and I did my
+
<li>3d models</li>
                                    utmost working as an advisor, cheering up
+
<li>Translator</li>
                                    the team, doing bits and bobs in dry and
+
<li>Science divulger</li>
                                    wetlab… unfortunately, I fell into the
+
<li>Advisor</li>
                                    invisibility marmite the day before the
+
</ul>
                                    wikifreeze.</p>
+
</p>
                                    <div class="social-icons">
+
</div>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-facebook"
+
<div class="name-quote">
                                        href=
+
<span class="name">DANIEL PELLICER</span>
                                        "https://www.facebook.com/daniel.pellicerroig?fref=ts">
+
<hr>
                                        <i class="fa fa-facebook"></i>
+
<span class="quote">Biotechnologist</span>
                                        <i class="fa fa-facebook"></i></a>
+
</div>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-twitter"
+
</div>
                                        href=
+
                                        "https://twitter.com/Dani_Pellicer?lang=en">
+
                                        <i class="fa fa-twitter"></i> <i class=
+
                                        "fa fa-twitter"></i></a> <a class=
+
                                        "social-icon social-icon-sm social-linkedin"
+
                                        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">
+
                                        <i class="fa fa-linkedin"></i>
+
                                        <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#dani"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">DANIEL PELLICER</span>
+
                                <hr>
+
                                <span class="quote">The Handsome Advisor</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <ul>
+
                        <li>Lab work</li>
+
                        <li>rrpp</li>
+
                        <li>3d models</li>
+
                        <li>translator</li>
+
                        <li>performer</li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="francisco">
+
<!--TILE-->
                <!--TILE-->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6">
+
<div class="tile">
                    <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="img-tile" style=
+
<div class="darken-tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/4/49/T--Valencia_UPV--teamFran.jpg')">
+
<div class="hover-text">
                        <div class="darken-tile">
+
<span class="detail-name">FRANCISCO GUTIERREZ</span>
                                <div class="hover-text">
+
<hr class="detail-hr">
                                    <span class="detail-name">FRANCISCO
+
<p class="detail-text">
                                    GUTIERREZ</span>
+
<ul>
                                    <hr class="detail-hr">
+
<li>Wiki Development</li>
                                    <span class="detail-quote">"I just lost The
+
<li>Data Processing Software</li>
                                    Game"</span>
+
</ul>
                                    <p class="detail-text">Computer Science
+
</p>
                                    student, and the one who crafted this Wiki.
+
</div>
                                    My passions go from developing and
+
</div>
                                    programming, to composing music and making
+
<div class="name-quote">
                                    3d/2d animations and models.</p>
+
<span class="name">FRANCISCO GUTIERREZ</span>
                                    <div class="social-icons">
+
<hr>
                                        <a class=
+
<span class="quote">Computer Scientist</span>
                                        "social-icon social-icon-sm social-twitter"
+
</div>
                                        href=
+
</div>
                                        "https://twitter.com/codemycoffee"><i class="fa fa-twitter">
+
</div>
                                        </i> <i class="fa fa-twitter"></i></a>
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-linkedin"
+
                                        href=
+
                                        "https://es.linkedin.com/in/francisco-gutierrez">
+
                                        <i class="fa fa-linkedin"></i>
+
                                        <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#francisco"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">FRANCISCO GUTIERREZ</span>
+
                                <hr>
+
                                <span class="quote">Wiki Stuff</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <ul>
+
                        <li>Wiki</li>
+
                        <li>Data Pros Soft</li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="dioge">
+
<!--TILE-->
                <!--TILE-->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6">
+
<div class="tile">
                    <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="img-tile" style=
+
<div class="darken-tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/8/88/T--Valencia_UPV--FotoDioge.jpg')">
+
<div class="hover-text">
                        <div class="darken-tile">
+
<span class="detail-name">DIOGENES BORT</span>
                                <div class="hover-text">
+
<hr class="detail-hr">
                                    <span class="detail-name">DIOGENES
+
<p class="detail-text">
                                    BORT</span>
+
<ul>
                                    <hr class="detail-hr">
+
<li>Seek of found</li>
                                    <span class="detail-quote">"Nadie tiene
+
<li>Database</li>
                                    frases menos tres"</span>
+
<li>Testing system design</li>
                                    <p class="detail-text">I’m a last year
+
<li>Safety</li>
                                    Biotechnology student. In iGEM I’ve really
+
<li>Human practices</li>
                                    enjoyed being a part of science. Through
+
<li>Wetlab work</li>
                                    the process I’ve learned a lot of things,
+
<li>Summer school monitor</li>
                                    opening a door to a new world with
+
<li>Poster Design</li>
                                    wonderful people, and now I have a greater
+
</ul>
                                    vision of Synthetic Biology.</p>
+
</p>
                                    <div class="social-icons">
+
</div>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-facebook"
+
<div class="name-quote">
                                        href="#"><i class="fa fa-facebook"></i>
+
<span class="name">DIOGENES BORT</span>
                                        <i class="fa fa-facebook"></i></a>
+
<hr>
                                        <a class=
+
<span class="quote">Biotechnologist</span>
                                        "social-icon social-icon-sm social-twitter"
+
</div>
                                        href="#"><i class="fa fa-twitter"></i>
+
</div>
                                        <i class="fa fa-twitter"></i></a>
+
</div>
                                        <a class=
+
                                        "social-icon social-icon-sm social-linkedin"
+
                                        href="#"><i class="fa fa-linkedin"></i>
+
                                        <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#dioge"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">DIOGENES BORT</span>
+
                                <hr>
+
                                <span class="quote">The Critic</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <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>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="nobel">
+
</div>
                <!--TILE-->
+
<div class="row">
                <div class="col-md-6 col-sm-6">
+
<!--TILE-->
                    <div class="tile">
+
<div class="col-md-4 col-sm-6">
                        <div class="img-tile" style=
+
<div class="tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/f/f4/T--Valencia_UPV--teamNobel.jpg')">
+
<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="darken-tile">
                                <div class="hover-text">
+
<div class="hover-text">
                                    <span class="detail-name">NOBEL
+
<span class="detail-name">NOBEL SANTOS</span>
                                    SANTOS</span>
+
<hr class="detail-hr">
                                    <hr class="detail-hr">
+
<p class="detail-text">
                                    <span class="detail-quote">"It's its
+
<ul>
                                    job"</span>
+
<li>Electronic and control Labcase design</li>
                                    <p class="detail-text">Hello! I'm an
+
<li>Seek of parameters</li>
                                    electronical engineer especialized in
+
<li>Summer school</li>
                                    control. Currently I'm studying an
+
</ul>
                                    industrial automation master in the UPV. I
+
</p>
                                    entered in the world of biotecnology by
+
</div>
                                    chance, however I'm here to stay. The most
+
</div>
                                    important thing for me of the iGEM
+
<div class="name-quote">
                                    experience is the interesting people you
+
<span class="name">NOBEL SANTOS</span>
                                    can meet.</p>
+
<hr>
                                    <div class="social-icons">
+
<span class="quote">Electronic Engineer</span>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-facebook"
+
</div>
                                        href=
+
</div>
                                        "https://www.facebook.com/profile.php?id=100007608649139&fref=ts">
+
                                        <i class="fa fa-facebook"></i>
+
                                        <i class="fa fa-facebook"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#nobel"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">NOBEL SANTOS</span>
+
                                <hr>
+
                                <span class="quote">Spiritual Leader</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <ul>
+
                        <li>Electronic and control Labcase design</li>
+
                        <li>seek of parameters</li>
+
                        <li>Summer school</li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
            <div class="row" id="xavi">
+
<!--TILE-->
                <!--TILE-->
+
<div class="col-md-4 col-sm-6">
                <div class="col-md-6 col-sm-6">
+
<div class="tile">
                    <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="img-tile" style=
+
<div class="darken-tile">
                        "background-image:url('https://static.igem.org/mediawiki/2016/f/fb/T--Valencia_UPV--FotoXavi.jpg')">
+
<div class="hover-text">
                        <div class="darken-tile">
+
<span class="detail-name">XAVIER MOLERO</span>
                                <div class="hover-text">
+
<hr class="detail-hr">
                                    <span class="detail-name">XAVIER
+
<p class="detail-text">
                                    MOLERO</span>
+
<ul>
                                    <hr class="detail-hr">
+
<li>Mechanical Labcase design</li>
                                    <span class="detail-quote">"We'll be the
+
<li>Seek of parameters</li>
                                    first ones!"</span>
+
<li>Labcase design</li>
                                    <p class="detail-text">Hello! I study a
+
<li>Seek of found</li>
                                    master in industrial engineering.I’m quite
+
</ul>
                                    interested in everything, and that is why I
+
</p>
                                    decided enroll again in iGEM (algo I like
+
</div>
                                    to suffer a bit)! The main goal was do
+
</div>
                                    something new and helpful to others. Guys,
+
<div class="name-quote">
                                    I have an idea…Ok, nobody? I will do
+
<span class="name">XAVIER MOLERO</span>
                                    it…</p>
+
<hr>
                                    <div class="social-icons">
+
<span class="quote">Industrial Engineer</span>
                                        <a class=
+
</div>
                                        "social-icon social-icon-sm social-facebook"
+
</div>
                                        href="#"><i class="fa fa-facebook"></i>
+
</div>
                                        <i class="fa fa-facebook"></i></a>
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-twitter"
+
                                        href="#"><i class="fa fa-twitter"></i>
+
                                        <i class="fa fa-twitter"></i></a>
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-linkedin"
+
                                        href="#"><i class="fa fa-linkedin"></i>
+
                                        <i class="fa fa-linkedin"></i></a>
+
                                    </div><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#xavi"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
                                <span class="name">XAVIER MOLERO</span>
+
                                <hr>
+
                                <span class="quote">GFP Lover</span>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div><!--/TILE-->
+
                <div class="col-md-6 col-sm-6">
+
                    <ul>
+
                        <li>Mechanical Labcase design</li>
+
                        <li>seek of parameters</li>
+
                        <li>Giant Jamboree speaker</li>
+
                        <li>Labcase design</li>
+
                        <li>Seek of found</li>
+
                        <li>Labcase video</li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </div>
+
<!--/TILE-->
        </div>
+
</div>
    </section>
+
</div>
 +
</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;
 +
}
 +
 
 +
.name-quote{
 +
display: none;
 +
}
 +
 
 +
.darken-tile{
 +
opacity: 0.8;
 +
}
 +
 
 +
 
 +
@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