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

 
(83 intermediate revisions by 3 users not shown)
Line 15: 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>
Line 30: Line 32:
 
</head>
 
</head>
  
−
<body class="" style="background-color:#353535;">
 
−
  <a id="start"></a>
 
  
−
  <!--end of row-->
 
−
</div>
 
−
<!--end of container-->
 
−
</nav>
 
−
</div>
 
−
<!--end bar-->
 
−
</div>
 
−
<div class="main-container">
 
  
 +
<div class="t-cover" style="height:90vh; margin-top: -20px;background-color: #DCDEDC;">
  
−
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
 
  
 +
                                    <div id="media-box">
 +
                                     
 +
<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%;
 +
/* right: 14em !important; *//* 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: 78vh;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>
 +
        </a>
 +
</center></div>
 +
</div>
 +
<div class="main-container" style=""><row>
  
−
<section 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%;">
 
−
<center style="
 
−
height: 100%;">
 
−
<div class="col-md-10" style="
 
−
  height: 100%;margin-top: 4em;">
 
−
  <div id="logoPrinteria" class="item" style="
 
−
    background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
 
−
    height: 100%;
 
−
    width: 100%;background-attachment: fixed;background-size: cover;">
 
−
   
 
−
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 
−
      <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 
−
        <i class="stack-interface stack-down-open-big"></i>
 
−
      </a>
 
−
    </div>
 
−
   
 
−
  </div>
 
−
</div>
 
  
−
</center>
+
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
 +
 
  
−
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 
−
<div class="all-page-modals"></div>
 
−
</section></div>
 
  
  
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 
<!----------------------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="
−
<section id="" class="feature-large" style="
+
padding-bottom: 0px !important;
−
padding-top: 55px;padding-bottom: 50px; outline: none;" tabindex="-1">
+
height: 722px;
−
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
padding-bottom: 24px;
−
  <div style="margin-top: 50px; outline: none;" class="row" tabindex="-1">
+
;background-color: #DCDEDC;
−
    <div class="col-md-3" style="
+
"><row>
−
      margin-left: 0em;
+
                  
−
      padding-right: 0px;
+
                  
−
      padding-left: 0.2em;
+
<div class=" col-lg-6 col-md-6" style="
−
      ">
+
float: left !important;
−
     
+
padding-right: 0px;
−
      <!------------ÍNDICE LATERAL------------------>
+
padding-left: 0px;
−
 
+
position: relative;
−
      <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
+
float: left;">
−
        <h4 style="
+
                    <div class="row" style="
−
        padding-left: 1em;
+
padding: 5em;
−
        ">Index</h4>
+
−
        <ul class="lateral">
+
−
          <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
+
−
            <div class="tab__title" style="
+
−
              line-height: 1.3em;
+
−
              /* padding-left: 0.5em; */
+
−
              ">
+
−
              <a class="lateral" style="
+
−
                /* color: #ffffff; */
+
−
                opacity: 1;
+
−
                list-style-type: circle;
+
−
              ">Harvard</a>
+
−
            </div>
+
−
           
+
−
          </li>
+
−
          <li class="lateral">
+
−
            <div class="tab__title" style="
+
−
              line-height: 1.3em;
+
−
              ">
+
−
              <a href="#buho" class="lateral" style="
+
−
                 color: #353535;
+
−
                 opacity: 1;
+
−
              ">Universitat Politècnica de València</a>
+
−
            </div>
+
−
           
+
−
          </li><li class="lateral">
+
−
            <div class="tab__title" style="
+
−
              line-height: 1.3em;
+
−
              ">
+
−
              <a href="#buho" class="lateral" style="
+
−
                color: #353535;
+
−
                opacity: 1;
+
−
              ">Universitat Politècnica de València</a>
+
−
            </div>
+
−
           
+
−
          </li><li class="lateral">
+
−
            <div class="tab__title" style="
+
−
              line-height: 1.3em;
+
−
              ">
+
−
              <a href="#buho" class="lateral" style="
+
−
                color: #353535;
+
−
                opacity: 1;
+
−
              ">Universitat Politècnica de València</a>
+
−
            </div>
+
−
           
+
−
          </li>
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
        </ul><ul class="tabs-content"></ul>
+
−
       
+
−
       
+
−
      </div>
+
−
    </div>
+
−
 
+
−
 
+
−
<!--------------------------------------------TEXTO------------------------------------------------>
+
−
 
+
−
 
+
−
    <div style="padding-left: 6em; padding-right: 2em; outline: none;" class="col-md-9 hashlink" id="" tabindex="-1" data-scroll-id="story">
+
−
      <div>
+
−
       
+
−
       
+
−
 
+
−
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet metus orci. Donec porta ipsum ut leo tristique, mattis imperdiet sapien lobortis. Quisque venenatis neque tincidunt convallis luctus. Aliquam pulvinar arcu et libero condimentum tristique. Aliquam nec pretium purus, a consequat risus. Donec dictum vitae nisl vel gravida. Morbi eu metus nisi. Mauris libero elit, porttitor efficitur lectus eu, placerat vehicula sapien. Phasellus at pharetra ex. Cras sodales non felis vitae cursus. Mauris aliquam molestie viverra. Sed ut dapibus lacus.        </p>
+
−
<div class="row hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
−
<div class="col-md-3"><a href="#harvard"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"></a>
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
+
−
<div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
+
−
<div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
+
−
<h4 style="
+
−
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
+
−
 
