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

 
(42 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Valencia_UPV/bootstrap.css}}
 
{{Valencia_UPV/bootstrap.css}}
<!--{{Valencia_UPV/bootstrapMin.css}}-->
 
 
{{Valencia_UPV/custom.css}}
 
{{Valencia_UPV/custom.css}}
 
{{Valencia_UPV/flickity.css}}
 
{{Valencia_UPV/flickity.css}}
Line 16: Line 15:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 +
 +
  
 
</style>
 
</style>
  
    <head>
+
<head>
        <meta charset="utf-8">
+
  <meta charset="utf-8">
        <title>Stack Multipurpose HTML Template</title>
+
  <title>Stack Multipurpose HTML Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Site Description Here">
+
  <meta name="description" content="Site Description Here">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
  <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
 
 +
</head>
  
  
  
 +
<!-- ESTE ES EL CODIGO DE LA IMAGEN DE LA ESQUINA DERECHA
  
       
+
He puesto justo debajo los atributos height y width a 200 píxeles
    </head>
+
por defecto pero se puede modificar. Con esos valores, cualquier foto
  <body class="" style="background-color:#353535;">
+
que pongas se va a ver con un tamaño de 200x200.
        <a id="start"></a>
+
  
 +
-->
 +
                                     
 +
<div style="
 +
    position: absolute;
 +
    padding-right: 1em;
 +
    padding-bottom: 1em;
 +
    padding-left: 1em;
 +
    z-index: 99;
 +
    width: 100%;
 +
    text-align: right;
 +
">
  
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
  
 +
<img style="
 +
    margin: 0 !important;
 +
    width: 200px;
 +
    height: 200px;
 +
" src="https://static.igem.org/mediawiki/2018/b/bc/T--Valencia_UPV--TROFEOGIF.jpeg">
  
     
 
  
 +
</div>
  
 +
<!---->
  
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
 
  
  
<div class="main-container">
+
<div class="t-cover" style="
   
+
height: 100vh; margin-top: -20px;background-color: #DCDEDC;">
            <section style="/* background-color: #353535; *//* background-image: url(&quot;https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg&quot;); *//* background-size: 100%; */height:44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
 
              <div class="main-container" style="
+
 
height: 100%;">
+
 
              <center style="
+
 
height: 100%;">
+
 
              <div class="col-md-10" style="
+
<div id="media-box">
height: 100%;margin-top: 4em;">
+
 
<div id="logoPrinteria" class="item" style="
+
 
background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png);
+
<video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted="">
 +
                                        <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4">
 +
                                      </video>
 +
                                    <center style="
 
height: 100%;
 
height: 100%;
width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat">
+
/* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
   
+
<a class="btn down inner-link active" href="#story" style="
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
+
;;
<a class="btn down inner-link active" href="#story" style="font-size: 82%;/* position: fixed; *//* bottom: 7%; */top: 541px;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
+
font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 80vh;z-index: 93;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 
             <i class="stack-interface stack-down-open-big"></i>
 
             <i class="stack-interface stack-down-open-big"></i>
 
         </a>
 
         </a>
 +
</center></div>
 +
</div>
 +
<div class="main-container" style=""><row>
 +
 +
 +
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
 +
 +
 +
 +
 +
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 +
<div class="col-md-12" style="
 +
z-index: 99;
 +
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
 +
 +
<section class="imageblock " style="
 +
padding-bottom: 0px !important;
 +
height: 722px;
 +
padding-bottom: 24px;
 +
;background-color: #DCDEDC;
 +
"><a class="anchorOffset" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;"></a><row>
 +
               
 +
               
 +
<div class=" col-lg-6 col-md-6" style="
 +
float: left !important;
 +
padding-right: 0px;
 +
padding-left: 0px;
 +
position:  relative;
 +
float: left;">
 +
                    <div class="row" style="
 +
padding: 5em;
 +
;
 +
display: block;
 +
position: absolute;
 +
height: 100%;
 +
/*! background-color: #DCDEDC; */
 +
">
 +
                        <div class="col-lg-12 col-md-12 mt--12" style="
 +
padding-right: 3em;
 +
