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

 
(97 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{:Team:Valencia_UPV/Templates:Navbar}}
+
{{:Team:Valencia_UPV/Templates:fonts}}
 +
{{:Team:Valencia_UPV/Templates:bootstrap}}
 +
{{:Team:Valencia_UPV/Templates:essentials}}
 +
{{:Team:Valencia_UPV/Templates:layout}}
 +
{{:Team:Valencia_UPV/Templates:green}}
 +
{{:Team:Valencia_UPV/Templates:header}}
 +
{{:Team:Valencia_UPV/Templates:customcss}}
 
<html>
 
<html>
−
<body class="smoothscroll enable-animation">
+
<head>
−
    <!-- BREADCRUMBS -->
+
<meta charset="utf-8"/>
 +
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css">
 +
<style>
 +
.box-default{
 +
padding-bottom: 10px !important;
 +
border-radius: 5px;
 +
}
 +
.jopemodal-footer{
 +
margin: 10px -10px -10px -10px;
 +
padding: 10px 10px 10px 10px;
 +
}
 +
.modal-header{
 +
    border-bottom: none !important;
 +
    padding: 0px !important;
 +
    margin: -10px -10px 10px -10px !important;
 +
}
 +
                        #jopemodalprofe-header{
 +
                            border-bottom: 1px solid #eceeef !important;
 +
                            margin: 0px 10px 10px 10px !important
 +
                        }
 +
</style>
 +
</head>
 +
<body>
 
     <div id="wrapper">
 
     <div id="wrapper">
−
        <section class="page-header page-header-xs">
+
<div id="header" class="navbar-toggleable-md sticky clearfix">
−
            <div class="container">
+
 
−
                <h1>TEAM</h1>
+
<!-- TOP NAV -->
−
            <ol class="breadcrumb">
+
<header id="topNav">
−
                <li><a href="#">Home</a></li>
+
−
                <li>Team</li>
+
−
                <li class="active">Team</li>
+
−
            </ol>
+
−
            </div>
+
−
        </section>
+
−
    </div>
+
−
<!-- /BREADCRUMBS -->
+
−
<section style = "padding-top: 60px !important">
+
 
<div class="container">
 
<div class="container">
−
 
−
<p class="lead">About iGEM</p>
 
−
<p>iGEM or international Genetically Engineering Machine competition is a worldwide event based on Synthetic Biology where teams intend to solve real-world challenges by engineering biological systems. Annually, students from different areas design, construct and test their projects and demonstrate their work in the annual Jamboree Competition. From the last 10 years, iGEM teams create innovative projects that strive to create a positive contribution to all communities around  the World.</p>
 
−
<p>iGEM’s competition was born as an independent study course at the Massachusetts Institute of Technology (MIT) in Boston, with only 5 teams working on simple biological devices. However, the competition started to grow and now, over more than 300 teams from 30 different countries are developing innovative projects.</p>
 
−
<p>Nowadays, iGEM’s projects are not just about biology or engineering disciplines. Students from very diverse fields are indispensable to fulfil and perform their own projects. Disciplines such as computer science, art and design, physics, marketing, law, mathematics and social sciences take an essential part in iGEM community. Essential values are promoted by iGEM competition. Students must respect other undergraduates and cooperate with other teams. Furthermore, honesty, integrity and effort values are expected to be achieved.</p>
 
  
−
<p class="lead" style = "margin-top: 30px !important">About our team</p>
+
<!-- Mobile Menu Button -->
−
<p>During the last 10 years, Valencia UPV team tries to contribute to Synthetic Biology advance. The fundamental values that define our team is its multidisciplinarity, honesty, respect, cooperation and effort. Annually, biotechnologists, industrials, electronics and biomedical engineers, computer scientists and art-design students from Polytechnic University of Valencia (UPV) form our team. Different points of view of each discipline come together to enrich the content and ideas of our projects.</p>
+
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
−
<p>However, Valencia UPV team not only is composed by all SynBio-interested students. We are supported by instructors and advisors who take care about technical aspects of our projects, doubts and concerns that appear during all iGEM experience. In recent years, Valencia UPV team was awarded with Gold Medal and several Special Prizes in iGEM competition. In 2014, Sexy Plant project received Best Part Collection prize and two years later, HYPE-IT was rewarded with Best Hardware and Best Software Tool prizes.</p>
+
<i class="fa fa-bars"></i>
−
<p>Since 2006, Polytechnic University of Valencia has been participating in the competition. Until 2014, our team collaborated with other Universities from Valencia. Since then, , our University has its own team and develop their work with the help of Generación Espontánea program, the Spanish National Research Council (CSIC) and Institute of Molecular and Cellular Biology of Plants (IBMCP).</p>
+
</button>
−
+
 
