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

 
(210 intermediate revisions by 6 users not shown)
Line 9: Line 9:
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/navBar}}
 
{{Valencia_UPV/navBar}}
 +
 
<html>
 
<html>
  <style>
+
<style>
      #home_logo, #sideMenu { display:none; }
+
 
      #sideMenu, #top_title, .patrollink  {display:none;}
+
#home_logo, #sideMenu { display:none; }
      #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
+
#sideMenu, #top_title, .patrollink  {display:none;}
  </style>
+
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  <head>
+
 
      <meta charset="utf-8">
+
</style>
      <title>Stack Multipurpose HTML Template</title>
+
 
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
    <head>
      <meta name="description" content="Site Description Here">
+
        <meta charset="utf-8">
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
+
        <title>Stack Multipurpose HTML Template</title>
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
+
        <meta name="description" content="Site Description Here">
      <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
  </head>
+
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <body class="" style="background-color:#353535;">
+
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
      <a id="start"></a>
+
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
      <!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
       <!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
+
 
      <div class="main-container">
+
 
        <section style="/* background-color: #353535; *//* background-image: url(&quot;https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg&quot;); *//* background-size: 100%; */height:44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
 
            <div class="main-container" style="
+
       
              height: 100%;">
+
    </head>
              <center style="
+
  <body class="" style="background-color:#353535;">
                  height: 100%;">
+
        <a class="anchorOffset" id="start"></a>
                  <div class="col-md-10" style="
+
 
                    height: 100%;margin-top: 4em;">
+
 
                    <div id="logoPrinteria" class="item" style="
+
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
                        background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png);
+
 
                        height: 100%;
+
 
                        width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat">
+
        
                        <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
 
                          <a class="btn down inner-link active" href="#story" style="font-size: 82%;/* position: fixed; *//* bottom: 7%; */top: 541px;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
+
 
                          <i class="stack-interface stack-down-open-big"></i>
+
 
                          </a>
+
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
                        </div>
+
 
                    </div>
+
 
                  </div>
+
<div class="main-container">
              </center>
+
   
            </div>
+
            <section style="
            <div class="all-page-modals"></div>
+
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
            <div class="all-page-modals"></div>
+
<div class="main-container" style="
        </section>
+
height: 100%;">
      </div>
+
<center style="
      <section id="" class="text-center " style="padding-top: 55px; outline: none;" data-scroll-id="story" tabindex="-1">
+
height: 100%;">
        <div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
<div class="col-md-10" style="
            <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
  height: 100%;margin-top: 4em;">
              <h3 style="
+
  <div id="logoPrinteria" class="item" style="
                  float: left;">Students</h3>
