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

 
(28 intermediate revisions by the same user 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 60: Line 62:
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 
<div class="col-md-12" style="
 
<div class="col-md-12" style="
 +
z-index: 99;
 
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
 
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
  
Line 88: Line 91:
 
display: block;">
 
display: block;">
 
                              
 
                              
                            <h1 style="
+
                     
margin-bottom: 3px;left: 0em;
+
    position: relative;
+
    z-index: 98;
+
    color: #353535;">Synbio Has Never Been Easier</h1><p class="lead" style="
+
font-size: 1.15vw !important;;
+
color: #353535;
+
    position: relative;
+
    left: 0em;
+
    z-index: 20;">
+
                                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.&nbsp;</p>
+
 
                             <div class="modal-instance block">
 
                             <div class="modal-instance block">
 
                                  
 
                                  
Line 143: Line 136:
 
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
 
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 pos-left" style="
+
<div class=" col-lg-6 col-md-6" style="
top: -7.5em;
+
top: -7.5em;float: left !important;
 
padding-right: 0px;
 
padding-right: 0px;
 
padding-left: 0px;
 
padding-left: 0px;
position: relative;
+
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%;
 
height: 100%;
background-color: #DCDEDC;
+
overflow: scroll;
float: right;">
+
letter-spacing: 0px;
<div class="row" style="
+
line-height: 27px !important;
padding: 5em;
+
 
;
+
display: block;
+
position: absolute;
+
height: 100%;">
+
                        <div class="col-lg-12 col-md-12 mt--12" style="
+
display: block;">
+
                           
+
                            <h1 style="
+
margin-bottom: 8px;
+
    left: 0em;
+
    position: relative;
+
    z-index: 98;
+
    color: white;">Synbio Has Never Been Easier</h1><p class="lead" style="
+
font-size: 1.15vw !important;
+
 
color: white;
 
color: white;
     position: relative;
+
     position: absolute;
 
     left: 0em;
 
     left: 0em;
 
     z-index: 20;">
 
     z-index: 20;">
 
                               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.
 
                               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.
                             </p>
+
                             </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="
                            <div class="modal-instance block">
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
                               
+
</div>
                               
+
 
                               
+
                                <!--end of modal-container-->
+
                            </div>
+
                            <!--end of modal instance-->
+
                        </div>
+
                    </div><img alt="image" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
+
                   
+
                    <!--end of row-->
+
                </div>
+
 
                 <!--end of container--></row>
 
                 <!--end of container--></row>
 
             </section></div>
 
             </section></div>
Line 193: Line 178:
  
  
     <div style="
+
      
/* margin-left: 60px; */; padding-left: 0;; padding-right: 0; /* outline: none; */" class="col-md-12 hashlink" id="" tabindex="-1" data-scroll-id="story">
+
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;position: relative;">
      <div style="
+
 
 +
 
 +
 
 +
                                   
 +
                                    <div class="col-md-12" style="
 
padding-top: 1em;
 
padding-top: 1em;
padding-right: 3em;padding-left: 3em;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
+
padding-right: 0em;padding-left: 0em;
margin-bottom: 0px !important;
+
position: relative;
margin-top: 0em;">
+
margin-right: 11em;
 +
margin-bottom: 108m;">
  
 
<div style="
 
<div style="
margin-top: -3px;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><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;
 
position: relative;
 
z-index: 50;
 
z-index: 50;
Line 208: Line 200:
 
float: left;
 
float: left;
 
margin-top: 0;
 
margin-top: 0;
/* width: 56%; */"></div></a><a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style="
+
  /* 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%;;
 
position: relative; z-index: 50; float: left; width: 52%;;
 
width: 48%;
 
width: 48%;
float: right;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style="
+
float: right;"></a>
margin-top: 0;"></a>
+
  
</div><row><a style="
+
<a style="
margin-top: 0.7em;
+
margin-top: 0em;
 
width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;;
 
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="
 
float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style="
margin-top: 0px;"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Model" 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: 64%;;
+
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; */float: right;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style="
+
float: right;
margin-top: 0px;"></a></row><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware" style="
+
margin-top: 0;"><div class="red" style="
position: relative; z-index: 50; /* float: left; */ /* width: 52%; */;
+
opacity: 0.2;
width: 100%;;
+
height: 100%;
float: left;"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Valencia_UPV--EsquemaHomeHardUPV2018.png" style="
+
width: 100%;
margin-top: 0px;"></a></div>
+
position: absolute;"></div></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 style="
+
margin-top: 9em;
+
margin-left: 115px; padding-top: 106px;" class="col-md-12">
+
       
+
       
+
  
       
+
  </div></div>
 
+
                   
<div style="
+
margin-top: 50px;" id="harvard" class="hashlink"><div class="row"><div class="col-md-12"><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></div>  
+
 
+
+
</div>
+
 
+
 
+
<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></row></div>
+
  
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                   
 +
                    </div><!--end of row-->
 +
                                </div></row></div>
 
</body>
 
</body>
  
Line 330: Line 354:
  
 
</script>
 
</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