−
<p class="lead" style = "margin-top: 30px !important">Team iGEM UPV 2017</p>
+
<!-- BUTTONS -->
−
+
<ul class="float-right nav nav-pills nav-social nav-second-main">
 +
<li>
 +
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
 +
<i class="fa fa-instagram"></i>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
 +
<i class="fa fa-facebook"></i>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
 +
<i class="fa fa-globe"></i>
 +
</a>
 +
</li>
 +
</ul>
 +
<!-- /BUTTONS -->
 +
 
 +
<!-- Logo -->
 +
<a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
 +
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
 +
</a>
 +
<div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
 +
<nav class="nav-main">
 +
<ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" href="#">
 +
TEAM
 +
</a>
 +
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
 +
Team
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
 +
Attributions
 +
</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" href="#">
 +
PROJECT
 +
</a>
 +
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
 +
Description
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
 +
Results
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Applied_Design">
 +
Applied Design
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
 +
Collaborations
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
 +
Achievements
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
 +
Safety
 +
</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" href="#">
 +
WET LAB
 +
</a>
 +
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
 +
Biological Design
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
 +
Experiments
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
 +
Protocols
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
 +
Notebook
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
 +
Contribution
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
 +
PlantSynBio
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
 +
Parts
 +
</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" href="#">
 +
DRY LAB
 +
</a>
 +
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
 +
Modeling
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
 +
Software
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
 +
Hardware
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
 +
Graphic Design
 +
</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" href="#">
 +
HUMAN PRACTICES
 +
</a>
 +
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
 +
Outreach
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
 +
Integrated and gold
 +
</a>
 +
</li>
 +
</ul>
 +
</li>                                                               
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
</header>
 +
<!-- /TOP NAV -->
 +
</div>
 +
<!--CABECERA-->
 +
<section class="section-xs" style="border-bottom: none;">
 +
<div class="container">
 +
<div class="text-center">
 +
<p class="font-lato fw-300 lead mt-0" style="padding-top: 20px !important;margin-bottom: 20px !important;text-align: left !important;">Home • Team •</p>
 +
<img align="center" src="https://static.igem.org/mediawiki/2017/9/95/TeamFotoTeamValencia.jpeg" width="100%">
 +
<div class="col-md-12">
 +
<h3 class="jopetitles">TEAM</h3>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!--/CABECERA-->
 +
<section class="section-xs">
 +
<div class="container">
 +
<div class="heading-title heading-border heading-color">
 +
<h3>Student Team <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">The ChatterFamily.</p>
 +
</div>
 
<div class="row">
 
<div class="row">
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box- box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#aliciaModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Alicia.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/8/8e/AliciaFotoTeamValencia.png" alt="" />
−
<h2>Alicia Climent Catalá</h2>
+
<h2 class="chatternombre">Alicia Climent</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
Line 47: Line 253:
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
 
 
</div>
 
</div>
 +
</div>
 +
 +
<div id="aliciaModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3a/FichaTeamAliciaValencia.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Biotechnologist</p>
 +
 +
<h4>Age</h4>
 +
<p>20</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>How is the wiki going?</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>Synthetic Biology became my passion on iGEM 2016. Hard-working to achieve your own goals is an amazing experience so I’m participating again to know Plant SynBio deeply along with having an incredible summer. </p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Do you mean outside of iGEM?  I can't remember anymore. The pipettes and plants are my life right now.  </p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Ant-man</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Papaya</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/profile.php?id=100006909825765" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">aliciaclimentcatala13@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style=" background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box- box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box- box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#carlosModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Carlos.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/97/CarlosFotoTeamValencia.png" alt="" />
−
<h2>Carlos Antequera Sánchez</h2>
+
<h2 class="chatternombre">Carlos Antequera</h2>
 