+
    background-image: url(https://static.igem.org/mediawiki/2018/thumb/1/11/T--Valencia_UPV--AttributionsFondoUPV2018.jpeg/1200px-T--Valencia_UPV--AttributionsFondoUPV2018.jpeg);
            </div>
+
    height: 100%;
            <div>
+
    width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://static.igem.org/mediawiki/2018/thumb/c/c8/T--Valencia_UPV--AttributionsTextoUPV2018.jpeg/1200px-T--Valencia_UPV--AttributionsTextoUPV2018.jpeg.png" style=" margin-top: 0px;">
              <div id="modalAlberto" class="modalDialog" style="
+
      <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
                  ;">
+
        <i class="stack-interface stack-down-open-big"></i>
                  <div class="modal-content" style="
+
      </a>
                    margin-top: 8% !important;
+
    </div>  
                    width: 400px !important;
+
</div>
                    padding: 0px !important;
+
</center>
                    width: 68% !important;
+
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
                    ;">
+
<div class="all-page-modals"></div>
                    <section class="imageblock feature-large bg--white border--round " style="
+
</section>
                        width: 100%;">
+
 
                        <a href="#close" title="Close" class="close" style="
+
</div>
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
<a class="anchorOffset" id="story"></a>
                        <div style="
+
<section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
  <div class="container">
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
<div class="row">
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
  <div class="col-md-3" style="
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
      margin-left: 0em;
                        </div>
+
      padding-right: 0px;
                        <div class="container" style="
+
      padding-left: 0.2em;">
                          padding-bottom: 59px;
+
      <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
                          padding-top: 0em;width: 55em;">
+
        <h4 style="
                          <div class="row justify-content-end">
+
            padding-left: 1em;
                              <div class="col-lg-6 col-md-6" style="
+
            ">Index</h4>
                                padding-left: 0;">
+
        <ul class="lateral">
                                <div class="row">
+
            <li class="lateral">
                                    <div class="col-md-10 col-lg-10" style="
+
              <div class="tab__title" style="
                                      padding-right: 0px;
+
                  line-height: 1.3em;
                                      margin-left: 36px;
+
                  ">
                                      margin-right: 0px;">
+
                  <a href="#lmWetLab" class="lateral inner-link" style="
                                      <div class="text-block" style="
+
                    color: #353535;
                                          margin-bottom: 0px;">
+
                    opacity: 1;
                                          <h3 style="
+
                     ">Wet Lab</a>
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">ALBERTO CORONADO</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>From lost to the river.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Growing carnivorous plants, performing magic and cooking</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Communicate with fruit.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>Wanting to experience what the real world is? Bored of perfect PCRs and highly defined electrophoresis? Just join us! iGEM is your place; because whatever can go wrong, will go even worse. But never give up, you have come here to win, just belive in yourself and you'll be able to achieve anything you aim!</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                     </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
 
               </div>
 
               </div>
              <div id="modalAdrian" class="modalDialog" style="
+
            </li>
                  ;">
+
            <li class="lateral">
                  <div class="modal-content" style="
+
              <div class="tab__title" style="
                    margin-top: 8% !important;
+
                  line-height: 1.3em;
                    width: 400px !important;
+
                  ">
                    padding: 0px !important;
+
                  <a href="#lmSoftware" class="lateral inner-link" style="
                    width: 68% !important;
+
                    color: #353535;
                    ;">
+
                    opacity: 1;
                    <section class="imageblock feature-large bg--white border--round " style="
+
                     ">Software</a>
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            ;
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">ADRIÁN REQUENA</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>Staring at food: Is this plastic?</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Taekwondo</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Teleporting</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>I am on iGEM because I wanted to learn and practice the things that are not taught in the biotechnology degree and also because I wanted to work side by side with people from other disciplines</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                     </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
 
               </div>
 
               </div>
              <div id="modalCarol" class="modalDialog" style="
+
            </li>
                  ;">
+
            <li class="lateral">
                  <div class="modal-content" style="
+
              <div class="tab__title" style="
                    margin-top: 8% !important;
+
                  line-height: 1.3em;
                    width: 400px !important;
+
                  ">
                    padding: 0px !important;
+
                  <a href="#lmHardware" class="lateral inner-link" style="
                    width: 68% !important;
+
                    color: #353535;
                    ;">
+
                    opacity: 1;
                    <section class="imageblock feature-large bg--white border--round " style="
+
                     ">Hardware</a>
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            ;
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">CAROLINA ROPERO</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>This is easy.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Reading and travelling.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Invisibility.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>I'm on iGEM because I wanted to live the reallity of the lab work and be part of a multidisciplinary team where I could adquire new skills and appreciate different viewpoints&nbsp;</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                     </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
 
               </div>
 
               </div>
              <div id="modalCarlos" class="modalDialog" style="
+
            </li>
                  ;">
+
            <li class="lateral">
                  <div class="modal-content" style="
+
              <div class="tab__title" style="
                    margin-top: 8% !important;
+
                  line-height: 1.3em;
                    width: 400px !important;
+
                  ">
                    padding: 0px !important;
+
                  <a href="#lmModeling" class="lateral inner-link" style="
                    width: 68% !important;
+
                    color: #353535;
                    ;">
+
                    opacity: 1;
                    <section class="imageblock feature-large bg--white border--round " style="
+
                     ">Modeling</a>
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">CARLOS ANDREU</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>I've got a model...</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>IT and swimming.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>X-Ray Vision</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>The most important reason to take part in iGEM is to seize a unique opportunity in my life to complete my training and to discover in depth Synthetic Biology world. Since the beginning of my university studies, my desire has been to take part in an international project, focused on Science, where I could apply all the knowledge acquired over the years, but also work as a team and learn from mistakes and successes. And, definitively, the iGEM project has been the perfect chance.</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                     </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
 
               </div>
 
               </div>
              <div id="modalRoger" class="modalDialog" style="
+
            </li>
                  ;">
+
            <li class="lateral">
                  <div class="modal-content" style="
+
              <div class="tab__title" style="
                    margin-top: 8% !important;
+
                  line-height: 1.3em;
                    width: 400px !important;
+
                  ">
                    padding: 0px !important;
+
                  <a href="#lmGraphicDesign" class="lateral inner-link" style="
                    width: 68% !important;
+
                    color: #353535;
                    ;">
+
                    opacity: 1;
                    <section class="imageblock feature-large bg--white border--round " style="
+
                     ">Graphic Design</a>
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">ROGER MONFORT</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>Please read this, it is *important*.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Fencing, WoW, drumming and trips with friends.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Control arcane magic.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>Just looking for a girlfriend. Mission failed.</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                     </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
 
               </div>
 
               </div>
              <div id="modalBetty" class="modalDialog" style="
+
            </li>
                  ;">
+
            <li class="lateral">
                  <div class="modal-content" style="
+
              <div class="tab__title" style="
                    margin-top: 8% !important;
+
                  line-height: 1.3em;
                    width: 400px !important;
+
                  ">
                    padding: 0px !important;
+
                  <a href="#lmWiki" class="lateral inner-link" style="
                    width: 68% !important;
+
                    color: #353535;
                    ;">
+
                    opacity: 1;
                    <section class="imageblock feature-large bg--white border--round " style="
+
                     ">Wiki</a>
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">TZVETELINA ILIEVA</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>Let's be positive.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Skiing and travelling.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Teleporting.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>I am on iGEM because I really was passionate about the idea of developing a project for an international competition together with a multidisciplinary team.&nbsp;</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                     </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
 
               </div>
 
               </div>
              <div id="modalMarc" class="modalDialog" style="
+
            </li>
                  ;">
+
            <li class="lateral">
                  <div class="modal-content" style="
+
              <div class="tab__title" style="
                    margin-top: 8% !important;
+
                  line-height: 1.3em;
                    width: 400px !important;
+
                   ">
                    padding: 0px !important;
+
                   <a href="#lmCollaborations" class="lateral inner-link" style="
                    width: 68% !important;
+
                    color: #353535;
                    ;">
+
                    opacity: 1;
                    <section class="imageblock feature-large bg--white border--round " style="
+
                     ">Collaborations</a>
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">MARC MARTINEZ</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>Mmm... ¡Vale!</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Videogames, electronics and animu.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Time Control.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>I love doing electronics projects, and this seemed like a fun challenge. It was a new field for me to learn and do electronics on a really practical and usefull field.</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                    </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                   </div>
+
              </div>
+
              <div id="modalHector" class="modalDialog" style="
+
                  ;">
+
                   <div class="modal-content" style="
+
                    margin-top: 8% !important;
+
                    width: 400px !important;
+
                    padding: 0px !important;
+
                    width: 68% !important;
+
                    ;">
+
                    <section class="imageblock feature-large bg--white border--round " style="
+
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">HÉCTOR IZQUIERDO</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>It make sanse, it make sanse...</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Tennis and Piano</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Time travel.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>I'm on iGEM because I wanted to learn to work in a team, acquire a broad skillset in software development and have fun during the summer.&nbsp;</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                     </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
 
               </div>
 
               </div>
              <div id="modalBlanca" class="modalDialog" style="
+
            </li>
                  ;">
+
            <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
                  <div class="modal-content" style="
+
               <div class="tab__title" style="
                    margin-top: 8% !important;
+
                   line-height: 1.3em;
                    width: 400px !important;
+
                    padding: 0px !important;
+
                    width: 68% !important;
+
                    ;">
+
                    <section class="imageblock feature-large bg--white border--round " style="
+
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">BLANCA MADORRÁN</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>Oh no, they are mowing the lawn....</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Music, videogames and drawing.&nbsp;</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Teleporting</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>I've always found biology amazing, and I thogth that this project was the perfect oportunity to link technology and life sciences.&nbsp;</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                    </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
               </div>
+
              <div id="modalJoan" class="modalDialog" style="
+
                   ;">
+
                  <div class="modal-content" style="
+
                    margin-top: 8% !important;
+
                    width: 400px !important;
+
                    padding: 0px !important;
+
                    width: 68% !important;
+
                    ;">
+
                    <section class="imageblock feature-large bg--white border--round " style="
+
                        width: 100%;">
+
                        <a href="#close" title="Close" class="close" style="
+
                          padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
+
                        <div style="
+
                          width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
+
                        <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
+
                          border-top-right-radius: 0px;border-bottom-right-radius: 0px;
+
                          margin: 0px;height: 100%;; /* width: 1170px; */">
+
                        </div>
+
                        <div class="container" style="
+
                          padding-bottom: 59px;
+
                          padding-top: 0em;width: 55em;">
+
                          <div class="row justify-content-end">
+
                              <div class="col-lg-6 col-md-6" style="
+
                                padding-left: 0;">
+
                                <div class="row">
+
                                    <div class="col-md-10 col-lg-10" style="
+
                                      padding-right: 0px;
+
                                      margin-left: 36px;
+
                                      margin-right: 0px;">
+
                                      <div class="text-block" style="
+
                                          margin-bottom: 0px;">
+
                                          <h3 style="
+
                                            padding-top: 30px;;
+
                                            line-height: 38px;
+
                                            font-weight: 700;
+
                                            ;
+
                                            text-align: left;;">JOAN CASADO</h3>
+
                                          <div style="
+
                                            padding-top: 20px;;
+
                                            text-align: left;
+
                                            ;">
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">iGEM quote:</p>
+
                                            <p>Pero xics.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Hobbies:</p>
+
                                            <p>Swimming, drawing, cycling, eating salad, loosing all my things, throwing shade.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">If I had a superpower it would be:</p>
+
                                            <p>Breathing underwater.</p>
+
                                            <p style="
+
                                                padding-bottom: 0px;
+
                                                color: #353535;;
+
                                                font-weight: 700;
+
                                                margin-bottom: 0px !important;">Why am I on iGEM:</p>
+
                                            <p>I joined iGEM because I wanted a challenge as a graphic designer and as a person. Working with people from so many different fields and methodologies is always very complicated. Even though , you always have to find a way to understand each other and get the project to go forward. iGEM has given me a lot of professional experience.</p>
+
                                          </div>
+
                                      </div>
+
                                    </div>
+
                                    <!--end of col-->
+
                                </div>
+
                                <!--end of row-->
+
                              </div>
+
                              <div class="" style="
+
                                height: 123px;
+
                                background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
+
                              </div>
+
                          </div>
+
                          <!--end of row-->
+
                        </div>
+
                        <!--end of container-->
+
                    </section>
+
                    <div class="modal-close modal-close-cross"></div>
+
                  </div>
+
              </div>
+
            </div>
+
            <div class="row">
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalAlberto">
+
                        <div><button class="" data-modal="modalTwo" style="
+
                          border: none;
+
                          ; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/a/ae/T--Valencia_UPV--albertoUPV2018.png);" http:=""></button>
+
                        </div>
+
                    </a>
+
                    <h5>Alberto Coronado Martín</h5>
+
                    <span>Biotechnologist</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalAdrian">
+
                        <div><button class="" data-modal="modalTwo" style="
+
                          border: none;
+
                          ; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/2/25/T--Valencia_UPV--adrianUPV2018.png);" http:=""></button>
+
                        </div>
+
                    </a>
+
                    <h5>Adrían Requena Gutiérrez</h5>
+
                    <span>Biotechnologist</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalCarol">
+
                        <div> <button data-modal="modalOne" style="
+
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/61/T--Valencia_UPV--carolinaUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                    </a>
+
                    <h5>Carolina Ropero Pérez</h5>
+
                    <span>Biotechnologist</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3" style="
+
 
                   ">
 
                   ">
                   <div class="feature feature-8">
+
                   <a href="#lmHuman" class="lateral inner-link" style="
                    <a href="#modalCarlos">
+
                    color: #353535;
                        <div> <button data-modal="modalOne" style="
+
                     opacity: 1;
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--carlosUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                     list-style-type: circle;
                     </a>
+
                     ">Human Practices</a>
                    <h5>Carlos Andreu Vilarroig</h5>
+
                    <span>Biomedical Engineer</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalRoger">
+
                        <div> <button data-modal="modalOne" style="
