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

 
(88 intermediate revisions by 5 users not shown)
Line 8: Line 8:
 
<html>
 
<html>
 
<head>
 
<head>
<body>
+
<meta charset="utf-8"/>
 +
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css">
 +
<style>
 +
.box-default{
 +
padding-bottom: 10px !important;
 +
border-radius: 5px;
 +
}
 +
.jopemodal-footer{
 +
margin: 10px -10px -10px -10px;
 +
padding: 10px 10px 10px 10px;
 +
}
 +
.modal-header{
 +
    border-bottom: none !important;
 +
    padding: 0px !important;
 +
    margin: -10px -10px 10px -10px !important;
 +
}
 +
                        #jopemodalprofe-header{
 +
                            border-bottom: 1px solid #eceeef !important;
 +
                            margin: 0px 10px 10px 10px !important
 +
                        }
 +
</style>
 +
</head>
 +
<body>
 
     <div id="wrapper">
 
     <div id="wrapper">
 
<div id="header" class="navbar-toggleable-md sticky clearfix">
 
<div id="header" class="navbar-toggleable-md sticky clearfix">
  
 
<!-- TOP NAV -->
 
<!-- TOP NAV -->
                <header id="topNav">
+
<header id="topNav">
                    <div class="container">
+
<div class="container">
+
 
                        <!-- Mobile Menu Button -->
+
<!-- Mobile Menu Button -->
                        <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
+
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
                            <i class="fa fa-bars"></i>
+
<i class="fa fa-bars"></i>
                        </button>
+
</button>
+
 
                        <!-- BUTTONS -->
+
<!-- BUTTONS -->
                        <ul class="float-right nav nav-pills nav-social nav-second-main">
+
<ul class="float-right nav nav-pills nav-social nav-second-main">
<li>
+
<li>
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
<i class="fa fa-instagram"></i>
+
<i class="fa fa-instagram"></i>
</a>
+
</a>
    </li>
+
</li>
    <li>
+
<li>
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook"></i>
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
+
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
<i class="fa fa-globe"></i>
+
<i class="fa fa-globe"></i>
</a>
+
</a>
</li>
+
</li>
                        </ul>
+
</ul>
                        <!-- /BUTTONS -->
+
<!-- /BUTTONS -->
+
 
                        <!-- Logo -->
+
<!-- Logo -->
                        <a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
+
<a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
+
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
</a>
+
</a>
                        <div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
+
<div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
                            <nav class="nav-main">
+
<nav class="nav-main">
                                <ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
+
<ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
TEAM
+
TEAM
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
Team
+
Team
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
Attributions
+
Attributions
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
PROJECT
+
PROJECT
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
Description
+
Description
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
Collaborations
+
Results
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Applied_Design">
Achievements
+
Applied Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
Safety
+
Collaborations
</a>
+
</a>
</li>
+
</li>
</ul>
+
<li>
</li>
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
<li class="dropdown">
+
Achievements
<a class="dropdown-toggle" href="#">
+
</a>
WETLAB
+
</li>
</a>
+
<li>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
<li>
+
Safety
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
+
</a>
Biological Design
+
</li>
</a>
+
</ul>
</li>
+
</li>
<li>
+
<li class="dropdown">
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
+
<a class="dropdown-toggle" href="#">
Experiments
+
WET LAB
</a>
+
</a>
</li>
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
Results
+
Biological Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
Notebook
+
Experiments
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
Contribution
+
Protocols
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Improve">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
Improve
+
Notebook
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
PlantSynBio
+
Contribution
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
Parts
+
PlantSynBio
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Part_Collection">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
Part Collection
+
Parts
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
DRY LAB
+
DRY LAB
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
Model
+
Modeling
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
Software
+
Software
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
Hardware
+
Hardware
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
Graphic Design
+
Graphic Design
</a>
+
</a>
</li>  
+
</li>  
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
HUMAN PRACTICES
+
HUMAN PRACTICES
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
Silver
+
Outreach
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
Integrated and gold
+
Integrated and gold
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>                                                                 
+
</li>                                                                 
                                </ul>
+
</ul>
                            </nav>
+
</nav>
                        </div>
+
</div>
                    </div>
+
</div>
                </header>
+
</header>
<!-- /Top Nav -->
+
<!-- /TOP NAV -->
 
</div>
 
</div>
<!-- BREADCRUMBS -->
+
<!--CABECERA-->
        <section class="page-header page-header-xs">
+
<section class="section-xs" style="border-bottom: none;">
            <div class="container">
+
<div class="container">
                <h1>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">