<small>Biomedical Engineer</small>
 
<small>Biomedical Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="carlosModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #7ac3cc !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3e/FichaTeamValenciaCarlos.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Biomedical engineering</p>
 +
 +
<h4>Age</h4>
 +
<p>21</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"What are you doing?","Imagine you have two melons" (In andalucian accent)</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>I have been looking for a summer project that allow me to improve my engineering skills and I love to learn from other disciplines. So, madness + curiosity = iGEM</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Trumpet, guitar, draw lanscapes, hiking, bmx, go out with my friends on crazy nigths, series, do handstand with ears, laugh till you cry, read books, neuroscience, model people behaviour (also when they sleep).</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Deadpool</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Blueberries</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/carlitos.ante" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">c.antequerasanchez@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style=" background-color: #7ac3cc;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 73: Line 379:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#rodriModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Rodri.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/8/8d/RodrigoFotoTeamValencia.jpeg" alt="" />
−
<h2>Rodrigo H. Álvarez de Araya</h2>
+
<h2 class="chatternombre">Rodrigo Herrero</h2>
 
<small>Industrial Engineer</small>
 
<small>Industrial Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="rodriModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/0c/FichaTeamValenciaRodri.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Industrial Engineering</p>
 +
 +
<h4>Age</h4>
 +
<p>21</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"shut up"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>Biotechnological and scientific curiosity brought me to be a part of this amazing team</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Snorkel, sport and cinema</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Watchmen</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Mango</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.linkedin.com/in/rodrigo-herrero-11211614a" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">rodrigo_herrero@outlook.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 91: Line 448:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#teoModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Pasogias.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/b/b6/PasogiasFotoTeamValencia.jpeg" alt="" />
−
<h2>Juan Teodoro Pasogias</h2>
+
<h2 class="chatternombre">Juan Pasogias</h2>
 
<small>Computer scientist</small>
 
<small>Computer scientist</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="teoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/03/FichaTeamValenciaTeo.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Computer Science</p>
 +
 +
<h4>Age</h4>
 +
<p>23</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"Jamboreeee!"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>I got tricked into it, it was all a plot to get me skip my summer. SynBio is a relatively new tool that is raising more each day  and I would like to contribute as much as I can to this field.</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Videogame, D&D, Films, Walks, Kendo, Sleeping, Travelling</p>
 +
 +
<h4>Fav Hero/Game/Film</h4>
 +
<p>Dark Souls</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Banana</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/juan.pasogias.7" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">jpasogias@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 109: Line 517:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#jopeModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Jopegar.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/9a/JopegarFotoTeamValencia.jpeg" alt="" />
−
<h2>Jose Antonio Pérez García</h2>
+
<h2 class="chatternombre">Jose Antonio Pérez</h2>
 
<small>Computer scientist</small>
 
<small>Computer scientist</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="jopeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/8/8b/FichaTeamValenciaJopegar.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Computer scientist</p>
 +
 +
<h4>Age</h4>
 +
<p>22</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"This works this way"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>I accepted to join iGEM because i was afraid to work in a big project like this, so the way to lose this fear is shock therapy. Another reason is that i like meet new people, and see differents points of view, and biology and this oportunity got together all of this.</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>I love board games, but I also like playing video games and take walks while talking with friends.</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Faith Connors/Bioshock Infinite/Grave of the Fireflies </p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Life Itself</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/joseantonio.perezgarcia.921" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.instagram.com/jopegar/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">joseantonioinforsedavi@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 127: Line 590:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#leanModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Alberto.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/6/6b/LeandroFotoTeamValencia.jpeg" alt="" />
−
<h2>Leandro Lecca Villacorta</h2>
+
<h2 class="chatternombre">Leandro Lecca</h2>
 
<small>Biomedical Engineer</small>
 
<small>Biomedical Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="leanModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #7dc2cb !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/1/14/FichaTeamValenciaLean.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Biomedical Engineer</p>
 +
 +
<h4>Age</h4>
 +