+
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                     </a>
+
                    <h5>Roger Monfort Llorens</h5>
+
                    <span>Biomedical Engineer</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalBetty">
+
                        <div> <button data-modal="modalOne" style="
+
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--bettyUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                     </a>
+
                    <h5>Tzvetelina Ilieva Anguelova</h5>
+
                    <span>Industrial Engineer</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalMarc">
+
                        <div> <button data-modal="modalOne" style="
+
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/8/86/T--Valencia_UPV--marcUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                    </a>
+
                    <h5>Marc Martínez Badenes</h5>
+
                    <span>Electronic Engineer</span>
+
                  </div>
+
 
               </div>
 
               </div>
               <div class="col-md-3" style="
+
            </li>
                   /* z-index: 800; */
+
            <li class="lateral">
 +
               <div class="tab__title" style="
 +
                   line-height: 1.3em;
 
                   ">
 
                   ">
                   <div class="feature feature-8 modal-instance">
+
                   <a href="#lmOrgCom" class="lateral inner-link" style="
                    <a href="#modalHector">
+
                    color: #353535;
                        <div> <button data-modal="modalOne" style="
+
                     opacity: 1;
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/63/T--Valencia_UPV--hectorUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                     ">Organization / Communication</a>
                     </a>
+
                    <h5>Héctor Izquierdo Fernández</h5>
+
                    <span>Computer Scientist</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalBlanca">
+
                        <div> <button data-modal="modalOne" style="
+
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--blancaUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                     </a>
+
                    <h5>Blanca Madorrán Coca</h5>
+
                    <span>Computer Scientist</span>
+
                  </div>
+
              </div>
+
              <div class="col-md-3">
+
                  <div class="feature feature-8">
+
                    <a href="#modalJoan">
+
                        <div> <button data-modal="modalOne" style="
+
                          border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png);">&nbsp;&nbsp;</button></div>
+
                    </a>
+
                    <h5>Joan Casado Ribera</h5>
+
                    <span>Designer</span>
+
                  </div>
+
 
               </div>
 
               </div>
 +
            </li>
 +
        </ul>
 +
        <ul class="tabs-content">
 +
        </ul>
 +
      </div>
 +
  </div>
 +
<div class="col-md-9 col9Attr" style="padding-left: 6em;padding-right: 2em;">
 +
      <div>
 +
        <a class="anchorOffset" id="lmWetLab" data-scroll-id="lmWetLab" tabindex="-1" style="outline: none;"></a>
 +
        <h3 class="h3Attr">Wet Lab</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#carolinaRopero1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/61/T--Valencia_UPV--carolinaUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Carolina Ropero</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#adrianRequena1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 125px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/2/25/T--Valencia_UPV--adrianUPV2018.png);
 +
                  background-position-x: -145px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Adrián Requena</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#albertoCoronado1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/a/ae/T--Valencia_UPV--albertoUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alberto Coronado</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#martaVazquez1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a5/T--Valencia_UPV--martaUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -26px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Marta Vázquez</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#diegoOrzaez1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/9/92/T--Valencia_UPV--diegoUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -20px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Diego Orzáez</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#jesusPico1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 230px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--jesusPicoUPV2018.png);
 +
                  background-position-x: -298px;
 +
                  background-position-y: -10px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Jesús Picó</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#nuriaAndres1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/0/0f/T--Valencia_UPV--nuriaUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -20px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Nuria Andrés</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#alejandroVignoni1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 108px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--aleUPV2018.png);
 +
                  background-position-x: -114px;
 +
                  background-position-y: -14px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alejandro Vignoni</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#yadiraBoada1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a8/T--Valencia_UPV--yadiraUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -26px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Yadira Boada</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#lauraCampos1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 150px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/9/9e/T--Valencia_UPV--fotoLauraCamposUPV2018.jpg);
 +
                  background-position-x: -184px;
 +
                  background-position-y: -14px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Laura Campos Beneyto</p>
 
             </div>
 
             </div>
            <!--end of row-->
 
 
         </div>
 
         </div>
         <div class="container">
+
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
            <div class="row">
+
         <div>
               <h3 style="
+
            <ul class="ulHec">
                   float: left;">Advisors</h3>
+
              <li>
 +
                  <p>
 +
                    <a class="anchorOffset" id="carolinaRopero1" data-scroll-id="carolinaRopero1" tabindex="-1" style="outline: none;"></a>
 +
                    <a class="anchorOffset" id="adrianRequena1" data-scroll-id="adrianRequena1" tabindex="-1" style="outline: none;"></a>
 +
                    <a class="anchorOffset" id="albertoCoronado1" data-scroll-id="albertoCoronado1" tabindex="-1" style="outline: none;"></a>
 +
                    Design and domestication of DNA basic parts for the GB 3.0. grammar and transcriptional unit assemblies were accomplished by <b>Carolina Ropero, Adrián Requena and Alberto Coronado</b> (wet lab team).
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                    <div class="" style="text-align: center;padding: 0;/* padding-right: 1.2em; */">
 +
                        <a class="linkSinPadding" href="mailto:carolinarp97@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 +
 
 +
<div style="border-left:1px solid #000;height: 19px;position: relative;top: 10px;padding-left: 1.2em;left: 10px;"></div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:adrianrequenagutierrez@gmail.com ">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/adrián-requena-gutiérrez-151074173">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;"></a>
 +
                    </div>
 +
 
 +
<div style="border-left:1px solid #000;height: 19px;position: relative;top: 10px;padding-left: 1.2em;left: 10px;"></div>
 +
                  <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:albertocmartin98@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div></div>
 +
                  <!--Fin Redes sociales-->
 +
                  <!--Redes sociales-->
 +
                  <!--Fin Redes sociales-->
 +
                  <!--Redes sociales-->
 +
                 
 +
                  <!--Fin Redes sociales-->
 +
               </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="martaVazquez1" data-scroll-id="martaVazquez1" tabindex="-1" style="outline: none;"></a>
 +
                   <a class="anchorOffset" id="diegoOrzaez1" data-scroll-id="diegoOrzaez1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>PhD Marta Vázquez</b>, Instructor and <b>PhD Diego Orzáez</b>, PI, from the IBMCP (UPV- CSIC), provided us the destination Level 1 vectors for the Golden Gate Cloning system and introduced us to the basic knowledge about the Golden Braid 3.0 grammar. They also provided economical support for lab reagents and consumables.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="jesusPico1" data-scroll-id="nuriaAndres1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Prof. Jesús Picó, </b>PI of this IGEM Team gave us general advices in all the aspects of the Project. He provided many of the resources we needed for the execution of the project and let us work in his lab during this summer.</p>
 +
                  <div class="row rowAttr">           
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:jpico@ai2.upv.es">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div></div>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="nuriaAndres1" data-scroll-id="nuriaAndres1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>PhD Nuria Andrés Colás, </b>gave us advice on how to make competent bacteria and how to deal with them. She also gave us a great insight into how to deal with Biology with people without knowledge in this field.</p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="alejandroVignoni1" data-scroll-id="alejandroVignoni1" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="yadiraBoada1" data-scroll-id="yadiraBoada1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>PhD Alejandro Vignoni</b>, Secondary PI and <b>PhD Yadira Boada</b>, Instructor, let us work in their laboratory space and taught us most of the techniques we have applied in the development of the biological part of Printeria.</p>
 +
              <div class="row rowAttr">
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:alejovigno@gmail.com ">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/alejovigno/">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;"></a>
 +
                    </div>
 +
<div style="border-left:1px solid #000;height: 19px;position: relative;top: 10px;padding-left: 1.2em;left: 10px;"></div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:yadiboada@gmail.com ">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/yadira-boada-acosta-0423b187/">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;"></a>
 +
                    </div>
 +
                    </div>
 +
 
 +
 
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="lauraCampos1" data-scroll-id="lauraCampos1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Laura Campos Beneyto</b>, from the Biotechnology-Biochemistry department (ETSIAMN-UPV), gave us technical support to continue the wet lab schedule when our thermocycler was broken.
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
        </div>
 +
      </div>
 +
      <div>
 +
        <a class="anchorOffset" id="lmSoftware" data-scroll-id="lmSoftware" tabindex="-1" style="outline: none;"></a>
 +
        <h3 class="h3Attr">Software</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#hectorIzquierdo1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 119px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/63/T--Valencia_UPV--hectorUPV2018.png);
 +
                  background-position-x: -135px;
 +
                  background-position-y: -17px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Héctor Izquierdo</p>
 
             </div>
 
             </div>
             <div class="row">