display: block;">
 +
                           
 +
                     
 +
                            <div class="modal-instance block">
 +
                               
 +
                               
 +
                               
 +
                                <!--end of modal-container-->
 +
                            </div>
 +
                            <!--end of modal instance-->
 +
                        </div>
 +
                    </div>
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/e/e0/T--Valencia_UPV--ImagenHomeIzq2UPV2018.png" style="
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--ImagenHomeIzqUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a>
 
</div>
 
</div>
   
+
<div class=" col-lg-6 col-md-6 pos-left" style="
</div>
+
padding-right: 0px;
 +
padding-left: 0px;
 +
position: relative;
 +
height: 100%;
 +
background-color: #DCDEDC;
 +
float: right;">
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/1/12/T--Valencia_UPV--ImagenHomeDerUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a>
 +
<img alt="image" src="https://static.igem.org/mediawiki/2018/8/87/T--Valencia_UPV--ImagenHomeDer2UPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs">
 +
 
 +
                   
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container--></row>
 +
            </section>
 +
<section class="" style="
 +
padding-top: -1px;
 +
padding-bottom: 0px !important;
 +
height: 722px;
 +
padding-bottom: 24px;
 +
;"><div style="
 +
float: left;">
 +
               
 +
               
 +
<div class=" col-lg-6 col-md-6" style="
 +
top: -7.5em;float: left !important;
 +
padding-right: 0px;
 +
padding-left: 0px;
 +
position:  relative;
 +
float: left;">
 +
                    <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/archive/4/46/20181017075815%21T--Valencia_UPV--gifhomeUPV2018.jpeg" style="
 +
float: left;
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 
</div>
 
</div>
               
+
<div class=" col-lg-6 col-md-6" style="
              </center>
+
top: -7.5em;float: right !important;
             
+
padding-right: 0px;
 +
padding-left: 0px;
 +
position:  relative;
 +
float: left;">
 +
                    <div style="
 +
width: 100%;
 +
height: 16%;"><h1 style="
 +
padding-top: 1.8em !important; padding-left: 2em !important; margin: 0em !important; height: 87% !important; margin-bottom: 11em !important;margin-left: 6em; margin-top: 5em; padding-right: 5em !important; /* font-size: 18px !important; */; width: 102%; overflow-x: hidden !important; padding: 0; height: 100%; overflow: scroll; letter-spacing: 0px; line-height: 27px !important; color: white; position: absolute; left: 0em; z-index: 20;">Abstract</h1><p style="
 +
padding-top: 9.5em !important;
 +
padding-left: 6em !important;
 +
margin: 0em !important;
 +
height: 87% !important;
 +
margin-bottom: 11em !important;margin-left: 6em;
 +
margin-top: 5em;
 +
padding-right: 5em !important;
 +
font-size: 18px !important;
 +
width: 102%;
 +
overflow-x: hidden !important;
 +
padding: 0;
 +
height: 100%;
 +
overflow: scroll;
 +
letter-spacing: 0px;
 +
line-height: 27px !important;
 +
 
 +
color: white;
 +
    position: absolute;
 +
    left: 0em;
 +
    z-index: 20;">
 +
                              Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment.  <font size="+1"><b>Printeria</b></font>  is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy.
 +
Printeria opens the door to a world of applications affordable for the general public.
 +
                            </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 
</div>
 
</div>
<div class="all-page-modals"></div>
 
              <div class="all-page-modals"></div>
 
              </section></div>
 
  
 +
                <!--end of container--></div>
 +
            </section></div>
  
