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

 
(4 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
 
−
<section id="slider" class="fullheight parallax parallax-4" style="height: 801px; background-image: url(&quot;https://static.igem.org/mediawiki/2016/0/0d/T--Valencia_UPV--team_photo.jpg&quot;); background-position: 50% 0px;">
+
<section><div class="container-fluid"><div class="row"><div class="col-md-2 col-sm-3"><div class="side-nav margin-bottom-60 margin-top-30"><div class="side-nav-head"><button class="fa fa-bars"></button><h4>Index</h4></div><ul class="list-group list-group-bordered list-group-noicon uppercase"><li class="list-group-item"><a href="https://2016.igem.org/Team:Valencia_UPV/Design#Thisisatitle_id"><span class="size-11 text-muted pull-right"></span>This is a title</a></li><li class="list-group-item"><a href="https://2016.igem.org/Team:Valencia_UPV/Design#Thisisanothertitle_id"><span class="size-11 text-muted pull-right"></span>This is a nother title</a></li></ul></div></div><div class="col-md-10 col-sm-9"><div class="blog-post-item" id="Thisisatitle_id"><h3>This is a title</h3><p>this is another random content with stuff CH<sub>2</sub><br>next line is a centered image with a footer<br></p><img class="img-responsive" style="width:600px" src="https://goo.gl/gdljno"><p><br>next line is a example of a list with another nested list inside<br></p><ul><li>list1</li><li>item1</li></p><ul><li>tem2</li><li>item 2.1</li><li>item 2.2</li></ul><li>item3</li></ul><p></p></div><div class="blog-post-item" id="Thisisanothertitle_id"><h3>This is a nother title</h3><p>now this is more content, and a right image example and then a left image example<br></p><img class="img-responsive" style="width:600px" src="https://goo.gl/gdljno "><p><br></p><img class="img-responsive" style="width:600px" src="https://goo.gl/gdljno "><p><br>and stuff α <i>E. coli</i>, in the next line we have a table example<br></p><div class="table-responsive" style="width:55%;overflow:inherit"><table class="table table-bordered table-striped"><tr><th>T1</th><th>T2</th><th>T3</th></tr><tr><td>Liuh</td><td>Liuh</td><td>Luih</td></tr><tr><td>Al</td><td>Al</td><td>Al</td></tr></table></div><p>you can add a button in a new line like so<br><a class="btn btn-reveal btn-teal" href="https://goo.gl/gdljno" style="float:right;"><i class="fa fa-plus"></i><span>button</span></a><br>or you can add some links like this <a href="https://goo.gl/gdljno">this is a link</a> and it can be anywhere in the text<br></p></div></div></div></section>
−
<div class="overlay dark-5"><!-- dark overlay [0 to 9 opacity] --></div>
+
−
 
+
−
<div class="display-table">
+
−
<div class="display-table-cell vertical-align-middle">
+
−
<div class="container">
+
−
 
+
−
<div class="slider-featured-text text-center">
+
−
<h1 class="text-white wow fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
+
−
Our Team
+
−
</h1>
+
−
</div>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
</section>
+
−
<section class="page-header dark" style="margin-bottom:1em !important;margin-top:0 !important">
+
−
<div class="container">
+
−
<h1>Students</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')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">IVAN CASAS</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"No lo veo claro"</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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>
+
−
<hr>
+
−
<span class="quote">Wet Lab Master</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
                </div>
+
−
<!--/TILE-->
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/c/c5/T--Valencia_UPV--ivanLechera.jpg')">
+
−
<div class="darken-tile">
+
−
<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">Biotechnologist 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 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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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-->
+
−
<!--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')">
+
−
<div class="darken-tile">
+
−
<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">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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>
+
−
<div class="row">
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/0/06/T--Valencia_UPV--teamAlicia.jpg')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">ALICIA CLIMENT</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"Otra sin frase :("</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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-->
+
−
<!--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')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">ALVARO BALLESTEROS</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"Otro sin frase, voy a llorar"</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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">Infographics Guru</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
                </div>
+
−
<!--/TILE-->
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/c/c5/T--Valencia_UPV--ivanLechera.jpg')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">MANUELA PORTOLES</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"Creo que tienes frase pero no caigo"</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" style="margin-top:0.5em"><i class="fa fa-plus"></i><span>Attributions</span></a>
+
−
</div>
+
−
</div>
+
−
<div class="name-quote">
+
−
<span class="name">MANUELA PORTOLES</span>
+
−
<hr>
+
−
<span class="quote">Goat Fanatic</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
                </div>
+
−
<!--/TILE-->
+
−
</div>
+
−
<div class="row">
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/7/72/T--Valencia_UPV--teamDani.jpg')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">DANIEL PELLICER</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"Tu tampoco tienes frase leñe"</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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-->
+
−
<!--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')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">FRANCISCO GUTIERREZ</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"Ni yo tengo frase #SadViolin"</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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-->
+
−
<!--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')">
+
−
<div class="darken-tile">
+
−
<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">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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">Another biotech</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
                </div>
+
−
<!--/TILE-->
+
−
</div>
+
−
<div class="row">
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/f/f4/T--Valencia_UPV--teamNobel.jpg')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">NOBEL SANTOS</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"Es lo suyo"</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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-->
+
−
<!--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')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">XAVIER MOLERO</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote">"Seremos los primeros"</span>
+
−
<p class="detail-text">This will be all the bullshit about ourselves and what we do and shit probably justify this, otherwise it will look weird as fuck, cheers loves</p>
+
−
<div class="social-icons">
+
−
<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>
+
−
<a class="btn btn-reveal btn-teal" href="#" 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>
+
−
</div>
+
−
</section>
+
−
<section class="page-header dark" style="margin-bottom:1em !important;margin-top:1em !important;">
+
−
<div class="container">
+
−
<h1>Instructors</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/2014/6/6e/VUPV_Profile_Diego.png')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">DIEGO ORZAEZ</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote"></span>
+
−
<p class="detail-text">He is Senior Researcher at Spanish Research Council and co-leader of the Plant Biotechnology Group at the Plant Molecular and Cell Biology Institute (IBMCP). Diego is interested in the design of innovative agricultural goods using synthetic biology tools. He learns how to re-direct the genetic program of the plants towards the synthesis of added-value products like fine chemicals or biopharmaceuticals.</p>
+
−
</div>
+
−
</div>
+
−
<div class="name-quote">
+
−
<span class="name">DIEGO ORZAEZ</span>
+
−
<hr>
+
−
<span class="quote">Biotechnologist</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!--/TILE-->
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2014/4/4c/V_UPV_Alberto_team.png')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">ALBERTO CONEJERO</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote"></span>
+
−
<p class="detail-text">He received his Ph.D. from the Universitat Politècnica de València (Spain) in 2004, obtaining the outstanding dissertation award of this institution. Nowadays, he is associate professor at the School of Informatics - iSchool of this university and he is also researcher at the Instituto Universitario de Matemática Pura y Aplicada (IUMPA-UPV). His interests are the study of dynamical systems, chaos theory, mathematical modelling, and multidisciplinary applications of graph theory. He is also enthusiastic about the development of students soft skills.</p>
+
−
</div>
+
−
</div>
+
−
<div class="name-quote">
+
−
<span class="name">ALBERTO CONEJERO</span>
+
−
<hr>
+
−
<span class="quote">Mathematician</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!--/TILE-->
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2014/9/9a/Profile_Javier.jpg')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">JAVIER URCHUEGUIA</span>
+
−
<hr class="detail-hr" style="width:90%">
+
−
<span class="detail-quote"></span>
+
−
<p class="detail-text" style="width:90%">He is Full Professor of Applied Physics and works in Synthetic Biology since 2005 were he has taken part in different Spanish and European SB projects dealing with the subject of biofuel production by microorganisms. In his research he has contributed to develop in-silico models of cyanobacteria capable of producing ethanol and hydrogen amongst other fuels, working hand-in-hand with biologists and biotechnologists. Since 2006 Javier has participated as Instructor in IGEM, contributing to attract students to the field of SB in Valencia.</p>
+
−
</div>
+
−
</div>
+
−
<div class="name-quote">
+
−
<span class="name">JAVIER URCHUEGUIA</span>
+
−
<hr>
+
−
<span class="quote">Physicist</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!--/TILE-->
+
−
</div>
+
−
<div class="row">
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2014/f/fb/VUPVJPico.jpg')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">JESUS PICO</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote"></span>
+
−
<p class="detail-text">He is a control engineer fascinated by the world of systems and synthetic biology. Jesús Picó is Full Professor of Automatic Control at the Universitat Politècnica de València. He leads the group of Control of Complex Systems at the Institute for Automatic Control and Industrial Computing. His main interests are in modeling and feedback control of bioreactors, robust methods for estimation of metabolic fluxes and flux balance analysis, and nonlinear feedback control techniques applied to synthetic biological circuits. He has been instructor of the team since 2012</p>
+
−
</div>
+
−
</div>
+
−
<div class="name-quote">
+
−
<span class="name">JESUS PICO</span>
+
−
<hr>
+
−
<span class="quote">Control Engineer</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!--/TILE-->
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/c/c5/T--Valencia_UPV--ivanLechera.jpg')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">Paloma</span>
+
−
<hr class="detail-hr">
+
−
<span class="detail-quote"></span>
+
−
<p class="detail-text">PALOMAS DESCRIPTION</p>
+
−
</div>
+
−
</div>
+
−
<div class="name-quote">
+
−
<span class="name">Paloma</span>
+
−
<hr>
+
−
<span class="quote">Stuff</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!--/TILE-->
+
−
<!--TILE-->
+
−
<div class="col-md-4 col-sm-6">
+
−
<div class="tile">
+
−
<div class="img-tile" style="background-image:url('https://static.igem.org/mediawiki/2016/1/1f/T--Valencia_UPV--PepeTeam.png')">
+
−
<div class="darken-tile">
+
−
<div class="hover-text">
+
−
<span class="detail-name">JOSE GADEA</span>
+
−
<hr class="detail-hr">
+
−
<p class="detail-text">He is Associate Professor at the Universidad Politécnica de Valencia and researcher at the Plant Molecular and Cell Biology Institute (IBMCP). His current research is directed at the molecular mechanisms that mediate resistance to stresses in plants, pursuing the gene that makes citrus plants resistant to canker disease or identifying genes that can make the seed live longer. He is teaching Genomics at the Biotechnology Degree at UPV, although his main interest is not what to teach but how to teach it.</p>
+
−
</div>
+
−
</div>
+
−
<div class="name-quote">
+
−
<span class="name">JOSE GADEA</span>
+
−
<hr>
+
−
<span class="quote">Stuff</span>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!--/TILE-->
+
−
</div>
+
−
</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: 80%;
+
−
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: 80%;
+
−
margin: auto;
+
−
margin-bottom: 1.5em;
+
−
    margin-top: 1em;
+
−
}
+
−
@media screen and (max-width: 1370px){
+
−
.name, .quote{
+
−
font-size: 10pt;
+
−
}
+
−
.name-quote{
+
−
width:50%;
+
−
}
+
−
            .container-fluid{
+
−
                margin:0;
+
−
            }
+
−
}
+
−
@media screen and (max-width: 790px){
+
−
.container-fluid{
+
−
margin:0;
+
−
}
+
−
}
+
−
</style>
+
  
 
</body>
 
</body>

Latest revision as of 20:39, 19 October 2016


Index

This is a title

this is another random content with stuff CH2
next line is a centered image with a footer


next line is a example of a list with another nested list inside

  • list1
  • item1

    • tem2
    • item 2.1
    • item 2.2
  • item3

This is a nother title

now this is more content, and a right image example and then a left image example



and stuff α E. coli, in the next line we have a table example

T1T2T3
LiuhLiuhLuih
AlAlAl

you can add a button in a new line like so
button
or you can add some links like this this is a link and it can be anywhere in the text


Sponsors