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

 
(39 intermediate revisions by 4 users not shown)
Line 16: Line 16:
 
border-radius: 5px;
 
border-radius: 5px;
 
}
 
}
.img-fluid{
+
.jopemodal-footer{
border-radius: 5px;
+
margin: 10px -10px -10px -10px;
 +
padding: 10px 10px 10px 10px;
 
}
 
}
 +
.modal-header{
 +
    border-bottom: none !important;
 +
    padding: 0px !important;
 +
    margin: -10px -10px 10px -10px !important;
 +
}
 +
                        #jopemodalprofe-header{
 +
                            border-bottom: 1px solid #eceeef !important;
 +
                            margin: 0px 10px 10px 10px !important
 +
                        }
 
</style>
 
</style>
 
</head>
 
</head>
Line 26: Line 36:
  
 
<!-- TOP NAV -->
 
<!-- TOP NAV -->
                <header id="topNav">
+
<header id="topNav">
                    <div class="container">
+
<div class="container">
+
 
                        <!-- Mobile Menu Button -->
+
<!-- Mobile Menu Button -->
                        <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
+
<button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
                            <i class="fa fa-bars"></i>
+
<i class="fa fa-bars"></i>
                        </button>
+
</button>
+
 
                        <!-- BUTTONS -->
+
<!-- BUTTONS -->
                        <ul class="float-right nav nav-pills nav-social nav-second-main">
+
<ul class="float-right nav nav-pills nav-social nav-second-main">
<li>
+
<li>
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
+
<a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram">
<i class="fa fa-instagram"></i>
+
<i class="fa fa-instagram"></i>
</a>
+
</a>
    </li>
+
</li>
    <li>
+
<li>
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
+
<a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook">
<i class="fa fa-facebook"></i>
+
<i class="fa fa-facebook"></i>
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
+
<a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web">
<i class="fa fa-globe"></i>
+
<i class="fa fa-globe"></i>
</a>
+
</a>
</li>
+
</li>
                        </ul>
+
</ul>
                        <!-- /BUTTONS -->
+
<!-- /BUTTONS -->
+
 
                        <!-- Logo -->
+
<!-- Logo -->
                        <a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
+
<a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV">
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
+
<img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" />
</a>
+
</a>
                        <div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
+
<div class="navbar-collapse collapse float-right nav-main-collapse submenu-color">
                            <nav class="nav-main">
+
<nav class="nav-main">
                                <ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