<p class="lead">Team iGEM UPV 2017</p>
+
<div class="heading-title heading-border heading-color">
 +
<h3>Student Team <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">The ChatterFamily.</p>
 +
</div>
 
<div class="row">
 
<div class="row">
 
 
 
<!-- item -->
 
<!-- item -->
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
<div class="box- box-color box-icon box-icon-center box-icon-round box-icon-large text-center" 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 Catalá</h2>
+
<h2 class="chatternombre">Alicia Climent</h2>
 
<small>Biotechnologist</small>
 
<small>Biotechnologist</small>
 
<br />
 
<br />
Line 229: Line 256:
 
</div>
 
</div>
 
 
<div id="aliciaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
<div id="aliciaModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3a/FichaTeamAliciaValencia.png"/>
<h4 class="modal-title" id="myModalLabel">Alicia Climent Catalá</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnologist</p>
 
<p>Biotechnologist</p>
Line 248: 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 263: Line 289:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/profile.php?id=100006909825765" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.facebook.com/profile.php?id=100006909825765" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="aliciaclimentcatala13@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<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 280: 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 Sánchez</h2>
+
<h2 class="chatternombre">Carlos Antequera</h2>
 
<small>Biomedical Engineer</small>
 
<small>Biomedical Engineer</small>
 
<br />
 
<br />
Line 296: Line 326:
 
</div>
 
</div>
 
<div id="carlosModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="carlosModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #7ac3cc !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3e/FichaTeamValenciaCarlos.png"/>
<h4 class="modal-title" id="myModalLabel">Carlos Antequera Sánchez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biomedical engineering</p>
 
<p>Biomedical engineering</p>
 
 
 
<h4>Age</h4>
 
<h4>Age</h4>
<p>20+1(Septiembre)</p>
+
<p>21</p>
 
 
 
<h4>iGEM quote</h4>
 
<h4>iGEM quote</h4>
Line 329: Line 358:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/carlitos.ante" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.facebook.com/carlitos.ante" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="c.antequerasanchez@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<label style="padding-top: 8px;">c.antequerasanchez@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style=" background-color: #7ac3cc;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 346: 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 H. Álvarez de Araya</h2>
+
<h2 class="chatternombre">Rodrigo Herrero</h2>
 
<small>Industrial Engineer</small>
 
<small>Industrial Engineer</small>
 
<br />
 
<br />
Line 362: Line 395:
 
</div>
 
</div>
 
<div id="rodriModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="rodriModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/0c/FichaTeamValenciaRodri.png"/>
<h4 class="modal-title" id="myModalLabel">Rodrigo H. Álvarez de Araya</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
<p>Industrial Engineer</p>
+
<p>Industrial Engineering</p>
 
 
 
<h4>Age</h4>
 
<h4>Age</h4>
Line 386: 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 395: Line 427:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.linkedin.com/in/rodrigo-herrero-11211614a" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
<a href="https://www.facebook.com/rodrigo.herrero.73" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="rodrigo_herrero@outlook.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<label style="padding-top: 8px;">rodrigo_herrero@outlook.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 412: 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 Guallart</h2>
+
<h2 class="chatternombre">Juan Pasogias</h2>
 
<small>Computer scientist</small>
 
<small>Computer scientist</small>
 
<br />
 
<br />
Line 428: Line 464:
 
</div>
 
</div>
 
<div id="teoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="teoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/03/FichaTeamValenciaTeo.png"/>
<h4 class="modal-title" id="myModalLabel">Juan 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 461: Line 496:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/juan.pasogias.7" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.facebook.com/juan.pasogias.7" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="jpasogias@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<label style="padding-top: 8px;">jpasogias@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 478: 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 García</h2>
+
<h2 class="chatternombre">Jose Antonio Pérez</h2>
 
<small>Computer scientist</small>
 
<small>Computer scientist</small>
 
<br />
 
<br />
Line 494: Line 533:
 
</div>
 
</div>
 
<div id="jopeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="jopeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/8/8b/FichaTeamValenciaJopegar.png"/>
<h4 class="modal-title" id="myModalLabel">Jose Antonio Pérez García</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Computer scientist</p>
 
<p>Computer scientist</p>
Line 512: 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 527: Line 565:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/joseantonio.perezgarcia.921" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.instagram.com/jopegar/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a href="https://www.instagram.com/jopegar/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/joseantonio.perezgarcia.921" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="joseantonioinforsedavi@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">joseantonioinforsedavi@gmail.com</label>
</ul>
+
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #f9d7ab;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 549: 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 Villacorta</h2>
+
<h2 class="chatternombre">Leandro Lecca</h2>
 