<p>21</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"Things out of the ordinary, with science, tend to stabilize."</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>I always dreamt to be an active part of a student project related to biology. In iGEM I found a great opportunity. Now I don't want separate from it. </p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Travelling abroad. Spending time with my friends on summer nights. Research in SynBio and neuro-robotics.</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Green Lantern</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Cherries</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/lean.cs.96" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.instagram.com/leandrolecca/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">lean.lecca.96@icloud.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #7dc2cb;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 145: Line 663:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#salvaModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Jopegar.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/04/SalvaFotoTeamValencia.jpeg" alt="" />
−
<h2>Salva Antón</h2>
+
<h2 class="chatternombre">Salva Antón</h2>
−
<small>Graphic designer</small>
+
<small>Graphic Designer</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="salvaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaSalva.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Fine Arts</p>
 +
 +
<h4>Age</h4>
 +
<p>23</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"Yuju!"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>I joined iGEM because it appealed to me as a challenge to work for a Scientific team as a graphic designer. #LifeIsHardAsAGraphicDesigner</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>My turtle pepa, eating, plants, sleep, swiming, beach and mountain, again eat, and the pantone palette</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Color Pantone</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Dinosaurus "Puntitos"</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
                                                                                        <a href="https://www.facebook.com/3salva.anton" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">salva.antonb@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #eea0a0;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 163: Line 736:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#evaModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Carlos.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/4/49/EvaFotoTeamValencia.jpeg" alt="" />
−
<h2>Eva Gómez</h2>
+
<h2 class="chatternombre">Eva Gómez</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="evaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #c5c3c4 !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaEva.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Biotechnology</p>
 +
 +
<h4>Age</h4>
 +
<p>21</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"Stop changing the Human, please"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>I meet iGEM three years ago, but until now I didn't have the necessary time to get involved on it. I always found Synthetic Biology very interesting and I thought that it could be a great idea to know more by being part of iGEM. </p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Flute, series, sleeping, cats, heavy music and travelling abroad.</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Winter Soldier</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Cherry</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/eva.gomez.73744?ref=br_rs" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.instagram.com/eviticola/"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">eviticola96@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #c5c3c4;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 181: Line 809:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#paulaModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Paula.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/c/c6/PaulaFotoTeamValencia.jpeg" alt="" />
−
<h2>Paula Berbegal</h2>
+
<h2 class="chatternombre">Paula Berbegal</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="paulaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #aed3ac !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/a/ae/FichaTeamValenciaPaula.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Biotechnology</p>
 +
 +
<h4>Age</h4>
 +
<p>20</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"The lionesses are the ones who hunt"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>Falsely believe that I had too much free time in summer along with I wanted to know more about synthetic biology, took me to iGEM arms.</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Acting, take a walk on summer nights, eating straccitella ice-cream.</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Lord of the rings / Dr. Manhattan</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Peach</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/paula.berbegal" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.instagram.com/paulaaberbe/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">pauliib.97@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 199: Line 882:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#fabModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Fabian.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/2/2d/FabianFotoTeamValencia.jpeg" alt="" />
−
<h2>Fabián Robledo</h2>
+
<h2 class="chatternombre">Fabián Robledo</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="fabModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #aed3ac !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/9/92/FichaTeamValenciaFab.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Biotechnology</p>
 +
 +
<h4>Age</h4>
 +
<p>20</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"I'm not ashamed from hiding it"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>When I first meet iGEM i felt curious about it: Hard working, learning a lot of new things and making new friends. "This should be great!" I thought.</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>A good story will catch me until is finished: Books, games, films, series... When I'm not in the lab, you'll probably find me behind a computer, (e-)book or mobile, reading or searching for whatever i was curious 5 seconds ago.</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Final Fantasy</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Apple</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/profile.php?id=100010177329808" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">fabianry97@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 217: Line 951:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#alvModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Alvaro.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/e/ec/AlvaroFotoTeamValencia.png" alt="" />
−
<h2>Álvaro Ballesteros</h2>
+
<h2 class="chatternombre">Álvaro Ballesteros</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="alvModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #aed3ac !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/b/b5/FichaTeamValenciaAl.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Biotechnology</p>
 +
 +
<h4>Age</h4>
 +