+
             <div class="col-md-2" style="text-align: center;">
               <div class="col-md-3">
+
               <a class="inner-link" href="#blancaMadorran1"><button class="" data-modal="modalTwo" style="
                   <div class="feature feature-8">
+
                  cursor: pointer;
                    <div style="
+
                  border: none;
                        ;
+
                  margin: 0 auto 10px;
                        margin: 0 auto 10px;
+
                  background-size: 116px;
                        background-size: 204px;border-radius: 50%;;
+
                  border-radius: 50%;
                        height: 210px;
+
                  height: 94px;
                        width: 210px;
+
                  width: 94px;
                        background-image: url(&quot;https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--nobelUPV2018.png&quot;);"></div>
+
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--blancaUPV2018.png);
                     <h5>Nobel Santos</h5>
+
                  background-position-x: -128px;
                     <span>Electronic Engineer</span>
+
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Blanca Madorrán</p>
 +
            </div>
 +
           
 +
 
 +
<div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#manuelPortoles1"><button class="" data-modal="modalTwo" style="
 +
                   cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 221px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/34/T--Valencia_UPV--manuUPV2018.jpeg);
 +
                  background-position-x: -65px;
 +
                  background-position-y: -16px;
 +
                  background-repeat: no-repeat;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Manuel Portolés</p>
 +
            </div><div class="col-md-2" style="text-align: center;">
 +
              <a class="" href="albertoConejero1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 122px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/f/f7/T--Valencia_UPV--conejeroUPV2018.png);
 +
                  background-position-x: -27px;
 +
                  background-position-y: -22px;
 +
                  background-repeat: no-repeat;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alberto Conejero</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#juanPasogias1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 188px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/68/T--Valencia_UPV--pasogiasUPV2018.png);
 +
                  background-position-x: -237px;
 +
                  background-position-y: -18px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Juan Pasogias</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#equipoIgem1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 90px;
 +
                  /* border-radius: 50%; */
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/3d/T--Valencia_UPV--pruebafotoUPV2018.png);
 +
                  background-position-x: 1px;
 +
                  background-position-y: 14px;
 +
                  background-repeat: no-repeat;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">UPV iGEM Team 2018</p>
 +
            </div>
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="hectorIzquierdo1" data-scroll-id="hectorIzquierdo1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Héctor Izquierdo</b>, Computer Science student from 2018 iGEM’s software team, helped developing the software functionalities, the communication between the software and the hardware and the user interface design.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                     <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:hizfernandez@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                     </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/hizfernandez">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;"></a>
 +
                    </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
               <li>
 +
                  <a class="anchorOffset" id="blancaMadorran1" data-scroll-id="blancaMadorran1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Blanca Madorrán</b>, Computer Science student from 2018 iGEM’s software team, helped developing the software functionalities and the user interface design.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                   <div class="row rowAttr">
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:blancamadococa@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/blancamaco">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;"></a>
 +
                    </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
               <li>
 +
                  <a class="anchorOffset" id="manuelPortoles1" data-scroll-id="manuelPortoles1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Manuel Portolés</b>, Computer Science graduate from 2016 iGEM’s software team mentored us throughout the whole process of developing Printeria’s software tool. He helped us with the specification of the requirements, testing and defining the architecture. 
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                   <div class="row rowAttr">
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:portolesmanuel@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://es.linkedin.com/in/portoles">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;"></a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.instagram.com/Mpmor/" target="_blank" style="padding-right: 0;">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--attrInstagramUPV2018.png" style="position: relative;top: 8px;height: 25px;width: 25px;">
 +
                        </a>
 +
                    </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
<li>
 +
                  <a class="anchorOffset" id="albertoConejero1" data-scroll-id="equipoIgem1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Alberto Conejero</b>, helped us during the software specification process, analyzing different approaches and possibilities.
 +
</p>
 +
               </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="juanPasogias1" data-scroll-id="juanPasogias1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Juan Pasogias</b>, Computer Science graduate from 2017 iGEM’s software team helped us with software evaluation and communication between software and hardware.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                   <div class="row rowAttr">
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:jpasogias@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
            </div>
+
               </li>
            <!--end of row-->
+
              <li>
 +
                  <a class="anchorOffset" id="equipoIgem1" data-scroll-id="equipoIgem1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>2018 Valencia UPV iGEM Team</b>, helped us to validate the software usability and suggested new useful functionalities to implement.
 +
                  </p>
 +
              </li>
 +
            </ul>
 
         </div>
 
         </div>
         <div class="container">
+
      </div>
             <div class="row">
+
      <div>
               <h3 style="
+
        <a class="anchorOffset" id="lmHardware" data-scroll-id="lmHardware" tabindex="-1" style="outline: none;"></a>
                   float: left;">Instructors</h3>
+
        <h3 class="h3Attr">Hardware</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
         <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
             <div class="col-md-2" style="text-align: center;">
 +
               <a class="inner-link" href="#bettyIlieva1"><button class="" data-modal="modalTwo" style="
 +
                   cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 125px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--bettyUPV2018.png);
 +
                  background-position-x: -140px;
 +
                  background-position-y: -15px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Tzvetelina Ilieva</p>
 
             </div>
 
             </div>
             <div class="row">
+
             <div class="col-md-2" style="text-align: center;">
               <div class="col-md-3">
+
               <a class="inner-link" href="#marcMartinez1"><button class="" data-modal="modalTwo" style="
                   <div class="feature feature-8">
+
                  cursor: pointer;
                    <div style="
+
                  border: none;
                        ;
+
                  margin: 0 auto 10px;
                        margin: 0 auto 10px;
+
                  background-size: 119px;
                        background-size: 189px;border-radius: 50%;;
+
                  border-radius: 50%;
                        height: 210px;
+
                  height: 94px;
                        width: 210px;