+
<ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn">
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
TEAM
+
TEAM
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Team">
Team
+
Team
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Attributions">
Attributions
+
Attributions
</a>
+
</a>
</li>
+
</li>
</ul>
+
</ul>
</li>
+
</li>
<li class="dropdown">
+
<li class="dropdown">
<a class="dropdown-toggle" href="#">
+
<a class="dropdown-toggle" href="#">
PROJECT
+
PROJECT
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Description">
Description
+
Description
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
Collaborations
+
Results
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Applied_Design">
Achievements
+
Applied Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations">
Safety
+
Collaborations
</a>
+
</a>
</li>
+
</li>
</ul>
+
<li>
</li>
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Achievement">
<li class="dropdown">
+
Achievements
<a class="dropdown-toggle" href="#">
+
</a>
WETLAB
+
</li>
</a>
+
<li>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Safety">
<li>
+
Safety
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
+
</a>
Biological Design
+
</li>
</a>
+
</ul>
</li>
+
</li>
<li>
+
<li class="dropdown">
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
+
<a class="dropdown-toggle" href="#">
Experiments
+
WET LAB
</a>
+
</a>
</li>
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Design">
Protocols
+
Biological Design
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Results">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Experiments">
Results
+
Experiments
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Protocols">
Notebook
+
Protocols
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Notebook">
Contribution
+
Notebook
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Improve">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Contribution">
Improve
+
Contribution
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Plant">
PlantSynBio
+
PlantSynBio
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Parts">
Parts
+
Parts
</a>
+
</a>
</li>
+
</li>
<li>
+
</ul>
<a href="https://2017.igem.org/Team:Valencia_UPV/Part_Collection">
+
</li>
Part Collection
+
<li class="dropdown">
</a>
+
<a class="dropdown-toggle" href="#">
</li>
+
DRY LAB
</ul>
+
</a>
</li>
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li class="dropdown">
+
<li>
<a class="dropdown-toggle" href="#">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
DRY LAB
+
Modeling
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Model">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
Model
+
Software
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Software">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
Software
+
Hardware
</a>
+
</a>
</li>
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/Hardware">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
Hardware
+
Graphic Design
</a>
+
</a>
</li>
+
</li>  
<li>
+
</ul>
<a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign">
+
</li>
Graphic Design
+
<li class="dropdown">
</a>
+
<a class="dropdown-toggle" href="#">
</li>  
+
HUMAN PRACTICES
</ul>
+
</a>
</li>
+
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
<li class="dropdown">
+
<li>
<a class="dropdown-toggle" href="#">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
HUMAN PRACTICES
+
Outreach
</a>
+
</a>
<ul class="dropdown-menu" style="margin:0em 0 0 0em !important;">
+
</li>
<li>
+
<li>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver">
+
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
Silver
+
Integrated and gold
</a>
+
</a>
</li>
+
</li>
<li>
+
</ul>
<a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated">
+
</li>                                                                 
Integrated and gold
+
</ul>
</a>
+
</nav>
</li>
+
</div>
</ul>
+
</div>
</li>                                                                 
+
</header>
                                </ul>
+
<!-- /TOP NAV -->
                            </nav>
+
                        </div>
+
                    </div>
+
                </header>
+
<!-- /Top Nav -->
+
 
</div>
 
</div>
 
<!--CABECERA-->
 
<!--CABECERA-->
Line 217: Line 222:
 
<div class="container">
 
<div class="container">
 
<div class="text-center">
 
<div class="text-center">
<img align="center" src="https://static.igem.org/mediawiki/2017/8/80/LogoChatterpruebaSoftwareTeamValencia.png" height="350px">
+
<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>
<p class="font-lato fw-300 lead mt-0" style="margin-bottom: 0px !important;text-align: center !important;">Home • Team •</p>
+
<img align="center" src="https://static.igem.org/mediawiki/2017/9/95/TeamFotoTeamValencia.jpeg" width="100%">
 
<div class="col-md-12">
 
<div class="col-md-12">
 
<h3 class="jopetitles">TEAM</h3>
 
<h3 class="jopetitles">TEAM</h3>
Line 226: Line 231:
 
</section>
 
</section>
 
<!--/CABECERA-->
 
<!--/CABECERA-->
<section style = "padding-top: 30px !important">
+
<section class="section-xs">
 
<div class="container">
 
<div class="container">
 
<div class="heading-title heading-border heading-color">
 
<div class="heading-title heading-border heading-color">
Line 237: Line 242:
 
<div class="col-md-4 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">
Line 253: Line 258:
 
<div id="aliciaModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="aliciaModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3a/FichaTeamAliciaValencia.png"/>
<h4 class="modal-title" id="myModalLabel">Alicia Climent Catalá</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnologist</p>
 
<p>Biotechnologist</p>
Line 270: 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 296: Line 300:
 
<label style="padding-top: 8px;">aliciaclimentcatala13@gmail.com</label>
 
<label style="padding-top: 8px;">aliciaclimentcatala13@gmail.com</label>
 
</div>
 
</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 305: Line 312:
 
<div class="col-md-4 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">
Line 320: Line 327:
 
<div id="carlosModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="carlosModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #7ac3cc !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3e/FichaTeamValenciaCarlos.png"/>
<h4 class="modal-title" id="myModalLabel">Carlos Antequera Sánchez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biomedical engineering</p>
 