<p>21</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"Alberto...?, Alberto...? Are you there...? I've lost you"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>Man is the only animal to stumble over the same stone twice.</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Netflix, Xiaomi, Juniors and Utiel.</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Inception</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Icecream</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/alvaro.ballesteros.77" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">alvarobgutiel@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 235: Line 1,020:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#jorgeModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Carlos.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/4/48/BuguiFotoTeamValencia.png" alt="" />
−
<h2>Jorge Burguet Zamit</h2>
+
<h2 class="chatternombre">Jorge Burguet</h2>
−
<small>Agronomist</small>
+
<small>Agricultural and Food Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="jorgeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #c5c3c4c !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://2017.igem.org/File:FichaTeamValenciaJorge.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Agricultural and Food Engineering</p>
 +
 +
<h4>Age</h4>
 +
<p>24</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"I'm going to get a coffee".</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>Participate in a project in which I can acquire new skills and complete my vocational training as well as take advantage of the experience that gives me work in a multidisciplinary team.</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Writing, cooking, playing the guitar, farming</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Keith Richards/Kelly's Heroes</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Watermelon</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/jorge.burguetzamit" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.instagram.com/jorgeburguet/" target="_blank" style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">jorgeburguet@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #c5c3c4;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 253: Line 1,093:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#ireneModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Rodri.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/d/d0/IreneFotoTeamValencia.jpeg" alt="" />
−
<h2>Irene Martinez</h2>
+
<h2 class="chatternombre">Irene Martínez</h2>
 
<small>Graphic Designer</small>
 
<small>Graphic Designer</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="ireneModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog modal-lg">
 +
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
 +
 +
<!-- Modal Header -->
 +
<div class="modal-header">
 +
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/7/73/FichaTeamValenciaIrene.png"/>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body jopemodal">
 +
<h4>Studies</h4>
 +
<p>Fine Arts</p>
 +
 +
<h4>Age</h4>
 +
<p>22</p>
 +
 +
<h4>iGEM quote</h4>
 +
<p>"Yo he venido aqui a hablar de mi libro"</p>
 +
 +
<h4>Why Are You on iGEM?</h4>
 +
<p>I joined iGEM as an opportunity to develop my design skills, draw a lot of cute plants and work with nice people in a challenging project.</p>
 +
 +
<h4>Hobbies</h4>
 +
<p>Travelling, drawing and eating pizza while doing so.</p>
 +
 +
<h4>Fav Hero/Game/film</h4>
 +
<p>Lumpy Space Princess</p>
 +
 +
<h4>Fav Fruit</h4>
 +
<p>Mango</p>
 +
 +
<h4>Social Media</h4>
 +
<div class="row" style="padding-left: 15px;">
 +
<a href="https://www.facebook.com/profile.php?id=100001529633834" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.instagram.com/irenemartinezart/" target="_blank" style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.linkedin.com/in/irene-mart%C3%ADnez-soler-b5190014b/" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">irene.grafic@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #eea0a0;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 269: Line 1,168:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
−
 
 
</div>
 
</div>
 
 
−
<p class="lead" style = "margin-top: 30px !important">Advisors</p>
+
<div class="heading-title heading-border heading-color">
 +
<h3>Advisors <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">You always speak with the voice of experience.</p>
 +
</div>
 
 
 
<div class="row">
 
<div class="row">
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 283: Line 1,184:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Alba.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/a/ac/AlbaFotoTeamValencia.png" alt="" />
−
<h2>Alba González</h2>
+
<h2 class="chatternombre">Alba González</h2>
 
<small>Biomedical Engineer</small>
 
<small>Biomedical Engineer</small>
 
<br />
 
<br />
Line 295: Line 1,196:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 301: Line 1,202:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Ivan.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/4/43/IvanFotoTeamValencia.jpeg" alt="" />
−
<h2>Iván Casas</h2>
+
<h2 class="chatternombre">Iván Casas</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
Line 313: Line 1,214:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 319: Line 1,220:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Xavi.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/5d/XavierFotoTeamValencia.jpeg" alt="" />
−
<h2>Xavier Molero</h2>
+
<h2 class="chatternombre">Xavier Molero</h2>
 
