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

Line 8: Line 8:
 
   background-size:cover;
 
   background-size:cover;
 
}
 
}
 +
<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;
 +
}
 +
.detail-quote{
 +
font-size: 15pt;
 +
font-style: italic;
 +
}
 +
.detail-text{
 +
text-align: justify;
 +
width: 90%;
 +
margin: auto;
 +
margin-bottom: 1.5em;
 +
        margin-top: 1em;
 +
}
 +
@media screen and (max-width: 1370px){
 +
.name, .quote{
 +
font-size: 10pt;
 +
}
 +
.name-quote{
 +
width:50%;
 +
}
 +
            .container-fluid{
 +
                margin:0;
 +
            }
 +
}
 +
@media screen and (max-width: 790px){
 +
.container-fluid{
 +
margin:0;
 +
}
 +
}
 +
</style>
 +
 
</style>
 
</style>
  
Line 15: Line 114:
 
         </div>
 
         </div>
 
     <section>
 
     <section>
<section>
+
<section>
 
         <div class="container-fluid">
 
         <div class="container-fluid">
 
             <div class="row" id="ivan">
 
             <div class="row" id="ivan">
Line 23: Line 122:
 
                         <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="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">IVAN CASAS</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"It's not
+
                                    clear"</span>
+
                                    <p class="detail-text">I’m a
+
                                    Biotechnologist. This is my 2nd year as
+
                                    UPV_Valencia team member and I have been
+
                                    working on Plant SynBio for almost two
+
                                    years. Synthetic Biology is my passion and
+
                                    knowledge is my juice. The rest of team
+
                                    members think I know about a lot of
+
                                    different things. But the true is that I
+
                                    know nothing, just like Jon
+
                                    Snow.</p><a class="btn btn-reveal btn-teal"
+
                                    href=
+
                                    "https://2016.igem.org/Team:Valencia_UPV/Attributions#ivan"
+
                                    style="margin-top:0.5em"><i class=
+
                                    "fa fa-plus"></i><span>Attributions</span></a>
+
                                </div>
+
                            </div>
+
                            <div class="name-quote">
+
 
                                 <span class="name">IVAN CASAS</span>
 
                                 <span class="name">IVAN CASAS</span>
 
                                 <hr>
 
                                 <hr>
Line 74: Line 151:
 
                         <div class="img-tile" style=
 
                         <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;">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/5/56/T--Valencia_UPV--teamNiki.png');background-position-y:-5em;">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">MONICA
+
                                    GUTIERREZ</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"No tengo frase
+
                                    :/"</span>
+
                                    <p class="detail-text">Also known as Niki,
+
                                    I'm a Biotechnologist currently studying a
+
                                    nanotechnology master, this is my 2nd year
+
                                    in iGEM. My passion is the engineering of
+
                                    biomolecules and living beings: that’s why
+
                                    Synthetic Biology has been a deeply
+
                                    interesting field for me. I am the team
+
                                    leader and community manager, so I have
+
                                    been working on almost everything!</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-twitter"
+
                                        href=
+
                                        "https://twitter.com/movigusa"><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/nikigutierrez/en">
+
                                        <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>
 
                                 <span class="name">MONICA GUTIERREZ</span>
 
                                 <hr>
 
                                 <hr>
Line 138: Line 180:
 
                         <div class="img-tile" style=
 
                         <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">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/d/d2/T--Valencia_UPV--FotoAlba.jpg'); background-position-y:-8em">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">ALBA
+
                                    GONZALEZ</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"Tampoco tengo
+
                                    frase D:"</span>
+
                                    <p class="detail-text">Have you ever wonder
+
                                    how to unravel the mysteries of biological
+
                                    processes? Hi! I am Alba and I am studying
+
                                    Data Analysis master’s course, I am proud
+
                                    to say that have modelled everything in the
+
                                    project while exploring the human limits of
+
                                    coffee consumption,</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-linkedin"
+
                                        href=
+
                                        "https://www.linkedin.com/in/alba-gonz%C3%A1lez-cebri%C3%A1n-67bab010b/en">