<small>Biomedical Engineer</small>
 
<small>Biomedical Engineer</small>
 
<br />
 
<br />
Line 565: Line 606:
 
</div>
 
</div>
 
<div id="leanModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="leanModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #7dc2cb !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/1/14/FichaTeamValenciaLean.png"/>
<h4 class="modal-title" id="myModalLabel">Leandro Lecca Villacorta</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biomedical Engineer</p>
 
<p>Biomedical Engineer</p>
Line 598: Line 638:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/lean.cs.96" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.instagram.com/leandrolecca/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a href="https://www.instagram.com/leandrolecca/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/lean.cs.96" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="lean.lecca.96@icloud.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">lean.lecca.96@icloud.com</label>
</ul>
+
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #7dc2cb;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 620: 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 Bolaño</h2>
+
<h2 class="chatternombre">Salva Antón</h2>
 
<small>Graphic Designer</small>
 
<small>Graphic Designer</small>
 
<br />
 
<br />
Line 636: Line 679:
 
</div>
 
</div>
 
<div id="salvaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="salvaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaSalva.png"/>
<h4 class="modal-title" id="myModalLabel">Salva Antón Bolaño</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Fine Arts</p>
 
<p>Fine Arts</p>
Line 669: Line 711:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
                                                                                        <a href="https://www.facebook.com/3salva.anton" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-linkedin-square"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
</ul>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
</a>
 +
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">salva.antonb@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #eea0a0;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 683: 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 699: Line 752:
 
</div>
 
</div>
 
<div id="evaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="evaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #c5c3c4 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaEva.png"/>
<h4 class="modal-title" id="myModalLabel">Eva Gómez</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 732: Line 784:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/eva.gomez.73744?ref=br_rs" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.instagram.com/eviticola/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a href="https://www.instagram.com/eviticola/" style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/eva.gomez.73744?ref=br_rs" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="eviticola96@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">eviticola96@gmail.com</label>
</ul>
+
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #c5c3c4;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 754: 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 770: Line 825:
 
</div>
 
</div>
 
<div id="paulaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="paulaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/a/ae/FichaTeamValenciaPaula.png"/>
<h4 class="modal-title" id="myModalLabel">Paula Berbegal</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 803: Line 857:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/paula.berbegal" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.instagram.com/paulaaberbe/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a href="https://www.instagram.com/paulaaberbe/" target="_blank"  style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/paula.berbegal" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="pauliib.97@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">pauliib.97@gmail.com</label>
</ul>
+
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 825: 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 841: Line 898:
 
</div>
 
</div>
 
<div id="fabModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="fabModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/9/92/FichaTeamValenciaFab.png"/>
<h4 class="modal-title" id="myModalLabel">Fabián Robledo</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 859: 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 874: Line 930:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/profile.php?id=100010177329808" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.facebook.com/profile.php?id=100010177329808" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="fabianry97@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<label style="padding-top: 8px;">fabianry97@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 891: 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 907: Line 967:
 
</div>
 
</div>
 
<div id="alvModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="alvModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/b/b5/FichaTeamValenciaAl.png"/>
<h4 class="modal-title" id="myModalLabel">Álvaro Ballesteros</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 940: Line 999:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/alvaro.ballesteros.77" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.facebook.com/alvaro.ballesteros.77" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="alvarobgutiel@gmail.com" data-original-title="" title=""></button>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
</li>
+
</a>
</ul>
+
<label style="padding-top: 8px;">alvarobgutiel@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #aed3ac;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 957: 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 Zamit</h2>
+
<h2 class="chatternombre">Jorge Burguet</h2>
<small>Agronomist</small>
+
<small>Agricultural and Food Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 973: Line 1,036:
 
</div>
 
</div>
 
<div id="jorgeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="jorgeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #c5c3c4c !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://2017.igem.org/File:FichaTeamValenciaJorge.png"/>
<h4 class="modal-title" id="myModalLabel">Jorge Burguet Zamit</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Agricultural and Food Engineering</p>
 
<p>Agricultural and Food Engineering</p>
Line 991: 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,006: Line 1,068:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/jorge.burguetzamit" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.instagram.com/jorgeburguet/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a href="https://www.instagram.com/jorgeburguet/" target="_blank" style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/jorge.burguetzamit" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<li>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="jorgeburguet@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<label style="padding-top: 8px;">jorgeburguet@gmail.com</label>
</ul>
+
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #c5c3c4;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,028: 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 Soler</h2>
+
<h2 class="chatternombre">Irene Martínez</h2>
 
<small>Graphic Designer</small>
 
<small>Graphic Designer</small>
 
<br />
 