<small>Industrial Engineer</small>
 
<small>Industrial Engineer</small>
 
<br />
 
<br />
Line 331: Line 1,232:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 337: Line 1,238:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Nobel.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/1/1b/NobelFotoTeamValencia.jpeg" alt="" />
−
<h2>Nobel Santos</h2>
+
<h2 class="chatternombre">Nobel Santos</h2>
 
<small>Electronic Engineer</small>
 
<small>Electronic Engineer</small>
 
<br />
 
<br />
Line 349: Line 1,250:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 355: Line 1,256:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Manu.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/e/e5/ManuFotoTeamValencia.jpeg" alt="" />
−
<h2>Manuel Portolés</h2>
+
<h2 class="chatternombre">Manuel Portolés</h2>
 
<small>Computer Scientist</small>
 
<small>Computer Scientist</small>
 
<br />
 
<br />
Line 367: Line 1,268:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 373: Line 1,274:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Dani.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/d/d2/DanielFotoTeamValencia.jpeg" alt="" />
−
<h2>Daniel Pellicer</h2>
+
<h2 class="chatternombre">Daniel Pellicer</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
Line 383: Line 1,284:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
−
 
−
</div>
 
−
 
−
<p class="lead" style = "margin-top: 30px !important">Collaborators</p>
 
−
 
−
<div class="row">
 
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 397: Line 1,292:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Rodri.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/7/70/YadiraFotoTeamValencia.png" alt="" />
−
<h2>Sílvia</h2>
+
<h2 class="chatternombre">Yadira Boada</h2>
−
<small>Artist Design</small>
+
<small>Control Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 407: Line 1,302:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
  
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/9a/AleFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Alejandro Vignoni</h2>
 +
<small>Control Engineer</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 
</div>
 
</div>
  
−
<p class="lead" style = "margin-top: 30px !important">Instructors</p>
+
<div class="heading-title heading-border heading-color">
 +
<h3>Instructors <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">Thank you for your unconditional support!</p>
 +
</div>
 
 
 
<div class="row">
 
<div class="row">
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#albertoModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Alberto.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/e/e2/AlbertoFotoTeamValencia.png" alt="" />
−
<h2>Alberto Conejero</h2>
+
<h2 class="chatternombre">Alberto Conejero</h2>
 
<small>Mathematician</small>
 
<small>Mathematician</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="albertoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header"class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Alberto Conejero</h4>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>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 a 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 modeling and multidisciplinary applications of graph theory. He is also enthusiastic about the development of students soft skills.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 433: Line 1,365:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
−
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#jesusModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Jesus.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/4/42/JesusFotoTeamValencia.png" alt="" />
−
<h2>Jesús Picó</h2>
+
<h2 class="chatternombre">Jesús Picó</h2>
 
<small>Control Engineer</small>
 
<small>Control Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="jesusModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Jesús Picó</h4>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>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>
 
</div>
Line 451: Line 1,400:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#diegoModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Diego Orzaez</h2>
 +
<small>Biologist</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="diegoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Diego Orzaez</h4>
 +
</div>
 +
 
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>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>
 +
</div>
 +
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#javierModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/c/c2/JavierFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Javier Urchueguia</h2>
 +
<small>Physicist</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="javierModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Javier Urchueguia</h4>
 +
</div>
 +
 
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>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>
 +
</div>
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#cuetoModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">José Luis Cueto</h2>
 +
<small>Artist</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="cuetoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">José Luis Cueto</h4>
 +
</div>
 +
 
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>Doctor in Fine Arts from the UPV and Vice-chancellor of students, culture and sport. J.L Cueto is Professor in Fine Arts Degree and is currently a member of the Art and Environment Research Group. His interests are the relations of art with the society and the city, and museum spaces along with the didactics of new interactive technologies.This is his first time as an Instructor and he has been responsible for the support and guidance of our iGEM students during his career in the competition.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#nuriaModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
 +
<h2 class="chatternombre">Nuria Rodríguez</h2>
 +
<small>Graphic Designer</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="nuriaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Nuria Rodríguez</h4>
 +
