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

 
(62 intermediate revisions by 5 users not shown)
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/Protocols">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
Protocols
+
Biological Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
Results
+
Experiments
</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/Protocols">
Notebook
+
Protocols
</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/Notebook">
Contribution
+
Notebook
</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/Contribution">
Improve
+
Contribution
</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/Plant">
PlantSynBio
+
PlantSynBio
</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/Parts">
Parts
+
Parts
</a>
+
</a>
</li>
+
</li>
<li>
+
</ul>
<a href="https://2017.igem.org/Team:Valencia_UPV/Part_Collection">
+
</li>
Part Collection
+
<li class="dropdown">
</a>
+
<a class="dropdown-toggle" href="#">
</li>
+
DRY LAB
</ul>
+
</a>
</li>
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li class="dropdown">
+
<li>
<a class="dropdown-toggle" href="#">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
DRY LAB
+
Modeling
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
Model
+
Software
</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/Hardware">
Software
+
Hardware
</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/GraphicDesign">
Hardware
+
Graphic Design
</a>
+
</a>
</li>
+
</li>  
<li>
+
</ul>
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
+
</li>
Graphic Design
+
<li class="dropdown">
</a>
+
<a class="dropdown-toggle" href="#">
</li>  
+
HUMAN PRACTICES
</ul>
+
</a>
</li>
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li class="dropdown">
+
<li>
<a class="dropdown-toggle" href="#">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
HUMAN PRACTICES
+
Outreach
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
Silver
+
Integrated and gold
</a>
+
</a>
</li>
+
</li>
<li>
+
</ul>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
+
</li>                                                                 
Integrated and gold
+
</ul>
</a>
+
</nav>
</li>
+
</div>
</ul>
+
</div>
</li>                                                                 
+
</header>
                                </ul>
+
<!-- /TOP NAV -->
                            </nav>
+
                        </div>
+
                    </div>
+
                </header>
+
<!-- /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 252: Line 258:
 
<div id="aliciaModal" class="modal fade bs-example-modal-lg" 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 modal-lg">
 
<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 269: 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 284: Line 289:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/profile.php?id=100006909825765" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></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">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="aliciaclimentcatala13@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<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 299: 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 316: Line 327:
 
<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 modal-lg">
 
<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 348: Line 358:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/carlitos.ante" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/carlitos.ante" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="c.antequerasanchez@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">c.antequerasanchez@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style=" background-color: #7ac3cc;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 363: 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 380: Line 396:
 
<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 modal-lg">
 
<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 403: 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 412: Line 427:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/rodrigo.herrero.73" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.linkedin.com/in/rodrigo-herrero-11211614a" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<a href="rodrigo_herrero@outlook.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">rodrigo_herrero@outlook.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 427: 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 444: Line 465:
 
<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 modal-lg">
 
<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 476: Line 496:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/juan.pasogias.7" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/juan.pasogias.7" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="jpasogias@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">jpasogias@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 491: 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 508: Line 534:
 
<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 modal-lg">
 
<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 525: 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 540: Line 565:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/joseantonio.perezgarcia.921" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/joseantonio.perezgarcia.921" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="https://www.instagram.com/jopegar/" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
+
</a>
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<a href="https://www.instagram.com/jopegar/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="joseantonioinforsedavi@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">joseantonioinforsedavi@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 559: 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 607:
 
<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 modal-lg">
 
<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 608: Line 638:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/lean.cs.96" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/lean.cs.96" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="https://www.instagram.com/leandrolecca/" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
+
</a>
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<a href="https://www.instagram.com/leandrolecca/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="lean.lecca.96@icloud.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">lean.lecca.96@icloud.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #7dc2cb;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 627: 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 644: Line 680:
 
<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 modal-lg">
 
<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 676: Line 711:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
+
                                                                                        <a href="https://www.facebook.com/3salva.anton" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">salva.antonb@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #eea0a0;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 687: 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 704: Line 753:
 
<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 modal-lg">
 
<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 736: Line 784:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/eva.gomez.73744?ref=br_rs" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/eva.gomez.73744?ref=br_rs" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="https://www.instagram.com/eviticola/" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
+
</a>
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<a href="https://www.instagram.com/eviticola/"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="eviticola96@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">eviticola96@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #c5c3c4;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 755: 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 772: Line 826:
 
<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 modal-lg">
 
<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 804: Line 857:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/paula.berbegal" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/paula.berbegal" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="https://www.instagram.com/paulaaberbe/" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
+
</a>
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<a href="https://www.instagram.com/paulaaberbe/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="pauliib.97@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">pauliib.97@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 823: 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 840: Line 899:
 
<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 modal-lg">
 
<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 857: 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 872: Line 930:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/profile.php?id=100010177329808" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/profile.php?id=100010177329808" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="fabianry97@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">fabianry97@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 887: 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 904: Line 968:
 
<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 modal-lg">
 
<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 936: Line 999:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/alvaro.ballesteros.77" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/alvaro.ballesteros.77" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="alvarobgutiel@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">alvarobgutiel@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 951: 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 968: Line 1,037:
 
<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 modal-lg">
 
<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 985: 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,000: Line 1,068:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/jorge.burguetzamit" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/jorge.burguetzamit" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="https://www.instagram.com/jorgeburguet/" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
+
</a>
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<a href="https://www.instagram.com/jorgeburguet/" target="_blank" style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="jorgeburguet@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<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>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">jorgeburguet@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #c5c3c4;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,019: 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,036: Line 1,110:
 
<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 modal-lg">
 
<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,068: Line 1,141:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<a href="https://www.facebook.com/profile.php?id=100001529633834" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<div class="row" style="padding-left: 15px;">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<a href="https://www.facebook.com/profile.php?id=100001529633834" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<a href="https://www.instagram.com/irenemartinezart/" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
+
</a>
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<a href="https://www.instagram.com/irenemartinezart/" target="_blank" style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="irene.grafic@gmail.com" class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
+
</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<a href="https://www.linkedin.com/in/irene-mart%C3%ADnez-soler-b5190014b/" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
<i class="fa fa-envelope" aria-hidden="true"></i>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">irene.grafic@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #eea0a0;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,089: Line 1,172:
 
<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,095: 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,101: 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,113: 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,119: 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,131: 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,137: 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,149: 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,155: 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,167: 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,173: 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,185: 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,191: 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,203: 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,209: 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,221: 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,227: 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,247: 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,265: 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,283: 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,301: 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,328: 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,334: 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,346: 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,352: 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,363: 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,369: 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,380: 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,387: 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,397: 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,404: 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