<p>Biomedical engineering</p>
Line 363: Line 369:
 
<label style="padding-top: 8px;">c.antequerasanchez@gmail.com</label>
 
<label style="padding-top: 8px;">c.antequerasanchez@gmail.com</label>
 
</div>
 
</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 372: Line 381:
 
<div class="col-md-4 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">
Line 387: Line 396:
 
<div id="rodriModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="rodriModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/0c/FichaTeamValenciaRodri.png"/>
<h4 class="modal-title" id="myModalLabel">Rodrigo Herrero Á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 Engineering</p>
 
<p>Industrial Engineering</p>
Line 420: Line 428:
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
 
<div class="row" style="padding-left: 15px;">
 
<div class="row" style="padding-left: 15px;">
<a href="https://www.facebook.com/rodrigo.herrero.73" target="_blank" style="background-color: #3B5998 !important;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
+
<a href="https://www.linkedin.com/in/rodrigo-herrero-11211614a" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
<i class="fa fa-facebook-square" aria-hidden="true"></i>
+
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 
</a>
 
</a>
 
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
Line 430: Line 438:
 
<label style="padding-top: 8px;">rodrigo_herrero@outlook.com</label>
 
<label style="padding-top: 8px;">rodrigo_herrero@outlook.com</label>
 
</div>
 
</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 439: Line 450:
 
<div class="col-md-4 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">
Line 454: Line 465:
 
<div id="teoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="teoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/0/03/FichaTeamValenciaTeo.png"/>
<h4 class="modal-title" id="myModalLabel">Juan Teodoro Pasogias Guallart</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Computer Science</p>
 
<p>Computer Science</p>
Line 497: Line 507:
 
<label style="padding-top: 8px;">jpasogias@gmail.com</label>
 
<label style="padding-top: 8px;">jpasogias@gmail.com</label>
 
</div>
 
</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 506: Line 519:
 
<div class="col-md-4 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">
Line 521: Line 534:
 
<div id="jopeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="jopeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #f9d7ab !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/8/8b/FichaTeamValenciaJopegar.png"/>
<h4 class="modal-title" id="myModalLabel">Jose Antonio Pérez García</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Computer scientist</p>
 
<p>Computer scientist</p>
Line 568: Line 580:
 
<label style="padding-top: 8px;">joseantonioinforsedavi@gmail.com</label>
 
<label style="padding-top: 8px;">joseantonioinforsedavi@gmail.com</label>
 
</div>
 
</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 577: Line 592:
 
<div class="col-md-4 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">
Line 592: Line 607:
 
<div id="leanModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="leanModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #7dc2cb !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/1/14/FichaTeamValenciaLean.png"/>
<h4 class="modal-title" id="myModalLabel">Leandro Lecca Villacorta</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biomedical Engineer</p>
 
<p>Biomedical Engineer</p>
Line 639: Line 653:
 
<label style="padding-top: 8px;">lean.lecca.96@icloud.com</label>
 
<label style="padding-top: 8px;">lean.lecca.96@icloud.com</label>
 
</div>
 
</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 648: Line 665:
 
<div class="col-md-4 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">
Line 663: Line 680:
 
<div id="salvaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="salvaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaSalva.png"/>
<h4 class="modal-title" id="myModalLabel">Salva Antón Bolaño</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Fine Arts</p>
 
<p>Fine Arts</p>
Line 696: Line 712:
 
<h4>Social Media</h4>
 
<h4>Social Media</h4>
 
<div class="row" style="padding-left: 15px;">
 
<div class="row" style="padding-left: 15px;">
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" target="_blank" style="background-color: #0E76A8 !important;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
+
                                                                                        <a href="https://www.facebook.com/3salva.anton" target="_blank" style="background-color: #3B5998 !important; margin-right: 15px;" class="social-icon social-icon-round social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