</div>
 +
 
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>Doctorate in Fine Arts from the UPV, she is a researcher at the Art and Environment Research Center. Her work focuses on the study of relationships between art and design and the recovery of the memory of women artists. She teaches in the Painting Department, where she collaborates in initiatives that relate the fusion of analog and digital procedures. This 2017 is her first time participating as an Instructor, helping us with our project's smart design.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
 
 +
</div>
 +
 +
<div class="heading-title heading-border heading-color">
 +
<h3>Collaborators <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">You were the best interns.</p>
 +
</div>
 +
 +
<div class="row">
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 457: Line 1,553:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Diego.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/f/fe/SilviaFotoTeamValencia.jpeg" alt="" />
−
<h2>Diego Orzaez</h2>
+
<h2 class="chatternombre">Sílvia Ferrer</h2>
−
<small>Biotechnologist</small>
+
<small>Artist Design</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 469: Line 1,565:
 
 
 
<!-- item -->
 
<!-- item -->
−
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 475: Line 1,571:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
−
<img class="img-fluid" src="assets/images/team/Javier.png" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/54/JoanFotoTeamValencia.jpeg" alt="" />
−
<h2>Javier Urchueguia</h2>
+
<h2 class="chatternombre">Joan Casado</h2>
−
<small>Physicist</small>
+
<small>Artist Design</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 485: Line 1,581:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">José-Antonio Daròs</h2>
 +
<small>Scientific Researcher</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
 +
<h2 class="chatternombre">Teresa Cordero</h2>
 +
<small>Ph.D. Student</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
 +
<h2 class="chatternombre">Anamarija Butkovic</h2>
 +
<small>Postgraduate Student</small>
 +
<br/>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
  
 
</div>
 
</div>
Line 490: Line 1,638:
 
 
 
</div>
 
</div>
−
</section>
+
</section>
 +
</div>
 +
<!-- /wrapper -->
 +
 
 +
 
 +
<!-- SCROLL TO TOP -->
 +
<a href="#" id="toTop"></a>
 +
 
 +
 
 +
<!-- PRELOADER -->
 +
<div id="preloader">
 +
<div class="inner">
 +
<span class="loader"></span>
 +
</div>
 +
</div><!-- /PRELOADER -->
 +
  <script async type="text/javascript" src="demo_files/styleswitcher/styleswitcher.js"></script>
 +
  <script>
 +
setTimeout(function() {
 +
    $( "p" ).first().css({ display: "none" });
 +
}, 0);
 +
  </script>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Valencia_UPV/Templates:Footer}}
 
{{:Team:Valencia_UPV/Templates:Footer}}

Latest revision as of 17:55, 21 November 2017

Home • Team •

TEAM

Student Team iGEM 2017

The ChatterFamily.

Alicia Climent

Biotechnologist

Carlos Antequera

Biomedical Engineer

Rodrigo Herrero

Industrial Engineer

Juan Pasogias

Computer scientist

Jose Antonio Pérez

Computer scientist

Leandro Lecca

Biomedical Engineer

Salva Antón

Graphic Designer

Eva Gómez

Biotechnologist

Paula Berbegal

Biotechnologist

Fabián Robledo

Biotechnologist

Álvaro Ballesteros

Biotechnologist

Jorge Burguet

Agricultural and Food Engineer

Irene Martínez

Graphic Designer

Advisors iGEM 2017

You always speak with the voice of experience.

Alba González

Biomedical Engineer

Iván Casas

Biotechnologist

Xavier Molero

Industrial Engineer

Nobel Santos

Electronic Engineer

Manuel Portolés

Computer Scientist

Daniel Pellicer

Biotechnologist

Yadira Boada

Control Engineer

Alejandro Vignoni

Control Engineer

Instructors iGEM 2017

Thank you for your unconditional support!

Alberto Conejero

Mathematician

Jesús Picó

Control Engineer

Diego Orzaez

Biologist

Javier Urchueguia

Physicist

José Luis Cueto

Artist

Nuria Rodríguez

Graphic Designer

Collaborators iGEM 2017

You were the best interns.

Sílvia Ferrer

Artist Design

Joan Casado

Artist Design

José-Antonio Daròs

Scientific Researcher

Teresa Cordero

Ph.D. Student

Anamarija Butkovic

Postgraduate Student