<section id="" class="text-center " style="padding-top: 55px; outline: none;" data-scroll-id="story" tabindex="-1">
 
  <div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
 
      <div class="row" data-scroll-id="story" tabindex="-1" style="outline: none;">
 
        <h3 style="
 
            float: left;">Students</h3>
 
      </div>
 
      <div>
 
        <div id="modalAlberto" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">ALBERTO CORONADO</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>From lost to the river.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Growing carnivorous plants, performing magic and cooking</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Communicate with fruit.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>Wanting to experience what the real world is? Bored of perfect PCRs and highly defined electrophoresis? Just join us! iGEM is your place; because whatever can go wrong, will go even worse. But never give up, you have come here to win, just belive in yourself and you'll be able to achieve anything you aim!</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalAdrian" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      ;
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">ADRIÁN REQUENA</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>Staring at food: Is this plastic?</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Taekwondo</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Teleporting</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>I am on iGEM because I wanted to learn and practice the things that are not taught in the biotechnology degree and also because I wanted to work side by side with people from other disciplines</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalCarol" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      ;
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">CAROLINA ROPERO</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>This is easy.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Reading and travelling.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Invisibility.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>I'm on iGEM because I wanted to live the reallity of the lab work and be part of a multidisciplinary team where I could adquire new skills and appreciate different viewpoints&nbsp;</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalCarlos" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">CARLOS ANDREU</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>I've got a model...</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>IT and swimming.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>X-Ray Vision</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>The most important reason to take part in iGEM is to seize a unique opportunity in my life to complete my training and to discover in depth Synthetic Biology world. Since the beginning of my university studies, my desire has been to take part in an international project, focused on Science, where I could apply all the knowledge acquired over the years, but also work as a team and learn from mistakes and successes. And, definitively, the iGEM project has been the perfect chance.</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalRoger" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">ROGER MONFORT</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>Please read this, it is *important*.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Fencing, WoW, drumming and trips with friends.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Control arcane magic.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>Just looking for a girlfriend. Mission failed.</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalBetty" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">TZVETELINA ILIEVA</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>Let's be positive.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Skiing and travelling.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Teleporting.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>I am on iGEM because I really was passionate about the idea of developing a project for an international competition together with a multidisciplinary team.&nbsp;</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalMarc" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">MARC MARTINEZ</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>Mmm... ¡Vale!</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Videogames, electronics and animu.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Time Control.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>I love doing electronics projects, and this seemed like a fun challenge. It was a new field for me to learn and do electronics on a really practical and usefull field.</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalHector" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">HÉCTOR IZQUIERDO</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>It make sanse, it make sanse...</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Tennis and Piano</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Time travel.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>I'm on iGEM because I wanted to learn to work in a team, acquire a broad skillset in software development and have fun during the summer.&nbsp;</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalBlanca" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">BLANCA MADORRÁN</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>Oh no, they are mowing the lawn....</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Music, videogames and drawing.&nbsp;</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Teleporting</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>I've always found biology amazing, and I thogth that this project was the perfect oportunity to link technology and life sciences.&nbsp;</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
        <div id="modalJoan" class="modalDialog" style="
 
            ;">
 
            <div class="modal-content" style="
 
              margin-top: 8% !important;
 
              width: 400px !important;
 
              padding: 0px !important;
 
              width: 68% !important;
 
              ;">
 
              <section class="imageblock feature-large bg--white border--round " style="
 
                  width: 100%;">
 
                  <a href="#close" title="Close" class="close" style="
 
                    padding-top: 10px;padding-right: 1;padding-right: 10;padding-right: 10p;padding-right: 10px;padding-right: 11px;padding-right: 12px;padding-right: 13px;padding-right: 14px;padding-right: 15px;">x</a>
 
                  <div style="
 
                    width: 4em;height: 4em;background: #ff4f58;border-radius: 2em;position: absolute;z-index: 3;left: 95%;top: 92%;"></div>
 
                  <div class="imageblock__content hidden-xs col-lg-6 col-md-6 pos-left"><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="
 
                    border-top-right-radius: 0px;border-bottom-right-radius: 0px;
 
                    margin: 0px;height: 100%;; /* width: 1170px; */">
 
                  </div>
 
                  <div class="container" style="
 
                    padding-bottom: 59px;
 
                    padding-top: 0em;width: 55em;">
 
                    <div class="row justify-content-end">
 
                        <div class="col-lg-6 col-md-6" style="
 
                          padding-left: 0;">
 
                          <div class="row">
 
                              <div class="col-md-10 col-lg-10" style="
 
                                padding-right: 0px;
 
                                margin-left: 36px;
 
                                margin-right: 0px;">
 
                                <div class="text-block" style="
 
                                    margin-bottom: 0px;">
 
                                    <h3 style="
 
                                      padding-top: 30px;;
 
                                      line-height: 38px;
 
                                      font-weight: 700;
 
                                      ;
 
                                      text-align: left;;">JOAN CASADO</h3>
 
                                    <div style="
 
                                      padding-top: 20px;;
 
                                      text-align: left;
 
                                      ;">
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">iGEM quote:</p>
 
                                      <p>Pero xics.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Hobbies:</p>
 
                                      <p>Swimming, drawing, cycling, eating salad, loosing all my things, throwing shade.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">If I had a superpower it would be:</p>
 
                                      <p>Breathing underwater.</p>
 
                                      <p style="
 
                                          padding-bottom: 0px;
 
                                          color: #353535;;
 
                                          font-weight: 700;
 
                                          margin-bottom: 0px !important;">Why am I on iGEM:</p>
 
                                      <p>I joined iGEM because I wanted a challenge as a graphic designer and as a person. Working with people from so many different fields and methodologies is always very complicated. Even though , you always have to find a way to understand each other and get the project to go forward. iGEM has given me a lot of professional experience.</p>
 
                                    </div>
 
                                </div>
 
                              </div>
 
                              <!--end of col-->
 
                          </div>
 
                          <!--end of row-->
 
                        </div>
 
                        <div class="" style="
 
                          height: 123px;
 
                          background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); opacity: 1; background-position: initial initial; background-repeat: initial initial;">
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                  </div>
 
                  <!--end of container-->
 
              </section>
 
              <div class="modal-close modal-close-cross"></div>
 
            </div>
 
        </div>
 
      </div>
 
      <div class="row">
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalAlberto">
 
                  <div><button class="" data-modal="modalTwo" style="
 
                    border: none;
 
                    ; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/a/ae/T--Valencia_UPV--albertoUPV2018.png);" http:=""></button>
 
                  </div>
 
              </a>
 
              <h5>Alberto Coronado Martín</h5>
 
              <span>Biotechnologist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalAdrian">
 
                  <div><button class="" data-modal="modalTwo" style="
 
                    border: none;
 
                    ; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/2/25/T--Valencia_UPV--adrianUPV2018.png);" http:=""></button>
 
                  </div>
 
              </a>
 
              <h5>Adrían Requena Gutiérrez</h5>
 
              <span>Biotechnologist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalCarol">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/61/T--Valencia_UPV--carolinaUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Carolina Ropero Pérez</h5>
 
              <span>Biotechnologist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3" style="
 
            ">
 
            <div class="feature feature-8">
 
              <a href="#modalCarlos">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--carlosUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Carlos Andreu Vilarroig</h5>
 
              <span>Biomedical Engineer</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalRoger">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Roger Monfort Llorens</h5>
 
              <span>Biomedical Engineer</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalBetty">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--bettyUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Tzvetelina Ilieva Anguelova</h5>
 
              <span>Industrial Engineer</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalMarc">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/8/86/T--Valencia_UPV--marcUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Marc Martínez Badenes</h5>
 
              <span>Electronic Engineer</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3" style="
 
            /* z-index: 800; */
 
            ">
 
            <div class="feature feature-8 modal-instance">
 
              <a href="#modalHector">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/63/T--Valencia_UPV--hectorUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Héctor Izquierdo Fernández</h5>
 
              <span>Computer Scientist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalBlanca">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--blancaUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Blanca Madorrán Coca</h5>
 
              <span>Computer Scientist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <a href="#modalJoan">
 
                  <div> <button data-modal="modalOne" style="
 
                    border: none; margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px; background-image: url(https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png);">&nbsp;&nbsp;</button></div>
 
              </a>
 
              <h5>Joan Casado Ribera</h5>
 
              <span>Designer</span>
 
            </div>
 
        </div>
 
      </div>
 
      <!--end of row-->
 
  </div>
 
  <div class="container">
 
      <div class="row">
 
        <h3 style="
 
            float: left;">Advisors</h3>
 
      </div>
 
      <div class="row">
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  ;
 
                  margin: 0 auto 10px;
 
                  background-size: 204px;border-radius: 50%;;
 
                  height: 210px;
 
                  width: 210px;
 
                  background-image: url(&quot;https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--nobelUPV2018.png&quot;);"></div>
 
              <h5>Nóbel Santos</h5>
 
              <span>Electronic Engineer</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="background-position-x: -65px;margin: 0 auto 10px;background-size: 341px;border-radius: 50%;height: 210px;background-position-y: 15px;width: 210px;background-image: url(https://static.igem.org/mediawiki/2018/3/34/T--Valencia_UPV--manuUPV2018.jpeg);background-repeat: no-repeat;"></div>
 
              <h5>Manuel Portolés</h5>
 
              <span>Computer Scientist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
            </div>
 
        </div>
 
      </div>
 
      <!--end of row-->
 
  </div>
 
  <div class="container">
 
      <div class="row">
 
        <h3 style="
 
            float: left;">Instructors</h3>
 
      </div>
 
      <div class="row">
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  ;
 
                  margin: 0 auto 10px;
 
                  background-size: 189px;border-radius: 50%;;
 
                  height: 210px;
 
                  width: 210px;
 
                  background-image: url(&quot;https://static.igem.org/mediawiki/2018/f/f7/T--Valencia_UPV--conejeroUPV2018.png&quot;);"></div>
 
              <h5>Alberto Conejero</h5>
 
              <span>Mathematician</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  margin: 0 auto 10px; background-size: 204px;border-radius: 50%;; height: 210px; width: 210px;
 
                  background-image: url(https://static.igem.org/mediawiki/2018/thumb/5/50/T--Valencia_UPV--personaUPV2018.png/449px-T--Valencia_UPV--personaUPV2018.png);" http:=""></div>
 
              <h5>Jesús Picó</h5>
 
              <span>Control Engineer</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  ;;
 
                  background-position-x: center;
 
                  margin: 0 auto 10px; background-size: 183px;border-radius: 50%;; height: 210px; width: 210px;
 
                  background-image: url(https://static.igem.org/mediawiki/2018/9/92/T--Valencia_UPV--diegoUPV2018.png);" http:=""></div>
 
              <h5>Diego Orzáez</h5>
 
              <span>Biologist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  background-position-x: center;
 
                  margin: 0 auto 10px; background-size: 174px;border-radius: 50%;; height: 210px; width: 210px;
 
                  background-image: url(https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--aleUPV2018.png);" http:=""></div>
 
              <h5>Alejandro Vignoni</h5>
 
              <span>Synthetic Biologist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  background-position-x: center;
 
                  margin: 0 auto 10px; background-size: 174px;border-radius: 50%;; height: 210px; width: 210px;
 
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a8/T--Valencia_UPV--yadiraUPV2018.png);" http:=""></div>
 
              <h5>Yadira Boada</h5>
 
              <span>Control Engineer</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  background-position: center;margin: 0 auto 10px; background-size: 178px;border-radius: 50%;; height: 210px; width: 210px;
 
                  background-image: url(https://static.igem.org/mediawiki/2018/a/a5/T--Valencia_UPV--martaUPV2018.png);" http:=""></div>
 
              <h5>Marta Vázquez Vilar</h5>
 
              <span>Biotechnologist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  background-position: center;
 
                  margin: 0 auto 10px; background-size: 182px;border-radius: 50%;; height: 210px; width: 210px;
 
                  background-image: url(https://static.igem.org/mediawiki/2018/0/0f/T--Valencia_UPV--nuriaUPV2018.png);" http:=""></div>
 
              <h5>Nuria Andrés Colás</h5>
 
              <span>Biochemist</span>
 
            </div>
 
        </div>
 
        <div class="col-md-3">
 
            <div class="feature feature-8">
 
              <div style="
 
                  background-position: center;
 
                  margin: 0 auto 10px; background-size: 179px;border-radius: 50%;; height: 210px; width: 210px;
 
                  background-image: url(https://static.igem.org/mediawiki/2018/9/98/T--Valencia_UPV--salomeUPV2018.png);" http:=""></div>
 
              <h5>Salomé Cuesta Valera</h5>
 
              <span>Artist</span>
 
            </div>
 
        </div>
 
      </div>
 
      <!--end of row-->
 
  </div>
 
  <!--end of container-->
 
</section>
 
  
 +
<!--------------------------------------------TEXTO------------------------------------------------>
  
  
           
 
         
 
  
 +
   
 +
<div class="container hashlink" tabindex="-1" style="outline: none;position: relative;">
  
  
        </div>
 
        <!--<div class="loader"></div>-->
 
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 
            <i class="stack-interface stack-up-open-big"></i>
 
        </a>
 
  
    </body>
+
                                   
 +
                                   
 +
<div class="col-md-12" style="padding-top: 1em; padding-right: 0em; padding-left: 0em; position: relative; margin-right: 11em; outline: none;" tabindex="-1">
 +
 
 +
<div style="
 +
margin-top: -14px;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
 +
margin-bottom: 0px !important;
 +
margin-top: -8em;"><div><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
 +
position: relative;
 +
z-index: 50;
 +
float: left; width: 52%;;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--Valencia_UPV--EsquemaHomeSoftUPV2018.png" style="
 +
float: left;
 +
margin-top: 0;
 +
  /* width: 56%; */">
 +
<div class="blue" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div>
 +
</div></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Parts"><div style="
 +
position: relative; z-index: 50; float: left; width: 47%;;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style="
 +
float: right;
 +
margin-top: 0;"><div class="yellow" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div></div>
 +
 
 +
</a></div>
 +
<a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style="
 +
position: relative; z-index: 50; float: left; width: 52%;;
 +
width: 48%;
 +
float: right;"></a>
 +
 
 +
<a style="
 +
margin-top: 0em;
 +
width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;;
 +
float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style="
 +
margin-top: 0px;"></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div style="
 +
position: relative; z-index: 50; float: left; width: 65%;;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style="
 +
float: right;
 +
margin-top: 0;"><div class="red" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div></div>
 +
 
 +
</a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
 +
position: relative; z-index: 50; float: left; width: 100%;;"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Valencia_UPV--EsquemaHomeHardUPV2018.png" style="
 +
float: right;
 +
margin-top: 0;"><div class="yellow" style="
 +
opacity: 0.2;
 +
height: 100%;
 +
width: 100%;
 +
position: absolute;"></div></div>
 +
 
 +
</a></div>
 +
 
 +
</div><div class="col-md-12 row" style="
 +
padding-left: 2em;
 +
padding-right: 0em !important;margin-bottom: 5em;">
 +
                   
 +
<div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style="
 +
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
 +
 
 +
</div></div>
 +
<div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style="
 +
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
 +
 
 +
</div></div>
 +
<div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Design"><div style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--GifHomeDesignUPV2018.gif);"></div><p style="
 +
padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a>
 +
 
 +
</div></div><div class="col-md-3"><div style="
 +
;
 +
float: left;
 +
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div id="btnHomeModel" style="
 +
background-position: center center;
 +
background-size: cover;
 +
;
 +
height: 142px !important;
 +
border-top-left-radius: 13px;
 +
border-top-right-radius: 13px;
 +
background-image: url(https://static.igem.org/mediawiki/2018/2/21/T--Valencia_UPV--GifHomeModelUPV2018.gif);"></div><p style="
 +
padding-bottom: 22px;
 +
padding-top: 24px;
 +
padding-right: 12px;
 +
padding-left: 24px !important;">Do you want to discover the multiple possibilities that Printeria modeling offers you?</p>
 +
 
 +
</a>
 +
 
 +
</div></div>
 +
                   
  
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </div><!--end of row-->
 +
                                </div></row></div>
 +
</body>
  
 
         <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
 
 
         <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
+
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 
       <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 
       <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
       
+
<script>
  
 +
(function ($) {
 +
  $(document).ready(function(){
 +
   
 +
// hide .nav-container first
 +
$(".nav-container").hide();
 +
 +
// fade in .nav-container
 +
$(function () {
 +
$(window).scroll(function () {
 +
            // set distance user needs to scroll before we fadeIn navbar
 +
if ($(this).scrollTop() > 100) {
 +
$('.nav-container').fadeIn();
 +
} else {
 +
$('.nav-container').fadeOut();
 +
}
 +
});
  
 +
 +
});
  
</html>
+
});
 +
  }(jQuery));
  
 +
</script>
 +
 +
 +
 +
 +
</html>
 
{{Valencia_UPV/footer}}
 
{{Valencia_UPV/footer}}

Latest revision as of 16:23, 6 December 2018

Stack Multipurpose HTML Template

image
image
image

Abstract

Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy. Printeria opens the door to a world of applications affordable for the general public.

image

CONTACT US igem.upv.2018@gmail.com