<i class="fa fa-facebook-square" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://mx.linkedin.com/in/salvador-antón-b-1a768b11b" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
 
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 
</a>
 
</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>
 +
                                                                        <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 710: Line 738:
 
<div class="col-md-4 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">
Line 725: Line 753:
 
<div id="evaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="evaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #c5c3c4 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/3/3c/FichaTeamValenciaEva.png"/>
<h4 class="modal-title" id="myModalLabel">Eva María Gómez Álvarez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 772: Line 799:
 
<label style="padding-top: 8px;">eviticola96@gmail.com</label>
 
<label style="padding-top: 8px;">eviticola96@gmail.com</label>
 
</div>
 
</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 781: Line 811:
 
<div class="col-md-4 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">
Line 796: Line 826:
 
<div id="paulaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="paulaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/a/ae/FichaTeamValenciaPaula.png"/>
<h4 class="modal-title" id="myModalLabel">Paula Berbegal Sáez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 843: Line 872:
 
<label style="padding-top: 8px;">pauliib.97@gmail.com</label>
 
<label style="padding-top: 8px;">pauliib.97@gmail.com</label>
 
</div>
 
</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 852: Line 884:
 
<div class="col-md-4 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">
Line 867: Line 899:
 
<div id="fabModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="fabModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/9/92/FichaTeamValenciaFab.png"/>
<h4 class="modal-title" id="myModalLabel"> Fabián Robledo Yagüe</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 884: 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 910: Line 941:
 
<label style="padding-top: 8px;">fabianry97@gmail.com</label>
 
<label style="padding-top: 8px;">fabianry97@gmail.com</label>
 
</div>
 
</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 919: Line 953:
 
<div class="col-md-4 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">
Line 934: Line 968:
 
<div id="alvModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="alvModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #aed3ac !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/b/b5/FichaTeamValenciaAl.png"/>
<h4 class="modal-title" id="myModalLabel">Jose Álvaro Ballesteros Gonzalez</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Biotechnology</p>
 
<p>Biotechnology</p>
Line 977: Line 1,010:
 
<label style="padding-top: 8px;">alvarobgutiel@gmail.com</label>
 
<label style="padding-top: 8px;">alvarobgutiel@gmail.com</label>
 
</div>
 
</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 986: Line 1,022:
 
<div class="col-md-4 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">
Line 1,001: Line 1,037:
 
<div id="jorgeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="jorgeModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #c5c3c4c !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://2017.igem.org/File:FichaTeamValenciaJorge.png"/>
<h4 class="modal-title" id="myModalLabel">Jorge Burguet Zamit</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Agricultural and Food Engineering</p>
 
<p>Agricultural and Food Engineering</p>
Line 1,018: 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,048: Line 1,083:
 
<label style="padding-top: 8px;">jorgeburguet@gmail.com</label>
 
<label style="padding-top: 8px;">jorgeburguet@gmail.com</label>
 
</div>
 
</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,057: Line 1,095:
 
<div class="col-md-4 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">
Line 1,072: Line 1,110:
 
<div id="ireneModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="ireneModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div class="modal-dialog modal-lg">
 
<div class="modal-dialog modal-lg">
<div class="modal-content">
+
<div class="modal-content" style="border-top-color: #eea0a0 !important;">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
 
<div class="modal-header">
 
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+
<img class="img-responsive" style="width:100%" src="https://static.igem.org/mediawiki/2017/7/73/FichaTeamValenciaIrene.png"/>
<h4 class="modal-title" id="myModalLabel">Irene Martínez Soler</h4>
+
 
</div>
 
</div>
  
 
<!-- Modal Body -->
 
<!-- Modal Body -->
<div class="modal-body">
+
<div class="modal-body jopemodal">
 
<h4>Studies</h4>
 
<h4>Studies</h4>
 
<p>Fine Arts</p>
 
<p>Fine Arts</p>
Line 1,112: Line 1,149:
 
