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

Line 50: Line 50:
 
<div class="main-container">
 
<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">
+
             <section style="
−
              <div class="main-container" style="
+
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
<div class="main-container" style="
 
height: 100%;">
 
height: 100%;">
−
              <center style="
+
<center style="
 
height: 100%;">
 
height: 100%;">
−
              <div class="col-md-10" style="
+
<div class="col-md-10" style="
−
height: 100%;margin-top: 4em;">
+
  height: 100%;margin-top: 4em;">
−
<div id="logoPrinteria" class="item" style="
+
  <div id="logoPrinteria" class="item" style="
−
background-image: url(http://via.placeholder.com/1155x666);
+
    background-image: url(https://static.igem.org/mediawiki/2018/thumb/1/11/T--Valencia_UPV--AttributionsFondoUPV2018.jpeg/1200px-T--Valencia_UPV--AttributionsFondoUPV2018.jpeg);
−
height: 100%;
+
    height: 100%;
−
width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat">
+
    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;">
−
   
+
      <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;">
−
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
        <i class="stack-interface stack-down-open-big"></i>
−
<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;">
+
      </a>
−
            <i class="stack-interface stack-down-open-big"></i>
+
    </div>  
−
        </a>
+
 
</div>
 
</div>
−
   
+
</center>
−
</div>
+
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
−
</div>
+
<div class="all-page-modals"></div>
−
               
+
</section>
−
              </center>
+
 
−
             
+
 
</div>
 
</div>
 +
<a class="anchorOffset" id="story"></a>
 +
<section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
 +
  <div class="container">
 +
<div class="row">
 +
  <div class="col-md-3" style="
 +
      margin-left: 0em;
 +
      padding-right: 0px;
 +
      padding-left: 0.2em;">
 +
      <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 +
        <h4 style="
 +
            padding-left: 1em;
 +
            ">Index</h4>
 +
        <ul class="lateral">
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmWetLab" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Wet Lab</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmSoftware" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Software</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmHardware" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Hardware</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmModeling" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Modeling</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmGraphicDesign" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Graphic Design</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmWiki" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Wiki</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmCollaborations" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Collaborations</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmHuman" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    list-style-type: circle;
 +
                    ">Human Practices</a>
 +
              </div>
 +
            </li>
 +
            <li class="lateral">
 +
              <div class="tab__title" style="
 +
                  line-height: 1.3em;
 +
                  ">
 +
                  <a href="#lmOrgCom" class="lateral inner-link" style="
 +
                    color: #353535;
 +
                    opacity: 1;
 +
                    ">Organization / Communication</a>
 +
              </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: 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;">Laura Campos Beneyto</p>
 +
            </div>
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <div>
 +
            <ul class="ulHec">
 +
              <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>
  
−
              </section>
 
−
          </div>
 
  
−
<!-- FIN MAIN CONTAINER -->
+
              </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 class="col-md-2" style="text-align: center;">
 +
              <a class="inner-link" href="#blancaMadorran1"><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>
 +
           
  
−
<a class="anchorOffset" id="story"></a>
+
<div class="col-md-2" style="text-align: center;">
−
<section class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
+
              <a class="inner-link" href="#manuelPortoles1"><button class="" data-modal="modalTwo" style="
−
  <div class="container">
+
                  cursor: pointer;
−
      <div class="row">
+
                  border: none;
−
        <div class="col-md-3" style="
+
                  margin: 0 auto 10px;
−
            margin-left: 0em;
+
                  background-size: 221px;
−
            padding-right: 0px;
+
                  border-radius: 50%;
−
            padding-left: 0.2em;">
+
                  height: 94px;
−
             <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
+
                  width: 94px;
−
               <h4 style="
+
                  background-image: url(https://static.igem.org/mediawiki/2018/3/34/T--Valencia_UPV--manuUPV2018.jpeg);
−
                  padding-left: 1em;
+
                  background-position-x: -65px;
−
                  ">Index</h4>
+
                  background-position-y: -16px;
−
              <ul class="lateral">
+
                  background-repeat: no-repeat;
−
                  <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
+
                  " http:=""></button></a>
−
                    <div class="tab__title" style="
+
              <p style="text-align: center !important; font-weight: bold;">Manuel Portolés</p>
−
                        line-height: 1.3em;
+
            </div><div class="col-md-2" style="text-align: center;">
−
                        ">
+
              <a class="" href="albertoConejero1"><button class="" data-modal="modalTwo" style="
−
                         <a href="#Overview" class="lateral inner-link" style="
+
                  cursor: pointer;
−
                          color: #353535;
+
                  border: none;
−
                          opacity: 1;
+
                  margin: 0 auto 10px;
−
                          list-style-type: circle;
+
                  background-size: 122px;
−
                          ">Overview</a>
+
                  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>
−
                  </li>
+
                     <div class="" style="text-align: center;padding: 0;">
−
                  <li class="lateral">
+
                         <a class="linkSinPadding" href="https://www.linkedin.com/in/hizfernandez">
−
                     <div class="tab__title" style="
+
                        <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>
−
                        line-height: 1.3em;
+
−
                        ">
+
−
                         <a href="#BIOArt" class="lateral inner-link" style="
+
−
                          color: #353535;
+
−
                          opacity: 1;
+
−
                          ">Kano Model</a>
+
 
                     </div>
 
                     </div>
−
                   </li>
+
                   </div>
−
                   <li class="lateral">
+
                   <!--Fin Redes sociales-->
−
                     <div class="tab__title" style="
+
              </li>
−
                        line-height: 1.3em;
+
              <li>
−
                        ">
+
                  <a class="anchorOffset" id="blancaMadorran1" data-scroll-id="blancaMadorran1" tabindex="-1" style="outline: none;"></a>
−
                         <a href="#Generations" class="lateral inner-link" style="
+
                  <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.
−
                          color: #353535;
+
                  </p>
−
                          opacity: 1;
+
                  <!--Redes sociales-->
−
                          ">Safety</a>
+
                  <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>
−
                  </li>
+
                     <div class="" style="text-align: center;padding: 0;">
−
                  <li class="lateral">
+
                         <a class="linkSinPadding" href="https://www.linkedin.com/in/blancamaco">
−
                     <div class="tab__title" style="
+
                        <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>
−
                        line-height: 1.3em;
+
−
                        ">
+
−
                         <a href="#European" class="lateral inner-link" style="
+
−
                          color: #353535;
+
−
                          opacity: 1;
+
−
                          ">SOBRA</a>
+
 
                     </div>
 
                     </div>
−
                   </li>
+
                   </div>
−
                   <li class="lateral">
+
                   <!--Fin Redes sociales-->
−
                     <div class="tab__title" style="
+
              </li>
−
                        line-height: 1.3em;
+
              <li>
−
                        ">
+
                  <a class="anchorOffset" id="manuelPortoles1" data-scroll-id="manuelPortoles1" tabindex="-1" style="outline: none;"></a>
−
                         <a href="#UPV" class="lateral inner-link" style="
+
                  <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. 
−
                          color: #353535;
+
                  </p>
−
                          opacity: 1;
+
                  <!--Redes sociales-->
−
                          ">SOBRA</a>
+
                  <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>
−
                   </li>
+
                    <div class="" style="text-align: center;padding: 0;">
−
               </ul>
+
                        <a class="linkSinPadding" href="https://es.linkedin.com/in/portoles">
−
               <ul class="tabs-content">
+
                        <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>
−
               </ul>
+
                    </div>
−
             </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>
 +
                  <!--Fin Redes sociales-->
 +
              </li>
 +
<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>
 +
                  <!--Fin Redes sociales-->
 +
               </li>
 +
              <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="col-md-9 col9Phone" style="padding-left: 6em;padding-right: 2em;">
+
      </div>
−
             <div>
+
      <div>
−
               <h3>Introduction</h3>
+
        <a class="anchorOffset" id="lmHardware" data-scroll-id="lmHardware" tabindex="-1" style="outline: none;"></a>
−
               <p>As a team, one of our favourite parts in iGEM have been collaborations. They reminded us that iGEM is not only a competition but a chance to share and let other teams be a part of your project, and that is wonderful. Below is shown the different universities that have collaborated with us. By clicking in the index or in the images you can go directly to the explanation.</p>
+
        <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>
+
             <div class="col-md-2" style="text-align: center;">
−
               <!--BOTONES PARA MOVERSE POR LA PÁGINA -->
+
               <a class="inner-link" href="#marcMartinez1"><button class="" data-modal="modalTwo" style="
−
               <!--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 -->
+
                  cursor: pointer;
−
               <div id="" data-scroll-id="" tabindex="-1" style="outline: none; margin-top: 1em;" class="row">
+
                  border: none;
−
                  <div class="col-md-3" style="text-align: center;">
+
                  margin: 0 auto 10px;
−
                    <a class="inner-link" href="#BIOArt"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png"></a>
+
                  background-size: 119px;
−
                    <h6 style="text-align: center !important;">Kano model is a famous quality design tool among engineers to include feedback in your inventions, we applied it to know what necessities were really important for users.</h6>
+
                  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="#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 class="col-md-3" style="text-align: center;">
+
                   <!--Fin Redes sociales-->
−
                    <a class="inner-link" href="#Generations"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png"></a>
+
              </li>
−
                    <h6 style="text-align: center !important;">Several science and art experts were interviewed to improve Printeria through their vision.</h6>
+
              <li>
 +
                  <a class="anchorOffset" id="marcMartinez1" data-scroll-id="marcMartinez1" tabindex="-1" style="outline: none;"></a>
 +
                  <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.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <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 class="col-md-3" style="text-align: center;">
+
                   <!--Fin Redes sociales-->
−
                    <a class="inner-link" href="#Night"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png"></a>
+
              </li>
−
                    <h6 style="text-align: center !important;">Safety has influenced Printeria more than some people use to think.</h6>
+
              <li>
 +
                  <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
 +
                  </p>
 +
              </li>
 +
              <li>
 +
                  <a class="anchorOffset" id="miguelAlbero1" data-scroll-id="miguelAlbero1" tabindex="-1" style="outline: none;"></a>
 +
                  <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 class="col-md-3" style="text-align: center;">
+
                   <!--Fin Redes sociales-->
−
                    <a class="inner-link" href="#UPV"><img class="fotosAttr" src="https://static.igem.org/mediawiki/2018/4/41/T--Valencia_UPV--GeneracionEspontaneaUPV2018.png"></a>
+
              </li>
−
                    <h6 style="text-align: center !important;">SOBRA</h6>
+
              <li>
 +
                  <a class="anchorOffset" id="rogerMonfort1" data-scroll-id="rogerMonfort1" tabindex="-1" style="outline: none;"></a>
 +
                  <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>
 +
              <!--Redes sociales-->
 +
                  <div class="row rowAttr">
 +
                    <div class="" style="text-align: center;padding: 0;">
 +
                        <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-->
−
              <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
+
               </li>
−
               <!--------------------------------------------------------------------OVERVIEW------------------------------------------------------------------->
+
              <li>
 +
                  <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>
 +
                  <p><b>PhD Yadira Boada and PhD Alejandro Vignoni</b>, advised on the process of modeling design and multi-objective parameter optimization.
 +
                  </p>
 +
              </li>
 +
            </ul>
 +
        </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>
−
            <!--ENLACE DE DESTINO: HARVARD -->
+
          <div class="col-md-2" style="text-align: center;">
−
            <a class="anchorOffset" id="harvard"></a>
+
              <a class="inner-link" href="#aliciaBlasco1"><button class="" data-modal="modalTwo" style="
−
            <!--FIN ENLACE DE DESTINO -->
+
                  cursor: pointer;
−
             <div style="
+
                  border: none;
−
               margin-top: 50px;" class="hashlink">
+
                  margin: 0 auto 10px;
−
               <div class="row">
+
                  background-size: 116px;
−
                  <div class="col-md-3">
+
                  border-radius: 50%;
−
                     <img src="https://static.igem.org/mediawiki/2018/8/8d/T--Valencia_UPV--BioArtUPV2018.png" style="
+
                  height: 94px;
−
                         padding-top: 15px;
+
                  width: 94px;
−
                         margin-top: 0px;" class="fotosAttr">
+
                  background-image: url(https://static.igem.org/mediawiki/2018/1/16/T--Valencia_UPV--aliciaUPV2018.png);
−
                    <p></p>
+
                  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 class="col-md-9">
+
                   <!--Fin Redes sociales-->
−
                    <h3>Kano Model</h3>
+
              </li><li>
−
                    <h4>What is Kano Model</h4>
+
                  <a class="anchorOffset" id="aliciaBlasco1" data-scroll-id="aliciaBlasco1" tabindex="-1" style="outline: none;"></a>
−
                    <p>Kano model is used to understand the importance of functions or features to a customer [1]. It is made up of three stages:</p>
+
                  <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.  
−
                    <ul>
+
                  </p>
−
                        <li>
+
                  <!--Redes sociales-->
−
                          <p><b>First stage</b></p>
+
                  <div class="row rowAttr">
−
                          <p> Here you present your project to an audience and then you ask for criticisms or improvements. 
+
                     <div class="" style="text-align: center;padding: 0;">
−
                          </p>
+
                        <a class="linkSinPadding" href="mailto:aliciablasco11@gmail.com">
−
                        </li>
+
                        <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;">
−
                        <li>
+
−
                          <p><b>Second stage</b></p>
+
−
                          <p>With those critics that we call <b>necessities</b> you have to make a cuestionaire (REFENCIAR EL NUESTRO) doing a paired cuestions which are ¿How do you feel if (a necessity existed in your device)? and ¿How do you feel if (that necessity did no existed in your device)?.</p>
+
−
                        </li>
+
−
                        <li>
+
−
                          <p><b>Third stage</b></p>
+
−
                          <p>Once you have all the asnwers you have to complete a series of tables to conclude if that necessity is really important or not. If it is you should include it in your design because that will increase the satisfaction of the user.</p>
+
−
                        </li>
+
−
                    </ul>
+
−
                    <h4>Study case</h4>
+
−
                    <p>Taking advantage of the fact that we went to MAG (Mustang Art Gallery) in Elche, Alicante to present our project in front of students and teachers, we decided to aplly this model demanding at the end of the presentation some improvements or critics that people considered improtant. The most important ones were included in the cuestionaire and then we send it to them to fill it. Here you cand download the survey with the results:</p>
+
−
                     <div style="
+
−
                        text-align: center;"><a class="btn btn--primary-1" href="https://docs.google.com/document/d/1U9PkKB5s6PgA2svRByTiOK_9wl3vnHuqgMkmX04j79k/edit" style="
+
−
                        border: none;
+
−
                        ;
+
−
                        background: #3b83c9;
+
−
                        padding-right: 2.78571429em;" target="blank">
+
−
                        <span class="btn__text">CUESTIONNAIRE</span>
+
 
                         </a>
 
                         </a>
 
                     </div>
 
                     </div>
−
                     <p>Once we had the answers, we filled the different table kano is composed to arrive a conclusion:</p>
+
                     <div class="" style="text-align: center;padding: 0;">
−
                    <ul>
+
                         <a class="linkSinPadding" href="https://www.instagram.com/alicia.blsc/" target="_blank">
−
                        <li>
+
                         <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;">
−
                          <p><b>Table 1: Method's evaluation</b></p>
+
                         </a>
−
                          <p style="
+
−
                              line-height: 1.7;
+
−
                              margin-bottom: 0;
+
−
                              color: #353535;">This is the table that will show the final results</p>
+
−
                          <h6>Table 1. Kano's evaluation table.</h6>
+
−
                        </li>
+
−
                        <li>
+
−
                          <p><b>Table 2: Tabulate the survey</b></p>
+
−
                          <p style="
+
−
                              line-height: 1.7;
+
−
                              margin-bottom: 0;
+
−
                              color: #353535;">This is the table that will show the final results</p>
+
−
                         </li>
+
−
                        <h6>Table 2. Tabulated table from MAG gallery user who participated in the survey.</h6>
+
−
                        <!------------------------------------------------------------------------TABLA 3-------------------------------------------------------------->
+
−
                        <li>
+
−
                          <p><b>Table 3: Kano's model processing</b></p>
+
−
                          <p></p>
+
−
                          <p><b>Table 1: Method's evaluation</b></p>
+
−
                          <p style="
+
−
                              line-height: 1.7;
+
−
                              margin-bottom: 0;
+
−
                              color: #353535;">This is the table that will show the final results</p>
+
−
                          <h6>Table 3. Kano's processing team.</h6>
+
−
                        </li>
+
−
                        <!------------------------------------------------------------------------TABLA 4-------------------------------------------------------------->
+
−
                        <li>
+
−
                          <p><b>Table 4: Kano's model results</b></p>
+
−
                          <p></p>
+
−
                        </li>
+
−
                        <!------------------------------------------------------------------------TABLA 5-------------------------------------------------------------->
+
−
                        <li>
+
−
                          <p><b>Table 5: Kano's model results in percentage</b></p>
+
−
                          <p></p>
+
−
                        </li>
+
−
                    </ul>
+
−
                    <div class="fotoConPie">
+
−
                         <div class="row" style="margin: 0;">
+
−
                          <div class="col-md-6" style="padding: 0;padding-right: 0.3em;">
+
−
                              <img src="https://static.igem.org/mediawiki/2018/4/45/T--Valencia_UPV--yturraldeUPV2018.jpg" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
+
−
                          </div>
+
−
                          <div class="col-md-6" style="padding: 0;padding-left: 0.3em;">
+
−
                              <img src="enlace de la imagen" alt="" style="margin-top: 1.8em;margin-bottom: 0.8em;border-radius: 0.3em;">
+
−
                          </div>
+
−
                          <div class="pieDeImagen">
+
−
                              <h6>
+
−
                                Impossible figure artwork. Yturraldes's masterpiece and the equivalent Microbial Art version
+
−
                              </h6>
+
−
                          </div>
+
−
                         </div>
+
 
                     </div>
 
                     </div>
 +
                    <!--Fin Redes sociales-->
 
                   </div>
 
                   </div>
−
               </div>
+
               </li>
−
            </div>
+
−
            <a class="anchorOffset" id="Generations"></a>
+
−
            <div style="
+
−
              margin-top: 50px;" class="hashlink">
+
−
              <div class="row">
+
−
                  <div class="col-md-3">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/0/00/T--Valencia_UPV--GenerationUPV2018.png" style="
+
−
                        padding-top: 15px;
+
−
                        margin-top: 0px;" class="fotosAttr">
+
−
                    <p></p>
+
−
                  </div>
+
−
                  <div class="col-md-9">
+
−
                  <h3>Future generations</h3>
+
 
                
 
                
−
                   <p>High school students are eager to know more about the world they live in. However, students rarely learn about Synthetic Biology inside classrooms. As there is a lack of hand-on STEM curricula, basic concepts such as gene, DNA and bacteria are only explained theoretically.  
+
              <li>
 +
                  <a class="anchorOffset" id="salvaAnton1" data-scroll-id="salvaAnton1" tabindex="-1" style="outline: none;"></a>
 +
                  <a class="anchorOffset" id="ireneMartinez1" data-scroll-id="ireneMartinez1" tabindex="-1" style="outline: none;"></a>
 +
                   <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.
 +
                  </p>
 +
                  <!--Redes sociales-->
 +
                  <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>
  
−
In order to stimulate young people to be curious about science and to promote the critical thinking on scientific foundations, we believe this educational approach needs to be changed.  
+
<div style="border-left:1px solid #000;height: 19px;position: relative;top: 10px;padding-left: 1.2em;left: 10px;"></div>
−
</p>
+
                   <div class="" style="text-align: center;padding: 0;">
−
                   <h4>Activity</h4>
+
                        <a class="linkSinPadding" href="mailto:irene.grafic@gmail.com">
−
                  <p> To do so, we gave some talks to several high school classes, in which we talked about:  
+
                        <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;">
−
</p><ul>
+
                        </a>
−
  <li>
+
                    </div><div class="" style="text-align: center;padding: 0;">
−
    <p>iGEM and SynBio as a multidisciplinary research field </p> <p> We talked about the iGEM competition and the future of SynBio as a research field that can help to solve nowadays issues. 
+
                        <a class="linkSinPadding" href="https://www.linkedin.com/in/irene-mart%C3%ADnez-soler-b5190014b/" target="_blank">
−
  </p></li>
+
                        <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;">
−
  <li>
+
                        </a>
−
    <p>Bacteria: enemies or friends? </p> <p> We wanted to beat the stigma against bacteria, explaining their importance and benefits, not only naturally (i.e.: they form our microbiote and they are the base of the trophic chains), but also in biotechnology (i.e.: bacteria as biofactories for medicine, industry, etc.) </p>
+
                    </div><div class="" style="text-align: center;padding: 0;">
−
  </li>
+
                        <a class="linkSinPadding" href="https://www.instagram.com/irenemartinezart/" target="_blank" style="padding-right: 0;">
−
  <li>
+
                        <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;">
−
    <p>Printeria: how it really works? </p> <p> As SynBio is not only about biology, we thought it was also highly important to demonstrate the role of engineering and electronics. Thus, we decided to explain them, from an educational approch, the basis of Printeria: our software and how the digital microfluidic system allows us to control each biotech process with high accuracy. During the talk, we showed them several videos and photos to ease each explanation and to ensure studens could understand such kind of a priori complex concepts. </p>
+
                        </a>
−
 
+
                    </div></div>
−
 
+
                  <!--Fin Redes sociales-->
−
      <img src="https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--MAGUPV2018.jpg" alt="">
+
                  <!--Redes sociales-->
−
</li></ul>
+
                  <div class="row rowAttr">
 +
                   
 +
                   
 +
                   
 
                   </div>
 
                   </div>
−
              </div>
+
                   <!--Fin Redes sociales-->
−
            </div>
+
              </li>
−
 
+
−
          <a class="anchorOffset" id="European"></a>
+
−
            <div style="
+
−
              margin-top: 50px;" class="hashlink">
+
−
              <div class="row">
+
−
                   <div class="col-md-3">
+
−
                    <img src="https://static.igem.org/mediawiki/2018/9/9b/T--Valencia_UPV--CiutatUPV2018.png" style="
+
−
                        padding-top: 15px;
+
−
                        margin-top: 0px;" class="fotosAttr">
+
−
                    <p></p>
+
−
                  </div>
+
−
                  <div class="col-md-9">
+
−
                  <h3>European Research Night </h3>
+
 
                
 
                
−
                   <p>The European Research Night is a wide-public event, promoted under the EU Programme Horizon 2020,  whose objective is to to encourage the scientific/technical youth vocations and lay public interest to science. It involves research organizations, science museums and public organizations all around Europe.
+
            </ul>
 +
        </div>
 +
      </div>
 +
      <div>
 +
        <a class="anchorOffset" id="lmWiki" data-scroll-id="lmWiki" tabindex="-1" style="outline: none;"></a>
 +
        <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>
 
                   </p>
−
                   <h4>Activity</h4>
+
              </li>
−
                   <p> As part of this event the City of Arts and Science, one of the biggest scientific and cultural leisure complexes in Europe,  organized a complete program of free access activities, including interactive experiments, scientific monologues and researchers talks. We were invited to be part of this program to present Printeria to a wide range of interested people from all ages, who listened our speech with great interest. </p>
+
              <li>
−
                  <p><img src="https://static.igem.org/mediawiki/2018/2/27/T--Valencia_UPV--Nit2018.jpg" alt=""></p>
+
                   <a class="anchorOffset" id="hectorIzquierdo2" data-scroll-id="hectorIzquierdo2" tabindex="-1" style="outline: none;"></a>
−
<p><img src="https://static.igem.org/mediawiki/2018/8/81/T--Valencia_UPV--TeamNitUPV2018.jpg" alt=""></p>
+
                   <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>
 +
            <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: 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;">Lynne Yenush</p>
 +
            </div>
 +
        </div>
 +
        <!--FIN BOTONES PARA MOVERSE POR LA PÁGINA -->
 +
        <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>
 +
        <a class="anchorOffset" id="lmHuman" data-scroll-id="lmHuman" tabindex="-1" style="outline: none;"></a>
 +
        <h3 class="h3Attr">Human Practices</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="#albertoCoronado2"><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="#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>
 +
           
 +
           
  
−
          <a class="anchorOffset" id="UPV"></a>
 
−
            <div style="
 
−
              margin-top: 50px;" class="hashlink">
 
−
              <div class="row">
 
−
                  <div class="col-md-3">
 
−
                    <img src="https://static.igem.org/mediawiki/2018/4/41/T--Valencia_UPV--GeneracionEspontaneaUPV2018.png" style="
 
−
                        padding-top: 15px;
 
−
                        margin-top: 0px;" class="fotosAttr">
 
−
                    <p></p>
 
−
                  </div>
 
−
                  <div class="col-md-9">
 
−
                  <h3>UPV Welcome Fest</h3>
 
−
             
 
−
                  <p> UPV_iGEM is part of the Design Factory Global Network. This is a network of universities innovation hubs all around the world, whose mission is to create change in the world of learning through passion-based culture and effective problem solving.
 
−
</p><h4> Activity </h4>
 
−
<p>As part of the UPV Welcome Fest, a Design Factory Exhibition was organized in order to explain the diversity of projects being carried out by the Design Factory teams. There, we had the chance to show Printeria to all the university community and to explain the basic concepts of SynBio to those who didn't know about it. </p>
 
−
<p><img src="enlace de la imagen" alt=""></p>
 
  
−
<p></p>
+
            <div class="col-md-2" style="text-align: center;">
−
<h5>References</h5>
+
              <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>
  
−
<p>(1) Bioart: An introduction
 
−
https://www.sciencedaily.com/releases/2015/11/151123203619.htm </p>
 
−
                   
 
−
<p>(2) Bravo, E. G. &amp; García, J. A. (2015). Yturralde: Impossible Figure Generator. Leonardo 48(4), 366-374. The MIT Press. Retrieved October 8, 2018, from Project MUSE database. </p>
 
  
  
−
                   </div>
+
<div class="col-md-2" style="text-align: center;">
−
               </div>
+
              <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>
 +
<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="juanPascual1" 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>
 
       </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>
 
   </div>
 
</section>
 
</section>

Revision as of 18:26, 6 December 2018

Stack Multipurpose HTML Template

Index

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