+
                                        <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#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>
 
                                 <span class="name">ALBA GONZALEZ</span>
 
                                 <hr>
 
                                 <hr>
Line 192: Line 206:
 
                         <div class="img-tile" style=
 
                         <div class="img-tile" style=
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/0/06/T--Valencia_UPV--teamAlicia.jpg')">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/0/06/T--Valencia_UPV--teamAlicia.jpg')">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">ALICIA
+
                                    CLIMENT</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"I think it's a
+
                                    nice idea"</span>
+
                                    <p class="detail-text">Hi! I am Alicia and
+
                                    I am in the third course of Biotechnology
+
                                    degree, I love smiling and playing around
+
                                    with chemicals and plants in the lab, so
+
                                    everyone calls me when they need a Minion!
+
                                    Check out the Notebook! It’s my baby</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
                                        href="#"><i class="fa fa-facebook"></i>
+
                                        <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#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>
 
                                 <span class="name">ALICIA CLIMENT</span>
 
                                 <hr>
 
                                 <hr>
Line 250: Line 231:
 
                         <div class="img-tile" style=
 
                         <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">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/c/cf/T--Valencia_UPV--FotoAlvaro.jpg'); background-position-y: -7em">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">ALVARO
+
                                    BALLESTEROS</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"Who I am going
+
                                    to sabotage today, Wet or Dry?"</span>
+
                                    <p class="detail-text">Nobody is sure if
+
                                    i’m wet or dry despite I’m studying
+
                                    Biotechnology. I’m a biology lover and I
+
                                    dream with DNA all night. Photoshop is my
+
                                    best friend because it can do amazing
+
                                    things.</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
                                        href=
+
                                        "https://www.facebook.com/alvaro.ballesteros.77">
+
                                        <i class="fa fa-facebook"></i>
+
                                        <i class="fa fa-facebook"></i></a>
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-twitter"
+
                                        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>
 
                                 <span class="name">ALVARO BALLESTEROS</span>
 
                                 <hr>
 
                                 <hr>
Line 313: Line 256:
 
                         <div class="img-tile" style=
 
                         <div class="img-tile" style=
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/3/33/T--Valencia_UPV--teamManu.png')">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/3/33/T--Valencia_UPV--teamManu.png')">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">MANUEL
+
                                    PORTOLES</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"Communication
+
                                    between biologists and computer scientists
+
                                    is doomed to failure"</span>
+
                                    <p class="detail-text" style=
+
                                    "margin-bottom:0;">ERS IT Advisory at
+
                                    Deloitte Spain, software developer and
+
                                    currently studying a Computer Science
+
                                    degree at Universidad Politécnica de
+
                                    Valencia. I really love Software
+
                                    Development, because it’s hugely
+
                                    collaborative and a very challenging
+
                                    profession. As part of Valencia UPV team I
+
                                    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>
 
                                 <span class="name">MANUEL PORTOLES</span>
 
                                 <hr>
 
                                 <hr>
Line 372: Line 277:
 
                         <div class="img-tile" style=
 
                         <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">
 
                         "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="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">DANIEL
+
                                    PELLICER</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"Pick and
+
                                    Shovel"</span>
+
                                    <p class="detail-text">Hello! I am a
+
                                    biomedical master’s student and I did my
+
                                    utmost working as an advisor, cheering up
+
                                    the team, doing bits and bobs in dry and
+
                                    wetlab… unfortunately, I fell into the
+
                                    invisibility marmite the day before the
+
                                    wikifreeze.</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
                                        href=
+
                                        "https://www.facebook.com/daniel.pellicerroig?fref=ts">
+
                                        <i class="fa fa-facebook"></i>
+
                                        <i class="fa fa-facebook"></i></a>
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-twitter"
+
                                        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>
 
                                 <span class="name">DANIEL PELLICER</span>
 
                                 <hr>
 
                                 <hr>
Line 435: Line 301:
 
                         <div class="img-tile" style=
 
                         <div class="img-tile" style=
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/4/49/T--Valencia_UPV--teamFran.jpg')">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/4/49/T--Valencia_UPV--teamFran.jpg')">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">FRANCISCO
+
                                    GUTIERREZ</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"I just lost The