<i class="fa fa-instagram" aria-hidden="true"></i>
 
<i class="fa fa-instagram" aria-hidden="true"></i>
 
<i class="fa fa-instagram" aria-hidden="true"></i>
 
<i class="fa fa-instagram" aria-hidden="true"></i>
 +
</a>
 +
<a href="https://www.linkedin.com/in/irene-mart%C3%ADnez-soler-b5190014b/" target="_blank" style="background-color: #0E76A8 !important;    margin-right: 15px;" class="social-icon social-icon-round social-linkedin" data-toggle="tooltip" data-placement="top" title="LinkedIn">
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 +
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
 
</a>
 
</a>
 
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
 
<a class="social-icon social-icon-round social-email3" data-toggle="tooltip" data-placement="top" title="Email">
Line 1,119: Line 1,160:
 
<label style="padding-top: 8px;">irene.grafic@gmail.com</label>
 
<label style="padding-top: 8px;">irene.grafic@gmail.com</label>
 
</div>
 
</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,248: 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 class="chatternombre">Yadira Boada</h2>
 
<h2 class="chatternombre">Yadira Boada</h2>
<small>Biotechnologist</small>
+
<small>Control Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 1,266: Line 1,310:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/9/9a/AleFotoTeamValencia.jpeg" alt="" />
 
<h2 class="chatternombre">Alejandro Vignoni</h2>
 
<h2 class="chatternombre">Alejandro Vignoni</h2>
<small>Biotechnologist</small>
+
<small>Control Engineer</small>
 
<br />
 
<br />
 
</div>
 
</div>
Line 1,288: Line 1,332:
 
<div class="col-md-4 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="#albertoModal" 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">
Line 1,302: Line 1,346:
 
</div>
 
</div>
 
<div id="albertoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="albertoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
+
<div class="modal-dialog">
 
<div class="modal-content">
 
<div class="modal-content">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
<div class="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>
 
<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>
 
<h4 class="modal-title" id="myModalLabel">Alberto Conejero</h4>
Line 1,313: Line 1,357:
 
<!-- Modal Body -->
 
<!-- Modal Body -->
 
<div class="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 associate professor at the School of Informatics - iSchool of this university and he is also researcher at the Instituto Universitario de Matemática Pura y Aplicada (IUMPA-UPV). His interests are the study of dynamical systems, chaos theory, mathematical modelling, and multidisciplinary applications of graph theory. He is also enthusiastic about the development of students soft skills.</p>
+
<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,323: Line 1,367:
 
<div class="col-md-4 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="#jesusModal" 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 class="chatternombre">Jesús Picó</h2>
 
<h2 class="chatternombre">Jesús Picó</h2>
 
<small>Control Engineer</small>
 
<small>Control Engineer</small>
Line 1,337: Line 1,381:
 
</div>
 
</div>
 
<div id="jesusModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="jesusModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
+
<div class="modal-dialog">
 
<div class="modal-content">
 
<div class="modal-content">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
<div class="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>
 
<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>
 
<h4 class="modal-title" id="myModalLabel">Jesús Picó</h4>
Line 1,358: Line 1,402:
 
<div class="col-md-4 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="#diegoModal" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#diegoModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 
<h2 class="chatternombre">Diego Orzaez</h2>
 
<h2 class="chatternombre">Diego Orzaez</h2>
 
<small>Biologist</small>
 
<small>Biologist</small>
Line 1,372: Line 1,416:
 
</div>
 
</div>
 
<div id="diegoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="diegoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
+
<div class="modal-dialog">
 
<div class="modal-content">
 
<div class="modal-content">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
<div class="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>
 
<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>
 
<h4 class="modal-title" id="myModalLabel">Diego Orzaez</h4>
Line 1,393: Line 1,437:
 
