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

(Undo revision 154511 by Jopegar (talk))
 
(70 intermediate revisions by 5 users not shown)
Line 10: Line 10:
 
<meta charset="utf-8"/>
 
<meta charset="utf-8"/>
 
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
 
<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">
+
<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>
 
<style>
 
.box-default{
 
.box-default{
Line 16: Line 16:
 
border-radius: 5px;
 
border-radius: 5px;
 
}
 
}
.img-fluid{
+
.jopemodal-footer{
border-radius: 5px;
+
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>
 
</style>
 
</head>
 
</head>
Line 26: Line 36:
  
 
<!-- TOP NAV -->
 
<!-- TOP NAV -->
                <header id="topNav">
+
<header id="topNav">
                    <div class="container">
+
<div class="container">
+
 
                        <!-- Mobile Menu Button -->
+
<!-- Mobile Menu Button -->
                        <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
+
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
                            <i class="fa fa-bars"></i>
+
<i class="fa fa-bars"></i>
                        </button>
+
</button>
+
 
                        <!-- BUTTONS -->
+
<!-- BUTTONS -->
                        <ul class="float-right nav nav-pills nav-social nav-second-main">
+
<ul class="float-right nav nav-pills nav-social nav-second-main">
<li>
+
<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">
+
<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>
+
<i class="fa fa-instagram"></i>
</a>
+
</a>
    </li>
+
</li>
    <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">
+
<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>
+
<i class="fa fa-facebook"></i>
</a>
+
</a>
</li>
+
</li>
<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">
+
<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>
+
<i class="fa fa-globe"></i>
</a>
+
</a>
</li>
+
</li>
                        </ul>
+
</ul>
                        <!-- /BUTTONS -->
+
<!-- /BUTTONS -->
+
 
                        <!-- Logo -->
+
<!-- Logo -->
                        <a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
+
<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="" />
+
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
</a>
+
</a>
                        <div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
+
<div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
                            <nav class="nav-main">
+
<nav class="nav-main">
                                <ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
+
<ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
TEAM
+
TEAM
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
Team
+
Team
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
Attributions
+
Attributions
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
PROJECT
+
PROJECT
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
Description
+
Description
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
Collaborations
+
Results
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Applied_Design">
Achievements
+
Applied Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
Safety
+
Collaborations
</a>
+
</a>
</li>
+
</li>
</ul>
+
<li>
</li>
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
<li class="dropdown">
+
Achievements
<a class="dropdown-toggle" href="#">
+
</a>
WETLAB
+
</li>
</a>
+
<li>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
<li>
+
Safety
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
+
</a>
Biological Design
+
</li>
</a>
+
</ul>
</li>
+
</li>
<li>
+
<li class="dropdown">
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
+
<a class="dropdown-toggle" href="#">
Experiments
+
WET LAB
</a>
+
</a>
</li>
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
Results
+
Biological Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
Notebook
+
Experiments
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
Contribution
+
Protocols
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Improve">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
Improve
+
Notebook
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
PlantSynBio
+
Contribution
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
Parts
+
PlantSynBio
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Part_Collection">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
Part Collection
+
Parts
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
DRY LAB
+
DRY LAB
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
Model
+
Modeling
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
Software
+
Software
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
Hardware
+
Hardware
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
Graphic Design
+
Graphic Design
</a>
+
</a>
</li>  
+
</li>  
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
HUMAN PRACTICES
+
HUMAN PRACTICES
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
Silver
+
Outreach
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
Integrated and gold
+
Integrated and gold
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>                                                                 
+
</li>                                                                 
                                </ul>
+
</ul>
                            </nav>
+
</nav>
                        </div>
+
</div>
                    </div>
+
</div>
                </header>
+
</header>
<!-- /Top Nav -->
+
<!-- /TOP NAV -->
 
</div>
 
</div>
<!-- BREADCRUMBS -->
+
<!--CABECERA-->
        <section class="page-header page-header-xs" style = "font-family: 'Montserrat', sans-serif !important;">
+
<section class="section-xs" style="border-bottom: none;">
            <div class="container">
+
<div class="container">
                <h1 class = "titlebreadcrumbs">TEAM</h1>
+
<div class="text-center">
            <ol class="breadcrumb">
+
<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>
                <li><a href="#">Home</a></li>
+
<img align="center" src="https://static.igem.org/mediawiki/2017/9/95/TeamFotoTeamValencia.jpeg" width="100%">
                <li>Team</li>
+
<div class="col-md-12">
                <li class="active">Team</li>
+
<h3 class="jopetitles">TEAM</h3>
            </ol>
+
</div>
            </div>
+
</div>
        </section>
+
</div>
<!-- /BREADCRUMBS -->
+
</section>
<section style = "padding-top: 30px !important">
+
<!--/CABECERA-->
 +
<section class="section-xs">
 
<div class="container">
 
<div class="container">
 
<div class="heading-title heading-border heading-color">
 
<div class="heading-title heading-border heading-color">
 
<h3>Student Team <span>iGEM 2017</span></h3>
 
<h3>Student Team <span>iGEM 2017</span></h3>
<p class="font-lato fs-17">A multidisciplinary team.</p>
+
<p class="font-lato fs-17">The ChatterFamily.</p>
 
</div>
 
</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" data-toggle="modal" data-target="#aliciaModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/8/8e/AliciaFotoTeamValencia.png" alt="" />
<h2>Alicia Climent</h2>
+
<h2 class="chatternombre">Alicia Climent</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
Line 245: Line 256:
 
</div>
 
</div>
 
 
<div id="aliciaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
<div id="aliciaModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3a/FichaTeamAliciaValencia.png"/>
<h4 class="modal-title" id="myModalLabel">Alicia Climent Catalá</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnologist</p>
 
<p>Biotechnologist</p>
Line 264: Line 274:
 
 
 
<h4>iGEM quote</h4>
 
<h4>iGEM quote</h4>
<p></p>
+
<p>How is the wiki going?</p>
 
 
 
<h4>Why Are You on iGEM?</h4>
 
<h4>Why Are You on iGEM?</h4>
Line 279: Line 289:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
  <a href="https://www.facebook.com/profile.php?id=100006909825765" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook"></i>
+
<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">
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="aliciaclimentcatala13@gmail.com" data-original-title="" title=""></button>
+
<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>
Line 291: Line 310:
 
 
 
<!-- 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" data-toggle="modal" data-target="#carlosModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/97/CarlosFotoTeamValencia.png" alt="" />
<h2>Carlos Antequera</h2>
+
<h2 class="chatternombre">Carlos Antequera</h2>
 
<small>Biomedical Engineer</small>
 
<small>Biomedical Engineer</small>
 
<br />
 
<br />
Line 307: Line 326:
 
</div>
 
</div>
 
<div id="carlosModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="carlosModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #7ac3cc !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3e/FichaTeamValenciaCarlos.png"/>
<h4 class="modal-title" id="myModalLabel">Carlos Antequera Sánchez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biomedical engineering</p>
 
<p>Biomedical engineering</p>
 
 
 
<h4>Age</h4>
 
<h4>Age</h4>
<p>20+1(Septiembre)</p>
+
<p>21</p>
 
 
 
<h4>iGEM quote</h4>
 
<h4>iGEM quote</h4>
Line 340: Line 358:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.facebook.com/carlitos.ante" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="c.antequerasanchez@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<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 357: 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" data-toggle="modal" data-target="#rodriModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/8/8d/RodrigoFotoTeamValencia.jpeg" alt="" />
<h2>Rodrigo Herrero</h2>
+
<h2 class="chatternombre">Rodrigo Herrero</h2>
 
<small>Industrial Engineer</small>
 
<small>Industrial Engineer</small>
 
<br />
 
<br />
Line 373: Line 395:
 
</div>
 
</div>
 
<div id="rodriModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="rodriModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/0c/FichaTeamValenciaRodri.png"/>
<h4 class="modal-title" id="myModalLabel">Rodrigo H. Álvarez de Araya</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
<p>Industrial Engineer</p>
+
<p>Industrial Engineering</p>
 
 
 
<h4>Age</h4>
 
<h4>Age</h4>
Line 397: Line 418:
 
 
 
<h4>Hobbies</h4>
 
<h4>Hobbies</h4>
<p></p>
+
<p>Snorkel, sport and cinema</p>
 
 
 
<h4>Fav Hero/Game/film</h4>
 
<h4>Fav Hero/Game/film</h4>
Line 406: Line 427:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.facebook.com/rodrigo.herrero.73" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="rodrigo_herrero@outlook.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<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 423: 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" data-toggle="modal" data-target="#teoModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/b/b6/PasogiasFotoTeamValencia.jpeg" alt="" />
<h2>Juan Pasogias</h2>
+
<h2 class="chatternombre">Juan Pasogias</h2>
 
<small>Computer scientist</small>
 
<small>Computer scientist</small>
 
<br />
 
<br />
Line 439: Line 464:
 
</div>
 
</div>
 
<div id="teoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="teoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/03/FichaTeamValenciaTeo.png"/>
<h4 class="modal-title" id="myModalLabel">Juan Teodoro Pasogias Guallart</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Computer Science</p>
 
<p>Computer Science</p>
Line 472: Line 496:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.facebook.com/juan.pasogias.7" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="jpasogias@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<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 489: 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" data-toggle="modal" data-target="#jopeModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/9a/JopegarFotoTeamValencia.jpeg" alt="" />
<h2>Jose Antonio Pérez</h2>
+
<h2 class="chatternombre">Jose Antonio Pérez</h2>
 
<small>Computer scientist</small>
 
<small>Computer scientist</small>
 
<br />
 
<br />
Line 505: Line 533:
 
</div>
 
</div>
 
<div id="jopeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="jopeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/8/8b/FichaTeamValenciaJopegar.png"/>
<h4 class="modal-title" id="myModalLabel">Jose Antonio Pérez García</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Computer scientist</p>
 
<p>Computer scientist</p>
Line 523: Line 550:
 
 
 
<h4>iGEM quote</h4>
 
<h4>iGEM quote</h4>
<p></p>
+
<p>"This works this way"</p>
 
 
 
<h4>Why Are You on iGEM?</h4>
 
<h4>Why Are You on iGEM?</h4>
Line 538: Line 565:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.instagram.com/jopegar/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<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">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/joseantonio.perezgarcia.921" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="joseantonioinforsedavi@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">joseantonioinforsedavi@gmail.com</label>
</ul>
+
</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 560: 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" data-toggle="modal" data-target="#leanModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/6/6b/LeandroFotoTeamValencia.jpeg" alt="" />
<h2>Leandro Lecca</h2>
+
<h2 class="chatternombre">Leandro Lecca</h2>
 
<small>Biomedical Engineer</small>
 
<small>Biomedical Engineer</small>
 
<br />
 
<br />
Line 576: Line 606:
 
</div>
 
</div>
 
<div id="leanModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="leanModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #7dc2cb !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/1/14/FichaTeamValenciaLean.png"/>
<h4 class="modal-title" id="myModalLabel">Leandro Lecca Villacorta</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biomedical Engineer</p>
 
<p>Biomedical Engineer</p>
Line 609: Line 638:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.instagram.com/leandrolecca/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<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">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/lean.cs.96" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="lean.lecca.96@icloud.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">lean.lecca.96@icloud.com</label>
</ul>
+
</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 631: 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" data-toggle="modal" data-target="#salvaModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 />
Line 647: Line 679:
 
</div>
 
</div>
 
<div id="salvaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="salvaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaSalva.png"/>
<h4 class="modal-title" id="myModalLabel">Salva Antón Bolaño</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Fine Arts</p>
 
<p>Fine Arts</p>
Line 680: Line 711:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
                                                                                        <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">
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-linkedin-square"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<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">
</ul>
+
<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 694: 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" data-toggle="modal" data-target="#evaModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 />
Line 710: Line 752:
 
</div>
 
</div>
 
<div id="evaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="evaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #c5c3c4 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaEva.png"/>
<h4 class="modal-title" id="myModalLabel">Eva María Gómez Álvarez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 743: Line 784:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.instagram.com/eviticola/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<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">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/eva.gomez.73744?ref=br_rs" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="eviticola96@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">eviticola96@gmail.com</label>
</ul>
+
</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 765: 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" data-toggle="modal" data-target="#paulaModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 />
Line 781: Line 825:
 
</div>
 
</div>
 
<div id="paulaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="paulaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/a/ae/FichaTeamValenciaPaula.png"/>
<h4 class="modal-title" id="myModalLabel">Paula Berbegal Sáez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 814: Line 857:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.instagram.com/paulaaberbe/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<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">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/paula.berbegal" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="pauliib.97@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">pauliib.97@gmail.com</label>
</ul>
+
</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 836: 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" data-toggle="modal" data-target="#fabModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 />
Line 852: Line 898:
 
</div>
 
</div>
 
<div id="fabModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="fabModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/9/92/FichaTeamValenciaFab.png"/>
<h4 class="modal-title" id="myModalLabel"> Fabián Robledo Yagüe</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 870: Line 915:
 
 
 
<h4>iGEM quote</h4>
 
<h4>iGEM quote</h4>
<p>"I'm not ashamed of not hiding it"</p>
+
<p>"I'm not ashamed from hiding it"</p>
 
 
 
<h4>Why Are You on iGEM?</h4>
 
<h4>Why Are You on iGEM?</h4>
Line 885: Line 930:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.facebook.com/profile.php?id=100010177329808" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="fabianry97@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<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 902: 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" data-toggle="modal" data-target="#alvModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 />
Line 918: Line 967:
 
</div>
 
</div>
 
<div id="alvModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="alvModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/b/b5/FichaTeamValenciaAl.png"/>
<h4 class="modal-title" id="myModalLabel">Jose Álvaro Ballesteros Gonzalez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 951: Line 999:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.facebook.com/alvaro.ballesteros.77" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="alvarobgutiel@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<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 968: 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" data-toggle="modal" data-target="#jorgeModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/4/48/BuguiFotoTeamValencia.png" alt="" />
<h2>Jorge Burguet</h2>
+
<h2 class="chatternombre">Jorge Burguet</h2>
<small>Agronomist</small>
+
<small>Agricultural and Food Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 984: Line 1,036:
 
</div>
 
</div>
 
<div id="jorgeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="jorgeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #c5c3c4c !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://2017.igem.org/File:FichaTeamValenciaJorge.png"/>
<h4 class="modal-title" id="myModalLabel">Jorge Burguet Zamit</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Agricultural and Food Engineering</p>
 
<p>Agricultural and Food Engineering</p>
Line 1,002: Line 1,053:
 
 
 
<h4>iGEM quote</h4>
 
<h4>iGEM quote</h4>
<p></p>
+
<p>"I'm going to get a coffee".</p>
 
 
 
<h4>Why Are You on iGEM?</h4>
 
<h4>Why Are You on iGEM?</h4>
<p></p>
+
<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>
 
<h4>Hobbies</h4>
Line 1,017: Line 1,068:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.instagram.com/jorgeburguet/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<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">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/jorge.burguetzamit" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="jorgeburguet@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">jorgeburguet@gmail.com</label>
</ul>
+
</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 1,039: 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" data-toggle="modal" data-target="#ireneModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/d/d0/IreneFotoTeamValencia.jpeg" alt="" />
<h2>Irene Martínez</h2>
+
<h2 class="chatternombre">Irene Martínez</h2>
 
<small>Graphic Designer</small>
 
<small>Graphic Designer</small>
 
<br />
 
<br />
Line 1,055: Line 1,109:
 
</div>
 
</div>
 
<div id="ireneModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="ireneModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/7/73/FichaTeamValenciaIrene.png"/>
<h4 class="modal-title" id="myModalLabel">Irene Martínez Soler</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Fine Arts</p>
 
<p>Fine Arts</p>
Line 1,088: Line 1,141:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<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">
<a href="https://www.instagram.com/irenemartinezart/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<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">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/profile.php?id=100001529633834" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</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">
</li>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<li>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="irene.grafic@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</ul>
+
<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 1,108: Line 1,168:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 
 
</div>
 
</div>
 
 
 
<div class="heading-title heading-border heading-color">
 
<div class="heading-title heading-border heading-color">
 
<h3>Advisors <span>iGEM 2017</span></h3>
 
<h3>Advisors <span>iGEM 2017</span></h3>
<p class="font-lato fs-17">You always spoke with the voice of experience.</p>
+
<p class="font-lato fs-17">You always speak with the voice of experience.</p>
 
</div>
 
</div>
 
 
Line 1,119: Line 1,178:
 
 
 
<!-- 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 1,125: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,137: 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 1,143: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,155: 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 1,161: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,173: 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 1,179: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,191: 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 1,197: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,209: 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 1,215: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,227: Line 1,286:
 
 
 
<!-- 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 1,233: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/7/70/YadiraFotoTeamValencia.png" alt="" />
<h2>Yadira Boada</h2>
+
<h2 class="chatternombre">Yadira Boada</h2>
<small>Biotechnologist</small>
+
<small>Control Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 1,245: Line 1,304:
 
 
 
<!-- 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 1,251: Line 1,310:
 
<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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/9a/AleFotoTeamValencia.jpeg" alt="" />
<h2>Alejandro Vignoni</h2>
+
<h2 class="chatternombre">Alejandro Vignoni</h2>
<small>Biotechnologist</small>
+
<small>Control Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 1,271: Line 1,330:
 
 
 
<!-- 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,289: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" 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 1,307: 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" 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="#diegoModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
<h2>Diego Orzaez</h2>
+
<h2 class="chatternombre">Diego Orzaez</h2>
 
<small>Biologist</small>
 
<small>Biologist</small>
 
<br />
 
<br />
 
</div>
 
</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>
Line 1,325: Line 1,435:
 
 
 
<!-- 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="#javierModal" 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/c/c2/JavierFotoTeamValencia.jpeg" alt="" />
<h2>Javier Urchueguia</h2>
+
<h2 class="chatternombre">Javier Urchueguia</h2>
 
<small>Physicist</small>
 
<small>Physicist</small>
 
<br />
 
<br />
 
</div>
 
</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>
Line 1,352: Line 1,547:
 
 
 
<!-- 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 1,358: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/f/fe/SilviaFotoTeamValencia.jpeg" alt="" />
<h2>Sílvia Ferrer</h2>
+
<h2 class="chatternombre">Sílvia Ferrer</h2>
 
<small>Artist Design</small>
 
<small>Artist Design</small>
 
<br />
 
<br />
Line 1,370: 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 1,376: 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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/54/JoanFotoTeamValencia.jpeg" alt="" />
<h2>Joan Casado</h2>
+
<h2 class="chatternombre">Joan Casado</h2>
 
<small>Artist Design</small>
 
<small>Artist Design</small>
 
<br />
 
<br />
Line 1,387: Line 1,582:
 
<!-- /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" style = "margin:0px 0px 30px 0px !important;">
Line 1,393: Line 1,588:
 
<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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
<h2>José-Antonio Daròs</h2>
+
<h2 class="chatternombre">José-Antonio Daròs</h2>
 
<small>Scientific Researcher</small>
 
<small>Scientific Researcher</small>
 
<br />
 
<br />
Line 1,404: Line 1,599:
 
<!-- /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" style = "margin:0px 0px 30px 0px !important;">
Line 1,411: Line 1,606:
 
<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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
 
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
<h2>Teresa Cordero</h2>
+
<h2 class="chatternombre">Teresa Cordero</h2>
 
<small>Ph.D. Student</small>
 
<small>Ph.D. Student</small>
 
<br />
 
<br />
Line 1,421: Line 1,616:
 
<!-- /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" style = "margin:0px 0px 30px 0px !important;">
Line 1,428: Line 1,623:
 
<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="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
 
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
<h2>Anamarija Butkovic</h2>
+
<h2 class="chatternombre">Anamarija Butkovic</h2>
 
<small>Postgraduate Student</small>
 
<small>Postgraduate Student</small>
 
<br/>
 
<br/>

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