+
−
+
−
</div>
+
−
<div style="
+
−
margin-top: 50px;" id="harvard" class="hashlink"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
−
padding-top: 15px;
+
−
margin-top: 0px;">
+
−
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
+
−
 
+
−
<div style="
+
−
text-align: center;"><a class="btn btn--primary-1" href="#" style="
+
−
border: none;
+
 
;
 
;
−
background: #3b83c9;">
+
display: block;
−
                                <span class="btn__text">PDF</span>
+
position: absolute;
−
                             </a></div></div></div>  
+
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><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">
 +
<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">
 
</div>
 
</div>
−
<div style="
+
<div class=" col-lg-6 col-md-6 pos-left" style="
−
margin-top: 50px;"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
padding-right: 0px;
−
padding-top: 15px;
+
padding-left: 0px;
−
margin-top: 0px;">
+
position: relative;
−
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
+
height: 100%;
 +
background-color: #DCDEDC;
 +
float: right;">
 +
<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">
 +
<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">
  
−
<div style="
+
                   
−
text-align: center;"><a class="btn btn--primary-1" href="#" style="
+
                    <!--end of row-->
−
border: none;
+
                </div>
−
;
+
                <!--end of container--></row>
−
background: #3b83c9;">
+
            </section>
−
                                <span class="btn__text">PDF</span>
+
<section class="" style="
−
                            </a></div></div></div>
+
padding-top: -1px;
−
 
+
padding-bottom: 0px !important;
−
+
height: 722px;
 +
padding-bottom: 24px;
 +
;"><row>
 +
               
 +
               
 +
<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/4/46/T--Valencia_UPV--gifhomeUPV2018.jpeg" style="
 +
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 
</div>
 
</div>
−
<div style="
+
<div class=" col-lg-6 col-md-6" style="
−
margin-top: 50px;"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
top: -7.5em;float: left !important;
−
padding-top: 15px;
+
padding-right: 0px;
−
margin-top: 0px;">
+
padding-left: 0px;
−
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
+
position:  relative;
 +
float: left;">
 +
                    <div style="
 +
width: 100%;
 +
height: 16%;"><p style="
 +
padding-top: 5.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;
  
−
<div style="
+
color: white;
−
text-align: center;"><a class="btn btn--primary-1" href="#" style="
+
    position: absolute;
−
border: none;
+
    left: 0em;
−
;
+
    z-index: 20;">
−
background: #3b83c9;">
+
                              Access to Synthetic Biology by the interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria, 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, breaks down these barriers. It uses 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. This way, the user is capable of assembling domesticated DNA parts in a one-step reaction and can control all biotechnological steps, from the assembly of parts and transformation to cell culture, with high accuracy. Printeria opens the door to a world of applications affordable for the general public.
−
                                <span class="btn__text">PDF</span>
+
                             </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="
−
                             </a></div></div></div>
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
−
 
+
−
+
 
</div>
 
</div>
−
<div style="
 
−
margin-top: 50px;"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
−
padding-top: 15px;
 
−
margin-top: 0px;">
 
−
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
 
  
−
<div style="
+
                <!--end of container--></row>
−
text-align: center;"><a class="btn btn--primary-1" href="#" style="
+
            </section></div>
−
border: none;
+
−
;
+
−
background: #3b83c9;">
+
−
                                <span class="btn__text">PDF</span>
+
−
                            </a></div></div></div>  
+
  
−
 
−
</div>
 
  
−
       
+
<!--------------------------------------------TEXTO------------------------------------------------>
  
−
       
 
  
−
       
 
  
−
       
+
   
−
       
+
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;position: relative;">
−
       
+
  
−
           
 
  
−
           
 
  
−
           
+
                                   
 +
                                    <div class="col-md-12" style="
 +
padding-top: 1em;
 +
padding-right: 0em;padding-left: 0em;
 +
position: relative;
 +
margin-right: 11em;
 +
margin-bottom: 108m;">
  
−
           
+
<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>
  
−
        </div>
+
<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 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>
  
−
  </div>
+
</a>
−
</div>
+
  
 +
</div></div>
 +
                   
  
−
</div></section>
+
                   
−
 
+
                   
−
</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>
+
                   
 +
                   
 +
                    </div><!--end of row-->
 +
                                </div></row></div>
 
</body>
 
</body>
  
Line 296: Line 328:
 
         <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();
 +
}
 +
});
 +
 +
 +
});
 +
 +
});
 +
  }(jQuery));
 +
 +
</script>
 +
  
  

Latest revision as of 12:55, 14 October 2018

Stack Multipurpose HTML Template

image
image
image

Access to Synthetic Biology by the interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria, 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, breaks down these barriers. It uses 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. This way, the user is capable of assembling domesticated DNA parts in a one-step reaction and can control all biotechnological steps, from the assembly of parts and transformation to cell culture, 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