<div class="col-md-4 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="#javierModal" style = "margin:0px 0px 30px 0px !important;">
+
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#javierModal" style = "margin:0px 0px 30px 0px !important;">
 
<div class="front">
 
<div class="front">
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/c/c2/JavierFotoTeamValencia.jpeg" alt="" />
 
<h2 class="chatternombre">Javier Urchueguia</h2>
 
<h2 class="chatternombre">Javier Urchueguia</h2>
 
<small>Physicist</small>
 
<small>Physicist</small>
Line 1,407: Line 1,451:
 
</div>
 
</div>
 
<div id="javierModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
<div id="javierModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
+
<div class="modal-dialog">
 
<div class="modal-content">
 
<div class="modal-content">
  
 
<!-- Modal Header -->
 
<!-- Modal Header -->
<div class="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>
 
<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>
 
<h4 class="modal-title" id="myModalLabel">Javier Urchueguia</h4>
Line 1,419: Line 1,463:
 
<div class="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>
 
<p>He is Full Professor of Applied Physics and works in Synthetic Biology since 2005 were he has taken part in different Spanish and European SB projects dealing with the subject of biofuel production by microorganisms. In his research he has contributed to develop in-silico models of cyanobacteria capable of producing ethanol and hydrogen amongst other fuels, working hand-in-hand with biologists and biotechnologists. Since 2006 Javier has participated as Instructor in IGEM, contributing to attract students to the field of SB in Valencia.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#cuetoModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 +
<h2 class="chatternombre">José Luis Cueto</h2>
 +
<small>Artist</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="cuetoModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">José Luis Cueto</h4>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>Doctor in Fine Arts from the UPV and Vice-chancellor of students, culture and sport. J.L Cueto is Professor in Fine Arts Degree and is currently a member of the Art and Environment Research Group. His interests are the relations of art with the society and the city, and museum spaces along with the didactics of new interactive technologies.This is his first time as an Instructor and he has been responsible for the support and guidance of our iGEM students during his career in the competition.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- /item -->
 +
 +
<!-- item -->
 +
<div class="col-md-4 col-sm-6">
 +
 +
<div class="box box-color box-icon box-icon-center box-icon-round box-icon-large text-center jopebox" data-toggle="modal" data-target="#nuriaModal" style = "margin:0px 0px 30px 0px !important;">
 +
<div class="front">
 +
<div class="box1 box-default">
 +
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 +
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
 +
<h2 class="chatternombre">Nuria Rodríguez</h2>
 +
<small>Graphic Designer</small>
 +
<br />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="nuriaModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
<div class="modal-dialog">
 +
<div class="modal-content">
 +
 +
<!-- Modal Header -->
 +
<div id="jopemodalprofe-header" class="modal-header">
 +
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 +
<h4 class="modal-title" id="myModalLabel">Nuria Rodríguez</h4>
 +
</div>
 +
 +
<!-- Modal Body -->
 +
<div class="modal-body">
 +
<p>Doctorate in Fine Arts from the UPV, she is a researcher at the Art and Environment Research Center. Her work focuses on the study of relationships between art and design and the recovery of the memory of women artists. She teaches in the Painting Department, where she collaborates in initiatives that relate the fusion of analog and digital procedures. This 2017 is her first time participating as an Instructor, helping us with our project's smart design.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 1,476: Line 1,588:
 
<div class="box1 box-default">
 
<div class="box1 box-default">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
 
<div class="box-icon-title" style = "padding-bottom: 10px !important">
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/0/05/PedritaLabTeamProve.jpeg" alt="" />
+
<img class="img-fluid" src="https://static.igem.org/mediawiki/2017/5/57/PedritoLabFotoTeamValencia.jpeg" alt="" />
 
<h2 class="chatternombre">José-Antonio Daròs</h2>
 
<h2 class="chatternombre">José-Antonio Daròs</h2>
 
<small>Scientific Researcher</small>
 
<small>Scientific Researcher</small>

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