+
                  width: 94px;
                        background-image: url(&quot;https://static.igem.org/mediawiki/2018/f/f7/T--Valencia_UPV--conejeroUPV2018.png&quot;);"></div>
+
                  background-image: url(https://static.igem.org/mediawiki/2018/8/86/T--Valencia_UPV--marcUPV2018.png);
                     <h5>Alberto Conejero</h5>
+
                  background-position-x: -129px;
                     <span>Mathematician</span>
+
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Marc Martínez</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#nobel1"><button class="" data-modal="modalTwo" style="
 +
                   cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 131px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(            https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--nobelUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Nobel Santos</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#miguelAlbero1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/5/51/T--Valencia_UPV--pruebaMonigoteUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Miguel Albero Gil</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#ryanFobel1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/5/51/T--Valencia_UPV--pruebaMonigoteUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Ryan Fobel</p>
 +
            </div>
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="bettyIlieva1" data-scroll-id="bettyIlieva1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Tzvetelina Ilieva</b>, industrial engineering student, has designed all the 3D components used in the device, made all the blueprints required for its reproducibility and has created all renders using Autodesk Inventor.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                     <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:bettyilieva@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                     </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/tzvetelina-ilieva-anguelova-a08969172">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;"></a>
 +
                    </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
               <li>
                     <div style="
+
                  <a class="anchorOffset" id="marcMartinez1" data-scroll-id="marcMartinez1" tabindex="-1" style="outline: none;"></a>
                        margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px;
+
                  <p><b>Marc Martínez</b>, Electronic engineering student, was in charge of all the electronic aspects of the device, such as the digital microfluidic system or the PCB design.
                         background-image: url(https://static.igem.org/mediawiki/2018/thumb/5/50/T--Valencia_UPV--personaUPV2018.png/449px-T--Valencia_UPV--personaUPV2018.png);" http:=""></div>
+
                  </p>
                     <h5>Jesús Picó</h5>
+
                  <!--Redes sociales-->
                    <span>Control Engineer</span>
+
                   <div class="row rowAttr">
 +
                     <div class="" style="text-align: center;padding: 0;">
 +
                         <a class="linkSinPadding" href="mailto:citingmarc@me.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                     </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
               <li>
                    <div style="
+
                  <a class="anchorOffset" id="nobel1" data-scroll-id="miguelAlbero1" tabindex="-1" style="outline: none;"></a>
                        ;;
+
                  <p><b>Nóbel Santos</b>, Electronic engineering graduate from 2016 iGEM's hardware team, mentored and helped throughout the process of building the electronic parts of the device
                        background-position-x: center;
+
                  </p>
                        margin: 0 auto 10px; background-size: 183px;border-radius: 50%;; height: 210px; width: 210px;
+
              </li>
                        background-image: url(https://static.igem.org/mediawiki/2018/9/92/T--Valencia_UPV--diegoUPV2018.png);" http:=""></div>
+
              <li>
                    <h5>Diego Orzaez</h5>
+
                  <a class="anchorOffset" id="miguelAlbero1" data-scroll-id="miguelAlbero1" tabindex="-1" style="outline: none;"></a>
                     <span>Biotechnologist</span>
+
                  <p><b>Miguel Albero Gil</b>, Electronic Services Responsable AI2. He helped us by producing our concept test PCBs.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="ryanFobel1" data-scroll-id="ryanFobel1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Ryan Fobel</b>, PhD, CEO of Sci-Bots. He helped us into the world of Digital Microfluidics and offered a lot of tutoring for us to get this technology right.
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
        </div>
 +
      </div>
 +
      <div>
 +
        <a class="anchorOffset" id="lmModeling" data-scroll-id="lmModeling" tabindex="-1" style="outline: none;"></a>
 +
        <h3 class="h3Attr">Modeling</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#carlosAndreu1"><button class="" data-modal="modalTwo" style="
 +
                   cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 120px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--carlosUPV2018.png);
 +
                  background-position-x: -135px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Carlos Andreu</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#rogerMonfort1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 120px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png);
 +
                  background-position-x: -131px;
 +
                  background-position-y: -14px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Roger Monfort</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#yadiraBoada2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a8/T--Valencia_UPV--yadiraUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -26px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Yadira Boada</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#alejandroVignoni2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 108px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--aleUPV2018.png);
 +
                  background-position-x: -114px;
 +
                  background-position-y: -14px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alejandro Vignoni</p>
 +
            </div>
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="carlosAndreu1" data-scroll-id="carlosAndreu1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Carlos Andreu Vilaroig</b>, Biomedical Engineering student from 2018 iGEM’s modeling team, designed mathematical models and laboratory experiments, characterizing Printeria parts and developing Simulation software tool.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                     <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:carlos.andreuv@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
               <li>
                     <div style="
+
                  <a class="anchorOffset" id="rogerMonfort1" data-scroll-id="rogerMonfort1" tabindex="-1" style="outline: none;"></a>
                        background-position-x: center;
+
                  <p><b>Roger Monfort</b>, acted as an assistant for Carlos Andreu Vilarroig helping him in the development of mathematical models and laboratory experiments.                        </p>
                        margin: 0 auto 10px; background-size: 174px;border-radius: 50%;; height: 210px; width: 210px;
+
              <!--Redes sociales-->
                         background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--aleUPV2018.png);" http:=""></div>
+
                   <div class="row rowAttr">
                     <h5>Alejandro Vignoni</h5>
+
                     <div class="" style="text-align: center;padding: 0;">
                    <span>Synthetic Biologist</span>
+
                         <a class="linkSinPadding" href="mailto:wolframio976@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                     </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
               <li>
                    <div style="
+
                  <a class="anchorOffset" id="yadiraBoada2" data-scroll-id="yadiraBoada2" tabindex="-1" style="outline: none;"></a><a class="anchorOffset" id="alejandroVignoni2" data-scroll-id="alejandroVignoni2" tabindex="-1" style="outline: none;"></a>
                        background-position-x: center;
+
                  <p><b>PhD Yadira Boada and PhD Alejandro Vignoni</b>, advised on the process of modeling design and multi-objective parameter optimization.
                        margin: 0 auto 10px; background-size: 174px;border-radius: 50%;; height: 210px; width: 210px;
+
                  </p>
                        background-image: url(https://static.igem.org/mediawiki/2018/a/a8/T--Valencia_UPV--yadiraUPV2018.png);" http:=""></div>
+
              </li>
                     <h5>Yadira Boada</h5>
+
            </ul>
                     <span>Control Engineer</span>
+
        </div>
 +
      </div>
 +
      <div>
 +
        <a class="anchorOffset" id="lmGraphicDesign" data-scroll-id="lmGraphicDesign" tabindex="-1" style="outline: none;"></a>
 +
        <h3 class="h3Attr">Graphic Design</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#joanCasado1"><button class="" data-modal="modalTwo" style="
 +
                   cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Joan Casado</p>
 +
            </div>
 +
          <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#aliciaBlasco1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/1/16/T--Valencia_UPV--aliciaUPV2018.png);
 +
                  background-position-x: -133px;
 +
                  background-position-y: -10px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alicia Blasco</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#salvaAnton1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/f/f7/T--Valencia_UPV--salva2018.jpeg);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Salva Antón</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#ireneMartinez1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--ireneUPV2018.jpeg);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -9px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Irene Martínez</p>
 +
            </div>
 +
           
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="joanCasado1" data-scroll-id="joanCasado1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Joan Casado</b>, Design and Creative Technologies student and member of our design team, worked on all the visual part of the project.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                     <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:casadoribera@gmail.com" target="_blank">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;">
 +
                        </a>
 +
                     </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/joancasadoribera/" target="_blank" style="padding-right: 0;">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;">
 +
                        </a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.instagram.com/joancasado/" target="_blank" style="padding-right: 0;">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--attrInstagramUPV2018.png" style="position: relative;top: 8px;height: 25px;width: 25px;">
 +
                        </a>
 +
                    </div>
 
                   </div>
 
                   </div>
              </div>
+
                  <!--Fin Redes sociales-->
              <div class="col-md-3">
+
              </li><li>
                   <div class="feature feature-8">
+
                  <a class="anchorOffset" id="aliciaBlasco1" data-scroll-id="aliciaBlasco1" tabindex="-1" style="outline: none;"></a>
                     <div style="
+
                  <p><b>Alicia Blasco</b>, from the Design and Creative Technologies, helped as a collaborator in our graphic design and creating content as part of our design team.
                        background-position: center;margin: 0 auto 10px; background-size: 178px;border-radius: 50%;; height: 210px; width: 210px;
+
                  </p>
                         background-image: url(https://static.igem.org/mediawiki/2018/a/a5/T--Valencia_UPV--martaUPV2018.png);" http:=""></div>
+
                  <!--Redes sociales-->
                     <h5>Marta Vázquez Vilar</h5>
+
                   <div class="row rowAttr">
                     <span>Biotechnologist</span>
+
                     <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:aliciablasco11@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;">
 +
                        </a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                         <a class="linkSinPadding" href="https://www.instagram.com/alicia.blsc/" target="_blank">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--attrInstagramUPV2018.png" style="position: relative;top: 8px;height: 25px;width: 25px;left: 0.2em;">
 +
                        </a>
 +
                     </div>
 +
                     <!--Fin Redes sociales-->
 
                   </div>
 
                   </div>
               </div>
+
               </li>
               <div class="col-md-3">
+
             
                   <div class="feature feature-8">
+
               <li>
                     <div style="
+
                  <a class="anchorOffset" id="salvaAnton1" data-scroll-id="salvaAnton1" tabindex="-1" style="outline: none;"></a>
                         background-position: center;
+
                   <a class="anchorOffset" id="ireneMartinez1" data-scroll-id="ireneMartinez1" tabindex="-1" style="outline: none;"></a>
                         margin: 0 auto 10px; background-size: 182px;border-radius: 50%;; height: 210px; width: 210px;
+
                  <p><b>Salva Antón and Irene Martinez</b>, Fine Arts graduates from 2017 iGEM’s design team and 2018 design advisors, mentored our design student during all the project.
                         background-image: url(https://static.igem.org/mediawiki/2018/0/0f/T--Valencia_UPV--nuriaUPV2018.png);" http:=""></div>
+
                  </p>
                     <h5>Nuria Andrés Colás</h5>
+
                  <!--Redes sociales-->
                     <span>Biotechnologist</span>
+
                  <div class="row rowAttr">
 +
                     <div class="" style="text-align: center;padding: 0;">
 +
                         <a class="linkSinPadding" href="mailto:salva.antonb@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;">
 +
                         </a>
 +
                    </div>
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/salvadorantonb/" target="_blank">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;">
 +
                         </a>
 +
                    </div>
 +
 
 +
<div style="border-left:1px solid #000;height: 19px;position: relative;top: 10px;padding-left: 1.2em;left: 10px;"></div>
 +
                  <div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="mailto:irene.grafic@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;">
 +
                        </a>
 +
                    </div><div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/irene-mart%C3%ADnez-soler-b5190014b/" target="_blank">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/82/T--Valencia_UPV--attrLinkedinUPV2018.png" style="/* left: 0px; */position: relative;top: 3px;height: 30px;width: 30px;">
 +
                        </a>
 +
                     </div><div class="" style="text-align: center;padding: 0;">
 +
                        <a class="linkSinPadding" href="https://www.instagram.com/irenemartinezart/" target="_blank" style="padding-right: 0;">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--attrInstagramUPV2018.png" style="position: relative;top: 8px;height: 25px;width: 25px;">
 +
                        </a>
 +
                     </div></div>
 +
                  <!--Fin Redes sociales-->
 +
                  <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                   
 +
                   
 +
                   
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
               <div class="col-md-3">
+
               </li>
                   <div class="feature feature-8">
+
             
                    <div style="
+
            </ul>
                        background-position: center;
+
        </div>
                        margin: 0 auto 10px; background-size: 179px;border-radius: 50%;; height: 210px; width: 210px;
+
      </div>
                        background-image: url(https://static.igem.org/mediawiki/2018/9/98/T--Valencia_UPV--salomeUPV2018.png);" http:=""></div>
+
      <div>
                    <h5>Salomé Cuesta Valera</h5>
+
        <a class="anchorOffset" id="lmWiki" data-scroll-id="lmWiki" tabindex="-1" style="outline: none;"></a>
                     <span>Artist</span>
+
        <h3 class="h3Attr">Wiki</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
            <div class="col-md-2" style="text-align: center;">
 +
               <a class="inner-link" href="#blancaMadorran2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--blancaUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Blanca Madorrán</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#hectorIzquierdo2"><button class="" data-modal="modalTwo" style="
 +
                   cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 119px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/63/T--Valencia_UPV--hectorUPV2018.png);
 +
                  background-position-x: -135px;
 +
                  background-position-y: -17px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Héctor Izquierdo</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#joanCasado2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Joan Casado</p>
 +
            </div>
 +
              <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#joanCasado2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/1/16/T--Valencia_UPV--aliciaUPV2018.png);
 +
                  background-position-x: -133px;
 +
                  background-position-y: -10px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alicia Blasco</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#jopegar1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 175px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/1/19/T--Valencia_UPV--jopegarUPV2018.png);
 +
                  background-position-x: -212px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">José Antonio Pérez</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#equipoIgem2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 90px;
 +
                  /* border-radius: 50%; */
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/3d/T--Valencia_UPV--pruebafotoUPV2018.png);
 +
                  background-position-x: 1px;
 +
                  background-position-y: 14px;
 +
                  background-repeat: no-repeat;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">UPV iGEM’s 2018 Team</p>
 +
            </div>
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="blancaMadorran2" data-scroll-id="blancaMadorran2" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Blanca Madorrán</b>, wiki responsable, organized and controlled all the content uploaded to our wiki.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="hectorIzquierdo2" data-scroll-id="hectorIzquierdo2" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Héctor Izquierdo</b>, helped develop and design the wiki.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="joanCasado2" data-scroll-id="joanCasado2" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Joan Casado and Alicia Blasco, </b>our design students, designed all the pages and graphics for the wiki.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="jopegar1" data-scroll-id="jopegar1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>José Antonio Pérez</b>, Computer Science graduate from 2017 iGEM’s software team helped us with the wiki structure, implementation and design.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                     <div class="" style="text-align: center;padding: 0;">
 +
                        <a style="padding-right:0" class="" href="mailto:joseantonioinforsedavi@gmail.com">
 +
                        <img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/b/b7/T--Valencia_UPV--attrEmailUPV2018.png" style="position: relative;top: 7px;width: 25px;height: 25px;"></a>
 +
                    </div>
 
                   </div>
 
                   </div>
               </div>
+
                  <!--Fin Redes sociales-->
 +
               </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="equipoIgem2" data-scroll-id="equipoIgem2" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Valencia UPV iGEM’s 2018 Team, </b>wrote the content for all the wiki pages</p>
 +
              </li>
 +
            </ul>
 +
        </div>
 +
      </div>
 +
      <div>
 +
        <a class="anchorOffset" id="lmCollaborations" data-scroll-id="lmCollaborations" tabindex="-1" style="outline: none;"></a>
 +
        <h3>Collaborations</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#rogerMonfort2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 120px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png);
 +
                  background-position-x: -131px;
 +
                  background-position-y: -14px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Roger Monfort</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#yadiraBoada3"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a8/T--Valencia_UPV--yadiraUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -26px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Yadira Boada</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#lynnYenush1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 70px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--fotoLynneYenushUPV2018.jpg);
 +
                  background-position-x: 6px;
 +
                  background-position-y: 9px;
 +
                  background-repeat: no-repeat;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Lynne Yenush</p>
 
             </div>
 
             </div>
            <!--end of row-->
 
 
         </div>
 
         </div>
         <!--end of container-->
+
         <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
      </section>
+
        <ul class="ulHec">
 +
            <li>
 +
              <a class="anchorOffset" id="rogerMonfort2" data-scroll-id="rogerMonfort2" tabindex="-1" style="outline: none;"></a>
 +
              <p><b>Roger Monfort </b>was in charge of the collaborations organization and communication with other iGEM teams.
 +
              </p>
 +
            </li>
 +
            <li>
 +
              <a class="anchorOffset" id="yadiraBoada3" data-scroll-id="yadiraBoada3" tabindex="-1" style="outline: none;"></a>
 +
              <p><b>Yadira Boada, </b>researcher of the DISA (System engineering and automatic department), get in touch with Ecuador iGEM team and organized the collaboration.
 +
              </p>
 +
            </li>
 +
            <li>
 +
              <a class="anchorOffset" id="lynnYenush1" data-scroll-id="lynnYenush1" tabindex="-1" style="outline: none;"></a>
 +
              <p><b>PhD Lynne Yenush, </b>provided us with the C41 strain for the <a href="https://2018.igem.org/Team:Valencia_UPV/Collaborations#fuerzasArmadas" target="_blank">collaboration with the Ecuador iGEM team.</a>
 +
              </p>
 +
            </li>
 +
        </ul>
 
       </div>
 
       </div>
       <!--<div class="loader"></div>-->
+
       <div>
       <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
+
        <a class="anchorOffset" id="lmHuman" data-scroll-id="lmHuman" tabindex="-1" style="outline: none;"></a>
      <i class="stack-interface stack-up-open-big"></i>
+
        <h3 class="h3Attr">Human Practices</h3>
      </a>
+
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
  </body>
+
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
  <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
+
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
  <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
+
            <div class="col-md-2" style="text-align: center;">
  <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
+
              <a class="inner-link" href="#albertoCoronado2"><button class="" data-modal="modalTwo" style="
  <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
+
                  cursor: pointer;
  <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
+
                  border: none;
  <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
+
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/a/ae/T--Valencia_UPV--albertoUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alberto Coronado</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#marcMartinez2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 119px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/8/86/T--Valencia_UPV--marcUPV2018.png);
 +
                  background-position-x: -129px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Marc Martínez</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#joanCasado3"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Joan Casado</p>
 +
            </div>
 +
              <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#joanCasado3"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/1/16/T--Valencia_UPV--aliciaUPV2018.png);
 +
                  background-position-x: -133px;
 +
                  background-position-y: -10px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alicia Blasco</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#rogerMonfort3"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 120px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png);
 +
                  background-position-x: -131px;
 +
                  background-position-y: -14px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Roger Monfort</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#carolinaRopero2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/61/T--Valencia_UPV--carolinaUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Carolina Ropero</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#adrianRequena2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 125px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/2/25/T--Valencia_UPV--adrianUPV2018.png);
 +
                  background-position-x: -145px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Adrián Requena</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#salomeCuesta1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/9/98/T--Valencia_UPV--salomeUPV2018.png);
 +
                  background-position-x: -130px;
 +
                  background-position-y: -28px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Salomé Cuesta</p>
 +
            </div><div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#juanPascual1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 78px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/f/f5/T--Valencia_UPV--juanPascualUPV2018.png);
 +
                  background-position-x: 9px;
 +
                  background-position-y: -2px;
 +
                  background-repeat: no-repeat;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Juan-Pascual Pastor</p>
 +
            </div><div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#oscarVicente1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 88px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/e/ea/T--Valencia_UPV--oscarVicenteUPV2018.png);
 +
                  background-position-x: 1px;
 +
                  background-position-y: -5px;
 +
                  background-repeat: no-repeat;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Oscar Vicente Meana</p>
 +
            </div><div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#juanFuster1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Valencia_UPV--monigoteChicoAmarilloUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Juan Fuster</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#franciscoMojica1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Valencia_UPV--monigoteChicoAmarilloUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Francisco Mojica</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#mariaPenil1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a7/T--Valencia_UPV--monigoteChicaAmarillaUPV2018.png);
 +
                  background-position-x: -161px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">María Peñil</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#mehmet1"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Valencia_UPV--monigoteChicoAmarilloUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Dr. Mehmet Berkmen</p>
 +
            </div>
 +
           
 +
           
 +
 
 +
 
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#Israel"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Valencia_UPV--monigoteChicoAmarilloUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Israel Griol</p>
 +
            </div>
 +
 
 +
 
 +
 
 +
<div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#yturralde"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Valencia_UPV--monigoteChicoAmarilloUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">José María Yturralde</p>
 +
            </div>
 +
<div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#barbaroMiyares"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Valencia_UPV--monigoteChicoAmarilloUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Bárbaro Miyares</p>
 +
            </div><div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#raulLeon"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 137px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Valencia_UPV--monigoteChicoAmarilloUPV2018.png);
 +
                  background-position-x: -151px;
 +
                  background-position-y: -16px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Raúl León</p>
 +
            </div>
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <h4>Social Engagement</h4>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="albertoCoronado2" data-scroll-id="albertoCoronado2" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="marcMartinez2" data-scroll-id="marcMartinez2" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="joanCasado3" data-scroll-id="joanCasado3" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Alberto Coronado, Marc Martínez, Joan Casado and Alicia Blasco</b> were in charge of the Bio Art workshop and SynBio talk presentation.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="juanFuster1" data-scroll-id="juanFuster1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Juan Fuster, </b>director of the Mustang Art Gallery cultural space (MAG), provided us the logistical space to carry out a SynBio talk and BioArt workshop with high schools students.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="Israel" data-scroll-id="juanFuster1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Israel Griol, </b>researcher of the ITACA in the UPV helped us to classifying our potential users trough MIT segmentation table..
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
            <h4>Integrated Human</h4>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="rogerMonfort3" data-scroll-id="rogerMonfort3" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="carolinaRopero2" data-scroll-id="carolinaRopero2" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id=""></a>
 +
                  <a class="anchorOffset" id=""></a>
 +
                  <p><b>Carolina Ropero, Alberto Coronado, Marc Martínez and Roger Monfort </b>organized the Integrated Human activities and feedback integration.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" data-scroll-id="franciscoMojica1" tabindex="-1" style="outline: none;" id="salomeCuesta1"></a>
 +
                  <p><b>Prof. Salomé Cuesta, </b>helped us with the art-science integration of the project.</p>
 +
              </li>
 +
 
 +
<li>
 +
                  <a class="anchorOffset" data-scroll-id="franciscoMojica1" tabindex="-1" style="outline: none;" id="yturralde"></a>
 +
                  <p><b>José María Yturralde, </b>gave us a great insight on how to introduce Printeria to the art market.</p>
 +
              </li>
 +
 
 +
<li>
 +
                  <a class="anchorOffset" id="franciscoMojica1" data-scroll-id="franciscoMojica1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>PhD Francisco Mojica, </b>was interviewed as part of our Integrated Human.</p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="mariaPenil1" data-scroll-id="mariaPenil1" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="mehmet1" data-scroll-id="mehmet1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>María Peñil</b> and <b>Dr. Mehmet Berkmen</b> provided us with feedback to improve the design and execution of Printeria as a tool for Bacterial Art.
 +
                  </p>
 +
              </li>
 +
             
 +
 
 +
<li>
 +
                  <a class="anchorOffset" id="juanPascual1" data-scroll-id="juanPascual1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Juan-Pascual</b> <b>Pastor Ferrando, </b>researcher of the Projects and Manufacturing department, provide us with bibliography and tips about Kano model, which has been applied to our integrated human practices.
 +
                  </p>
 +
              </li><li>
 +
                  <a class="anchorOffset" id="barbaroMiyares" data-scroll-id="juanPascual1" tabindex="-1" style="outline: none;"></a>
 +
                <a class="anchorOffset" id="raulLeon" data-scroll-id="juanPascual1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Bárbaro Miyares</b> and <b>Raúl León</b>, professors of the Sculpture Department, helped us with the 3D modeling and 3D printing respectively.</p>
 +
              </li>
 +
            </ul>
 +
            <h4>Safety</h4>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="adrianRequena2" data-scroll-id="adrianRequena2" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Roger Monfort and Adrián Requena, </b>were in charge of the safety form.
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="oscarVicente1" data-scroll-id="oscarVicente1" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Oscar Vicente Meana, </b>researcher at IBMCP (UPV), gave us tips about how to pass an ethics committee, what documents we had to fill and how we had to explain our lab safety.
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
        </div>
 +
       </div>
 +
      <div>
 +
        <a class="anchorOffset" id="lmOrgCom" data-scroll-id="lmOrgCom" tabindex="-1" style="outline: none;"></a>
 +
        <h3 class="h3Attr">Organization / communication</h3>
 +
        <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <!--Los enlaces están bien pero los ids a donde apuntan están descuadrados adrede para que al pulsar lleve un poco por encima del contenido -->
 +
        <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#hectorIzquierdo3"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 119px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/63/T--Valencia_UPV--hectorUPV2018.png);
 +
                  background-position-x: -135px;
 +
                  background-position-y: -17px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Héctor Izquierdo</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#carlosAndreu2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 120px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--carlosUPV2018.png);
 +
                  background-position-x: -135px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Carlos Andreu</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#rogerMonfort4"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 120px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png);
 +
                  background-position-x: -131px;
 +
                  background-position-y: -14px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Roger Monfort</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#bettyIlieva2"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 125px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--bettyUPV2018.png);
 +
                  background-position-x: -140px;
 +
                  background-position-y: -15px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Tzvetelina Ilieva</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#joanCasado4"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png);
 +
                  background-position-x: -128px;
 +
                  background-position-y: -13px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Joan Casado</p>
 +
            </div>
 +
            <div class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#joanCasado4"><button class="" data-modal="modalTwo" style="
 +
                  cursor: pointer;
 +
                  border: none;
 +
                  margin: 0 auto 10px;
 +
                  background-size: 116px;
 +
                  border-radius: 50%;
 +
                  height: 94px;
 +
                  width: 94px;
 +
                  background-image: url(https://static.igem.org/mediawiki/2018/1/16/T--Valencia_UPV--aliciaUPV2018.png);
 +
                  background-position-x: -133px;
 +
                  background-position-y: -10px;
 +
                  " http:=""></button></a>
 +
              <p style="text-align: center !important; font-weight: bold;">Alicia Blasco</p>
 +
            </div>
 +
 
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <h4>Sponsoring</h4>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="hectorIzquierdo3" data-scroll-id="hectorIzquierdo3" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="carlosAndreu2" data-scroll-id="carlosAndreu2" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="rogerMonfort4" data-scroll-id="rogerMonfort4" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Héctor Izquierdo, Carlos Andreu, Tzvetelina Ilieva and Roger Montfort</b>, sponsoring responsables, contacted with different companies and potential sponsors.
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
            <h4>Treasury</h4>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="bettyIlieva2" data-scroll-id="bettyIlieva2" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Tzvetelina Ilieva</b> managed and directed all matters related to economic movements and also controlled the budgets and invoices received.
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
            <h4>Community Manager</h4>
 +
            <ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="joanCasado4" data-scroll-id="joanCasado4" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Joan Casado</b> and <b>Alicia Blasco</b> was in charge of managing our social media.
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
 
 +
<h4>Coordination</h4>
 +
<ul class="ulHec">
 +
              <li>
 +
                  <a class="anchorOffset" id="rogerMonfort4" data-scroll-id="rogerMonfort4" tabindex="-1" style="outline: none;"></a>
 +
                  <p><b>Roger Monfort, </b>as the team leader, organized and coordinated all the team throughout the whole project.</p>
 +
              </li>
 +
            </ul>
 +
        </div>
 +
      </div>
 +
  </div>
 +
  </div>
 +
</div>
 +
  </div>
 +
</section>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
 +
 
 +
    </body>
 +
 
 +
 
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 +
       
 +
 
 +
 
 +
 
 
</html>
 
</html>
 +
 
{{Valencia_UPV/footer}}
 
{{Valencia_UPV/footer}}

Latest revision as of 14:02, 7 December 2018

Stack Multipurpose HTML Template

Wet Lab

Carolina Ropero

Adrián Requena

Alberto Coronado

Marta Vázquez

Diego Orzáez

Jesús Picó

Nuria Andrés

Alejandro Vignoni

Yadira Boada

Laura Campos Beneyto

  • Design and domestication of DNA basic parts for the GB 3.0. grammar and transcriptional unit assemblies were accomplished by Carolina Ropero, Adrián Requena and Alberto Coronado (wet lab team).

  • PhD Marta Vázquez, Instructor and PhD Diego Orzáez, PI, from the IBMCP (UPV- CSIC), provided us the destination Level 1 vectors for the Golden Gate Cloning system and introduced us to the basic knowledge about the Golden Braid 3.0 grammar. They also provided economical support for lab reagents and consumables.

  • Prof. Jesús Picó, PI of this IGEM Team gave us general advices in all the aspects of the Project. He provided many of the resources we needed for the execution of the project and let us work in his lab during this summer.

  • PhD Nuria Andrés Colás, gave us advice on how to make competent bacteria and how to deal with them. She also gave us a great insight into how to deal with Biology with people without knowledge in this field.

  • PhD Alejandro Vignoni, Secondary PI and PhD Yadira Boada, Instructor, let us work in their laboratory space and taught us most of the techniques we have applied in the development of the biological part of Printeria.

  • Laura Campos Beneyto, from the Biotechnology-Biochemistry department (ETSIAMN-UPV), gave us technical support to continue the wet lab schedule when our thermocycler was broken.

Software

Héctor Izquierdo

Blanca Madorrán

Manuel Portolés

Alberto Conejero

Juan Pasogias

UPV iGEM Team 2018

  • Héctor Izquierdo, Computer Science student from 2018 iGEM’s software team, helped developing the software functionalities, the communication between the software and the hardware and the user interface design.

  • Blanca Madorrán, Computer Science student from 2018 iGEM’s software team, helped developing the software functionalities and the user interface design.

  • Manuel Portolés, Computer Science graduate from 2016 iGEM’s software team mentored us throughout the whole process of developing Printeria’s software tool. He helped us with the specification of the requirements, testing and defining the architecture.

  • Alberto Conejero, helped us during the software specification process, analyzing different approaches and possibilities.

  • Juan Pasogias, Computer Science graduate from 2017 iGEM’s software team helped us with software evaluation and communication between software and hardware.

  • 2018 Valencia UPV iGEM Team, helped us to validate the software usability and suggested new useful functionalities to implement.

Hardware

Tzvetelina Ilieva

Marc Martínez

Nobel Santos

Miguel Albero Gil

Ryan Fobel

  • Tzvetelina Ilieva, industrial engineering student, has designed all the 3D components used in the device, made all the blueprints required for its reproducibility and has created all renders using Autodesk Inventor.

  • Marc Martínez, Electronic engineering student, was in charge of all the electronic aspects of the device, such as the digital microfluidic system or the PCB design.

  • Nóbel Santos, Electronic engineering graduate from 2016 iGEM's hardware team, mentored and helped throughout the process of building the electronic parts of the device

  • Miguel Albero Gil, Electronic Services Responsable AI2. He helped us by producing our concept test PCBs.

  • Ryan Fobel, PhD, CEO of Sci-Bots. He helped us into the world of Digital Microfluidics and offered a lot of tutoring for us to get this technology right.

Modeling

Carlos Andreu

Roger Monfort

Yadira Boada

Alejandro Vignoni

  • Carlos Andreu Vilaroig, Biomedical Engineering student from 2018 iGEM’s modeling team, designed mathematical models and laboratory experiments, characterizing Printeria parts and developing Simulation software tool.

  • Roger Monfort, acted as an assistant for Carlos Andreu Vilarroig helping him in the development of mathematical models and laboratory experiments.

  • PhD Yadira Boada and PhD Alejandro Vignoni, advised on the process of modeling design and multi-objective parameter optimization.

Graphic Design

Joan Casado

Alicia Blasco

Salva Antón

Irene Martínez

  • Joan Casado, Design and Creative Technologies student and member of our design team, worked on all the visual part of the project.

  • Alicia Blasco, from the Design and Creative Technologies, helped as a collaborator in our graphic design and creating content as part of our design team.

  • Salva Antón and Irene Martinez, Fine Arts graduates from 2017 iGEM’s design team and 2018 design advisors, mentored our design student during all the project.

Wiki

Blanca Madorrán

Héctor Izquierdo

Joan Casado

Alicia Blasco

José Antonio Pérez

UPV iGEM’s 2018 Team

  • Blanca Madorrán, wiki responsable, organized and controlled all the content uploaded to our wiki.

  • Héctor Izquierdo, helped develop and design the wiki.

  • Joan Casado and Alicia Blasco, our design students, designed all the pages and graphics for the wiki.

  • José Antonio Pérez, Computer Science graduate from 2017 iGEM’s software team helped us with the wiki structure, implementation and design.

  • Valencia UPV iGEM’s 2018 Team, wrote the content for all the wiki pages

Collaborations

Roger Monfort

Yadira Boada

Lynne Yenush

  • Roger Monfort was in charge of the collaborations organization and communication with other iGEM teams.

  • Yadira Boada, researcher of the DISA (System engineering and automatic department), get in touch with Ecuador iGEM team and organized the collaboration.

  • PhD Lynne Yenush, provided us with the C41 strain for the collaboration with the Ecuador iGEM team.

Human Practices

Alberto Coronado

Marc Martínez

Joan Casado

Alicia Blasco

Roger Monfort

Carolina Ropero

Adrián Requena

Salomé Cuesta

Juan-Pascual Pastor

Oscar Vicente Meana

Juan Fuster

Francisco Mojica

María Peñil

Dr. Mehmet Berkmen

Israel Griol

José María Yturralde

Bárbaro Miyares

Raúl León

Social Engagement

  • Alberto Coronado, Marc Martínez, Joan Casado and Alicia Blasco were in charge of the Bio Art workshop and SynBio talk presentation.

  • Juan Fuster, director of the Mustang Art Gallery cultural space (MAG), provided us the logistical space to carry out a SynBio talk and BioArt workshop with high schools students.

  • Israel Griol, researcher of the ITACA in the UPV helped us to classifying our potential users trough MIT segmentation table..

Integrated Human

  • Carolina Ropero, Alberto Coronado, Marc Martínez and Roger Monfort organized the Integrated Human activities and feedback integration.

  • Prof. Salomé Cuesta, helped us with the art-science integration of the project.

  • José María Yturralde, gave us a great insight on how to introduce Printeria to the art market.

  • PhD Francisco Mojica, was interviewed as part of our Integrated Human.

  • María Peñil and Dr. Mehmet Berkmen provided us with feedback to improve the design and execution of Printeria as a tool for Bacterial Art.

  • Juan-Pascual Pastor Ferrando, researcher of the Projects and Manufacturing department, provide us with bibliography and tips about Kano model, which has been applied to our integrated human practices.

  • Bárbaro Miyares and Raúl León, professors of the Sculpture Department, helped us with the 3D modeling and 3D printing respectively.

Safety

  • Roger Monfort and Adrián Requena, were in charge of the safety form.

  • Oscar Vicente Meana, researcher at IBMCP (UPV), gave us tips about how to pass an ethics committee, what documents we had to fill and how we had to explain our lab safety.

Organization / communication

Héctor Izquierdo

Carlos Andreu

Roger Monfort

Tzvetelina Ilieva

Joan Casado

Alicia Blasco

Sponsoring

  • Héctor Izquierdo, Carlos Andreu, Tzvetelina Ilieva and Roger Montfort, sponsoring responsables, contacted with different companies and potential sponsors.

Treasury

  • Tzvetelina Ilieva managed and directed all matters related to economic movements and also controlled the budgets and invoices received.

Community Manager

  • Joan Casado and Alicia Blasco was in charge of managing our social media.

Coordination

  • Roger Monfort, as the team leader, organized and coordinated all the team throughout the whole project.

CONTACT US igem.upv.2018@gmail.com