+
                                    Game"</span>
+
                                    <p class="detail-text">Computer Science
+
                                    student, and the one who crafted this Wiki.
+
                                    My passions go from developing and
+
                                    programming, to composing music and making
+
                                    3d/2d animations and models.</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-twitter"
+
                                        href=
+
                                        "https://twitter.com/codemycoffee"><i class="fa fa-twitter">
+
                                        </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>
 
                                 <span class="name">FRANCISCO GUTIERREZ</span>
 
                                 <hr>
 
                                 <hr>
Line 487: Line 322:
 
                         <div class="img-tile" style=
 
                         <div class="img-tile" style=
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/8/88/T--Valencia_UPV--FotoDioge.jpg')">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/8/88/T--Valencia_UPV--FotoDioge.jpg')">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">DIOGENES
+
                                    BORT</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"Nadie tiene
+
                                    frases menos tres"</span>
+
                                    <p class="detail-text">I’m a last year
+
                                    Biotechnology student. In iGEM I’ve really
+
                                    enjoyed being a part of science. Through
+
                                    the process I’ve learned a lot of things,
+
                                    opening a door to a new world with
+
                                    wonderful people, and now I have a greater
+
                                    vision of Synthetic Biology.</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
                                        href="#"><i class="fa fa-facebook"></i>
+
                                        <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#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>
 
                                 <span class="name">DIOGENES BORT</span>
 
                                 <hr>
 
                                 <hr>
Line 548: Line 349:
 
                         <div class="img-tile" style=
 
                         <div class="img-tile" style=
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/f/f4/T--Valencia_UPV--teamNobel.jpg')">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/f/f4/T--Valencia_UPV--teamNobel.jpg')">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">NOBEL
+
                                    SANTOS</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"It's its
+
                                    job"</span>
+
                                    <p class="detail-text">Hello! I'm an
+
                                    electronical engineer especialized in
+
                                    control. Currently I'm studying an
+
                                    industrial automation master in the UPV. I
+
                                    entered in the world of biotecnology by
+
                                    chance, however I'm here to stay. The most
+
                                    important thing for me of the iGEM
+
                                    experience is the interesting people you
+
                                    can meet.</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
                                        href=
+
                                        "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>
 
                                 <span class="name">NOBEL SANTOS</span>
 
                                 <hr>
 
                                 <hr>
Line 600: Line 371:
 
                         <div class="img-tile" style=
 
                         <div class="img-tile" style=
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/f/fb/T--Valencia_UPV--FotoXavi.jpg')">
 
                         "background-image:url('https://static.igem.org/mediawiki/2016/f/fb/T--Valencia_UPV--FotoXavi.jpg')">
                         <div class="darken-tile">
+
                         <div class="name-quote">
                                <div class="hover-text">
+
                                    <span class="detail-name">XAVIER
+
                                    MOLERO</span>
+
                                    <hr class="detail-hr">
+
                                    <span class="detail-quote">"We'll be the
+
                                    first ones!"</span>
+
                                    <p class="detail-text">Hello! I study a
+
                                    master in industrial engineering.I’m quite
+
                                    interested in everything, and that is why I
+
                                    decided enroll again in iGEM (algo I like
+
                                    to suffer a bit)! The main goal was do
+
                                    something new and helpful to others. Guys,
+
                                    I have an idea…Ok, nobody? I will do
+
                                    it…</p>
+
                                    <div class="social-icons">
+
                                        <a class=
+
                                        "social-icon social-icon-sm social-facebook"
+
                                        href="#"><i class="fa fa-facebook"></i>
+
                                        <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>
 
                                 <span class="name">XAVIER MOLERO</span>
 
                                 <hr>
 
                                 <hr>
Line 656: Line 392:
 
         </div>
 
         </div>
 
     </section>
 
     </section>
 +
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Valencia_UPV/Templates:footerUPV}}
 
{{:Team:Valencia_UPV/Templates:footerUPV}}

Revision as of 03:03, 20 October 2016