<br />
Line 1,044: Line 1,109:
 
</div>
 
</div>
 
<div id="ireneModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="ireneModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
+
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/7/73/FichaTeamValenciaIrene.png"/>
<h4 class="modal-title" id="myModalLabel">Irene Martínez Soler</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Fine Arts</p>
 
<p>Fine Arts</p>
Line 1,077: Line 1,141:
  
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
<ul class="float-left nav nav-pills nav-social nav-second-main">
+
<div class="row" style="padding-left: 15px;">
<li>
+
<a href="https://www.facebook.com/profile.php?id=100001529633834" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
<a href="https://www.instagram.com/irenemartinezart/" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-instagram"></i>
+
<i class="fa fa-facebook-square" aria-hidden="true"></i>
</a>
+
</a>
</li>
+
<a href="https://www.instagram.com/irenemartinezart/" target="_blank" style="background-color: #3F729B !important; margin-right: 15px;" class="social-icon social-icon-round social-instagram" data-toggle="tooltip" data-placement="top" title="Instagram">
<li>
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="https://www.facebook.com/profile.php?id=100001529633834" target="_blank" class="text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-facebook"></i>
+
</a>
</a>
+
<a href="https://www.linkedin.com/in/irene-mart%C3%ADnez-soler-b5190014b/" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
</li>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<li>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<button type="button" class="fa fa-envelope" data-container="body" data-toggle="popover" data-placement="left" data-content="irene.grafic@gmail.com" data-original-title="" title=""></button>
+
</a>
</li>
+
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
</ul>
+
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
<i class="fa fa-envelope" aria-hidden="true"></i>
 +
</a>
 +
<label style="padding-top: 8px;">irene.grafic@gmail.com</label>
 +
</div>
 +
</div>
 +
                                                                        <div class="jopemodal-footer" style="background-color: #eea0a0;">
 +
<button type="button" class="close" style = "color: #fff;" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,097: Line 1,168:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 
 
</div>
 
</div>
 
 
<p class="lead">Advisors</p>
+
<div class="heading-title heading-border heading-color">
 +
<h3>Advisors <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">You always speak with the voice of experience.</p>
 +
</div>
 
 
 
<div class="row">
 
<div class="row">
 
 
 
<!-- item -->
 
<!-- item -->
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 1,111: 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,123: 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,129: 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,141: 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,147: 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,159: 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,165: 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,177: 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,183: 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,195: 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,201: 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,211: Line 1,284:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 
</div>
 
 
<p class="lead">Collaborators</p>
 
 
<div class="row">
 
 
 
 
<!-- item -->
 
<!-- item -->
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
Line 1,225: 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>Sílvia</h2>
+
<h2 class="chatternombre">Yadira Boada</h2>
<small>Artist Design</small>
+
<small>Control Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 1,235: Line 1,302:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
  
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/9a/AleFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Alejandro Vignoni</h2>
 +
<small>Control Engineer</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 
</div>
 
</div>
  
<p class="lead" style = "margin-top: 30px !important">Instructors</p>
+
<div class="heading-title heading-border heading-color">
 +
<h3>Instructors <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">Thank you for your unconditional support!</p>
 +
</div>
 
 
 
<div class="row">
 
<div class="row">
 
 
 
<!-- item -->
 
<!-- item -->
<div class="col-md-3 col-sm-6">
+
<div class="col-md-4 col-sm-6">
  
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#albertoModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
<img class="img-fluid" src="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,261: 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,279: 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="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Diego Orzaez</h2>
 +
<small>Biologist</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="diegoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Diego Orzaez</h4>
 +
</div>
 +
 
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>He is Senior Researcher at Spanish Research Council and co-leader of the Plant Biotechnology Group at the Plant Molecular and Cell Biology Institute (IBMCP). Diego is interested in the design of innovative agricultural goods using synthetic biology tools. He learns how to re-direct the genetic program of the plants towards the synthesis of added-value products like fine chemicals or biopharmaceuticals.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#javierModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/c/c2/JavierFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Javier Urchueguia</h2>
 +
<small>Physicist</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="javierModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Javier Urchueguia</h4>
 +
</div>
 +
 
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>He is Full Professor of Applied Physics and works in Synthetic Biology since 2005 were he has taken part in different Spanish and European SB projects dealing with the subject of biofuel production by microorganisms. In his research he has contributed to develop in-silico models of cyanobacteria capable of producing ethanol and hydrogen amongst other fuels, working hand-in-hand with biologists and biotechnologists. Since 2006 Javier has participated as Instructor in IGEM, contributing to attract students to the field of SB in Valencia.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#cuetoModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">José Luis Cueto</h2>
 +
<small>Artist</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="cuetoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">José Luis Cueto</h4>
 +
</div>
 +
 
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>Doctor in Fine Arts from the UPV and Vice-chancellor of students, culture and sport. J.L Cueto is Professor in Fine Arts Degree and is currently a member of the Art and Environment Research Group. His interests are the relations of art with the society and the city, and museum spaces along with the didactics of new interactive technologies.This is his first time as an Instructor and he has been responsible for the support and guidance of our iGEM students during his career in the competition.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#nuriaModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="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/05/PedritaLabTeamProve.jpeg" alt="" />
<h2>Diego Orzaez</h2>
+
<h2 class="chatternombre">Nuria Rodríguez</h2>
<small>Biotechnologist</small>
+
<small>Graphic Designer</small>
 
<br />
 
<br />
 
</div>
 
</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,295: Line 1,536:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 +
 +
</div>
 +
 +
<div class="heading-title heading-border heading-color">
 +
<h3>Collaborators <span>iGEM 2017</span></h3>
 +
<p class="font-lato fs-17">You were the best interns.</p>
 +
</div>
 +
 +
<div class="row">
 
 
 
<!-- item -->
 
<!-- 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="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/f/fe/SilviaFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Sílvia Ferrer</h2>
 +
<small>Artist Design</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/54/JoanFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">Joan Casado</h2>
 +
<small>Artist Design</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">José-Antonio Daròs</h2>
 +
<small>Scientific Researcher</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
  
 
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 
<div class="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,304: 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>Javier Urchueguia</h2>
+
<h2 class="chatternombre">Teresa Cordero</h2>
<small>Physicist</small>
+
<small>Ph.D. Student</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 1,313: Line 1,615:
 
</div>
 
</div>
 
<!-- /item -->
 
<!-- /item -->
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
 +
<h2 class="chatternombre">Anamarija Butkovic</h2>
 +
<small>Postgraduate Student</small>
 +
<br/>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
  
 
</div>
 
</div>
Line 1,333: Line 1,653:
 
</div>
 
</div>
 
</div><!-- /PRELOADER -->
 
</div><!-- /PRELOADER -->
<meta charset="utf-8"/>
+
  <script async type="text/javascript" src="demo_files/styleswitcher/styleswitcher.js"></script>
<title>Chatter Plant - Valencia UPV iGEM</title>
+
  <script>
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
+
setTimeout(function() {
</head>
+
    $( "p" ).first().css({ display: "none" });
 
+
}, 0);
<script async type="text/javascript" src="demo_files/styleswitcher/styleswitcher.js"></script>
+
  </script>
            <script>
+
setTimeout(function() {
+
$( "p" ).first().css({ display: "none" });
+
}, 0);
+
</script>
+
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Valencia_UPV/Templates:Footer}}
 
{{:Team:Valencia_UPV/Templates:Footer}}

Latest revision as of 17:55, 21 November 2017

Home • Team •

TEAM

Student Team iGEM 2017

The ChatterFamily.

Alicia Climent

Biotechnologist

Carlos Antequera

Biomedical Engineer

Rodrigo Herrero

Industrial Engineer

Juan Pasogias

Computer scientist

Jose Antonio Pérez

Computer scientist

Leandro Lecca

Biomedical Engineer

Salva Antón

Graphic Designer

Eva Gómez

Biotechnologist

Paula Berbegal

Biotechnologist

Fabián Robledo

Biotechnologist

Álvaro Ballesteros

Biotechnologist

Jorge Burguet

Agricultural and Food Engineer

Irene Martínez

Graphic Designer

Advisors iGEM 2017

You always speak with the voice of experience.

Alba González

Biomedical Engineer

Iván Casas

Biotechnologist

Xavier Molero

Industrial Engineer

Nobel Santos

Electronic Engineer

Manuel Portolés

Computer Scientist

Daniel Pellicer

Biotechnologist

Yadira Boada

Control Engineer

Alejandro Vignoni

Control Engineer

Instructors iGEM 2017

Thank you for your unconditional support!

Alberto Conejero

Mathematician

Jesús Picó

Control Engineer

Diego Orzaez

Biologist

Javier Urchueguia

Physicist

José Luis Cueto

Artist

Nuria Rodríguez

Graphic Designer

Collaborators iGEM 2017

You were the best interns.

Sílvia Ferrer

Artist Design

Joan Casado

Artist Design

José-Antonio Daròs

Scientific Researcher

Teresa Cordero

Ph.D. Student

Anamarija Butkovic

Postgraduate Student