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

 
(112 intermediate revisions by 3 users not shown)
Line 7: Line 7:
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
  
 
<html>
 
<html>
Line 15: Line 16:
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
−
</style>
 
  
−
    <head>
 
−
        <meta charset="utf-8">
 
−
        <title>Stack Multipurpose HTML Template</title>
 
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
−
        <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/icon?family=Material+Icons" 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">
 
  
 +
</style>
  
 +
<head>
 +
  <meta charset="utf-8">
 +
  <title>Stack Multipurpose HTML Template</title>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
  <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/icon?family=Material+Icons" 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">
 +
 
 +
</head>
  
  
−
       
 
−
    </head>
 
−
  <body class="" style="background-color:#353535;">
 
−
        <a id="start"></a>
 
−
        <div class="nav-container">
 
−
            <div class="bar bar--sm visible-xs">
 
−
                <div class="container">
 
−
                    <div class="row">
 
−
                        <div class="col-3 col-md-2">
 
−
                            <a href="index.html">
 
−
                                <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" />
 
−
                            </a>
 
−
                        </div>
 
−
                        <div class="col-9 col-md-10 text-right">
 
−
                            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
 
−
                                <i class="icon icon--sm stack-interface stack-menu"></i>
 
−
                            </a>
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </div>
 
−
            <!--end bar-->
 
−
            <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light">
 
−
                <div class="container">
 
−
                    <div class="row">
 
−
                        <div class="col-lg-1 col-md-2 hidden-xs" style="position: absolute;">
 
−
                            <div class="bar__module">
 
−
                                <a href="index.html">
 
−
                                    <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" style="margin-top: 8px; height: 26px; width: 112px;" />
 
−
                                </a>
 
−
                            </div>
 
−
                            <!--end module-->
 
−
                        </div>
 
−
                        <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
 
−
                            <div class="bar__module" style=" float: right;">
 
−
                          <ul class="menu-horizontal text-right">
 
−
                                    <li class="dropdown dropdown--hover">
 
−
                                        <span class="dropdown__trigger">Team</span>
 
  
 +
<div class="t-cover" style="height:90vh; margin-top: -20px;background-color: #DCDEDC;">
  
−
<!--
 
  
−
                                        <div class="dropdown__container">
+
                                    <div id="media-box">
−
                          <div class="container">
+
                                     
−
                      <div class="row">
+
<video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted="">
−
                  <div class="col-md-3 col-lg-2 dropdown__content">
+
                                        <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4">
−
              <ul class="menu-vertical">
+
                                      </video>
−
            <li>
+
                                    <center style="
−
          Team
+
height: 100%;
−
            </li>
+
/* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
−
              </ul>
+
<a class="btn down inner-link active" href="#story" style="
−
                  </div>
+
;;
−
                    </div>
+
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;">
−
                    </div>
+
            <i class="stack-interface stack-down-open-big"></i>
−
                      </div>
+
        </a>
 +
</center></div>  
 +
</div>
 +
<div class="main-container" style=""><row>
  
−
-->
 
  
 +
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
  
−
                                    </li>
 
−
                                    <li class="dropdown">
 
−
                                        <span class="dropdown__trigger">Project</span>
 
  
−
                                       
 
−
                                        <!--end dropdown container-->
 
−
                                    </li>
 
−
                                    <li class="dropdown">
 
−
                                        <span class="dropdown__trigger">Wet Lab</span>
 
−
                                       
 
−
                                        <!--end dropdown container-->
 
−
                                    </li>
 
−
                                    <li class="dropdown">
 
−
                                        <span class="dropdown__trigger">Dry Lab</span>
 
−
                                       
 
−
                                        <!--end dropdown container-->
 
−
                                    </li>
 
−
                                    <li class="dropdown">
 
−
                                        <span class="dropdown__trigger">Human Practices</span>
 
−
                                       
 
−
                                        <!--end dropdown container-->
 
−
                                    </li>
 
−
                                </ul>
 
−
                            </div>
 
−
                            <!--end module-->
 
−
                        </div>
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </nav>
 
−
            <!--end bar-->
 
−
        </div>
 
−
        <div class="main-container">
 
−
            <section style="background-color: #353535;" class="height-90 parallax">
 
−
                <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; ">
 
−
                    <img alt="image" src="http://via.placeholder.com/880x492" />
 
−
                </div>
 
−
              <div class="main-container">
 
−
              <center>
 
−
                <div id="logoPrinteria" class="item" style=" width: 35%;h; height: 35%;">
 
−
                    <img alt="image" src="https://static.igem.org/mediawiki/2018/thumb/2/27/T--Valencia_UPV--logoTexto.png/575px-T--Valencia_UPV--logoTexto.png"/>
 
−
                </div>
 
−
               
 
−
              </center>
 
−
              </div>
 
−
              </div>
 
−
                <!--end of container-->
 
−
            </section>
 
  
  
 +
<!----------------------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;
−
<section id="story"class="feature-large" style="padding-top: 6em; padding-bottom:50px">
+
height: 722px;
−
                <div class="container">
+
padding-bottom: 24px;
−
                    <div class="row">
+
;background-color: #DCDEDC;
−
 
+
"><row>
−
 
+
               
−
<div class="col-md-5">
+
               
−
   
+
<div class=" col-lg-6 col-md-6" style="
−
    <div class="tabs-container page-navigator tabs--vertical" style="
+
float: left !important;
−
padding-top: 100px;
+
padding-right: 0px;
−
/* background-color: wheat; */
+
padding-left: 0px;
−
position: -webkit-sticky; position: sticky; padding-bottom: 0px;;">
+
position: relative;
−
                                <ul class="tabs" style="
+
float: left;">
−
padding: 0px;
+
                    <div class="row" style="
−
padding-top: initial;
+
padding: 5em;
−
background-color: white;padding-bottom: initial; width: 90%; border-radius: 0.4em;">
+
;
−
                                    <li class="" style="margin-bottom: 0px;padding-bottom: initial;padding-top: 0px;padding-bottom: 0px;">
+
display: block;
−
                                        <div class="tab__title">
+
position: absolute;
−
                                            <a href="#p1">Title1</a>
+
height: 100%;
−
                                        </div>
+
/*! background-color: #DCDEDC; */
−
                                       
+
">
−
                                    </li>
+
                        <div class="col-lg-12 col-md-12 mt--12" style="
−
                                    <li class="" style="padding-bottom: 0px;padding-top: 0px;margin-bottom: 0px;">
+
padding-right: 3em;
−
                                        <div class="tab__title">
+
display: block;">
−
                                            <a href="#p2">Title1</a>
+
                           
−
                                        </div>
+
                     
−
                                       
+
                            <div class="modal-instance block">
−
                                    </li>
+
−
                                    <li class="" style="margin-bottom: 0px;padding-bottom: initial;padding-top: initial;">
+
−
                                        <div class="tab__title">
+
−
                                                <span class="h6">Title 1</span>
+
−
                                        </div>
+
−
                                       
+
−
                                    </li>
+
−
                                    <li class="" style="margin-bottom: 0px;padding-bottom: initial;padding-top: initial;">
+
−
                                        <div class="tab__title">
+
−
                                            <span class="h6">Title 1</span>
+
−
                                        </div>
+
−
                                       
+
−
                                    </li>
+
−
                                    <li class="" style="padding-bottom: initial;padding-top: initial;">
+
−
                                        <div class="tab__title">
+
−
                                            <span class="h6">Title 1</span>
+
−
                                        </div>
+
−
                                       
+
−
                                    </li>
+
−
 
+
−
                                </ul>
+
−
                                           
+
−
                                           
+
−
                                        </div></li></ul>
+
−
                                           
+
−
                                           
+
−
                                        </div></li></ul>
+
−
 
+
−
 
+
−
                        <div class="col-md-6">
+
−
                            <div>
+
−
                              <p>
+
−
                                Lorem ipsum
+
−
 
+
−
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porta, odio id ultrices varius, neque diam blandit felis, et ornare purus libero eget dolor. Cras sit amet dui quis sem blandit fringilla vitae sed lacus. Donec aliquet sapien sed felis tincidunt, eu euismod augue fermentum. Nam eu magna et enim tincidunt consectetur vel ac purus. Pellentesque mattis a arcu at rutrum. Nullam rhoncus, lectus eget tincidunt ullamcorper, urna metus finibus felis, ut ornare ex diam vitae tortor. Vestibulum vel lacus in libero elementum pellentesque eget a neque. Ut ut metus luctus, venenatis ex blandit, gravida metus. Aliquam ultricies quis massa et ullamcorper.
+
−
 
+
−
                                Lorem ipsum
+
−
 
+
−
                                Nullam eleifend sem orci, nec lobortis magna sollicitudin euismod. Suspendisse faucibus gravida tincidunt. Praesent quis dapibus elit, sed finibus tellus. Nullam egestas sed ligula vitae maximus. Nullam fringilla volutpat purus. In in finibus orci. Proin vitae eros vitae nunc ullamcorper interdum. Proin vel nulla libero. Mauris placerat dui purus, et accumsan urna condimentum vel.
+
−
                                </p>
+
−
 
+
−
                                <div>
+
−
                                    <img src="http://via.placeholder.com/800x400" alt="">
+
−
                                </div>
+
−
 
+
−
                                <p>
+
−
                                 
+
−
                                Lorem ipsum
+
−
 
+
−
                                Mauris vulputate, diam ut pharetra sollicitudin, erat erat maximus dui, sed porttitor velit sem eget nunc. Fusce ultrices nunc sem, et eleifend neque lacinia sed. Maecenas semper, mauris tempus feugiat vestibulum, turpis urna pulvinar magna, ut interdum ex nulla sed eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien erat, sodales non dui ut, pharetra fringilla elit. Nullam odio mi, egestas vitae sem et, sagittis consectetur libero. Pellentesque vel elit quis ipsum mattis ultrices nec sed velit. Etiam et diam non urna mollis egestas. Donec id nunc non enim suscipit ultricies et vel tellus. Curabitur quis nibh elementum, porta dui quis, accumsan lorem. Nullam laoreet tellus sed risus scelerisque commodo nec et lacus. Maecenas pulvinar nisl nunc.
+
−
 
+
−
                              </p>
+
−
 
+
 
                                  
 
                                  
−
 
+
                               
 +
                               
 +
                                <!--end of modal-container-->
 
                             </div>
 
                             </div>
−
 
+
                             <!--end of modal instance-->
−
                             <div>
+
−
                                <ul>
+
−
                                    <li>
+
−
                                        <p>Elemento de prueba</p>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <p>Elemento de prueba</p>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <p>Elemento de prueba</p>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </div>
+
−
 
+
−
                            <div>
+
−
                                <table style="width:100%">
+
−
                                    <tr>
+
−
                                    <th>Firstname</th>
+
−
                                    <th>Lastname</th>
+
−
                                    <th>Age</th>
+
−
                                    </tr>
+
−
                                    <tr>
+
−
                                    <td>Jill</td>
+
−
                                    <td>Smith</td>
+
−
                                    <td>50</td>
+
−
                                    </tr>
+
−
                                    <tr>
+
−
                                    <td>Eve</td>
+
−
                                    <td>Jackson</td>
+
−
                                    <td>94</td>
+
−
                                    </tr>
+
−
                                    </table>
+
−
                            </div>
+
−
 
+
 
                         </div>
 
                         </div>
−
                            </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 class=" col-lg-6 col-md-6 pos-left" style="
 +
padding-right: 0px;
 +
padding-left: 0px;
 +
position: relative;
 +
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>
+
−
                       
+
−
                       
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                     </div>
+
 
                     <!--end of row-->
 
                     <!--end of row-->
 
                 </div>
 
                 </div>
−
                 <!--end of container-->
+
                 <!--end of container--></row>
 
             </section>
 
             </section>
−
 
+
<section class="" style="
−
           
+
padding-top: -1px;
−
         
+
padding-bottom: 0px !important;
−
<footer style="
+
height: 722px;
−
background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
+
padding-bottom: 24px;
−
             
+
;"><row>
−
 
+
               
−
 
+
               
−
<div id="logoPrinteria" class="item" style="
+
<div class=" col-lg-6 col-md-6" style="
−
position: relative;text-align: center;lign: center;height: 50vh;">
+
top: -7.5em;float: left !important;
−
 
+
padding-right: 0px;
−
                  <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm bg--light" style="
+
padding-left: 0px;
−
position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 100%;padding-left: 10%;">
+
position: relative;
−
 
+
float: left;">
−
<p style="
+
                    <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/4/46/T--Valencia_UPV--gifhomeUPV2018.jpeg" style="
−
color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
−
                               
+
−
 
+
−
 
+
−
 
+
−
<li style="
+
−
float: left;margin-left: 480px; left;">
+
−
 
+
−
                                    <a style="
+
−
color: white;float: left;;">
+
−
</a><div style="
+
−
float: left;"><div style="
+
−
color: white;float: left;display: block;">
+
−
                                        <i><img style="
+
−
height: 40px;float: left; display= flex" src="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--mailUPV2018.png">
+
−
</i>
+
−
 
+
−
                                    <p style="
+
−
margin-left: 60px;margin-top: 11px;;
+
−
;">igem.upv.2018@gmail.com</p></div>
+
 
</div>
 
</div>
−
                               
+
<div class=" col-lg-6 col-md-6" style="
−
</li>
+
top: -7.5em;float: left !important;
−
 
+
padding-right: 0px;
−
 
+
padding-left: 0px;
−
 
+
position:  relative;
−
 
+
float: left;">
−
 
+
                    <div style="
−
                               
+
width: 100%;
−
 
+
height: 16%;"><p style="
−
 
+
padding-top: 5.5em !important;
−
 
+
padding-left: 6em !important;
−
                            </ul>
+
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 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></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>
  
 +
                <!--end of container--></row>
 +
            </section></div>
  
−
<div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
 
−
position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 
  
−
<p style="
+
<!--------------------------------------------TEXTO------------------------------------------------>
−
color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul>
+
−
                               
+
−
<li style="
+
−
float: left; margin-right: 40px;">
+
  
−
                                    <a href="https://twitter.com/upvigem?lang=es" style="
 
−
color: white;;">
 
−
                                        <i>
 
  
−
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
−
height: 40px; ;" ;"=""></i>
 
  
−
                                    </a>
+
   
−
                               
+
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;position: relative;">
−
</li><li style="
+
−
float: left; margin-right: 40px;">
+
  
−
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 
−
                                        <i>
 
−
<img style="
 
−
height: 40px;
 
−
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 
−
</i>
 
−
                                    </a>
 
−
                                </li><li style="
 
−
float: left;margin-right: 40px;">
 
  
−
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
 
−
                                        <i>
 
−
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
−
height: 40px;
 
−
;">
 
−
</i>
 
−
                                    </a>
 
−
                               
 
−
</li><li style="
 
−
float: left;margin-right: 40px; left;">
 
  
−
                                     <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
+
                                   
−
                                        <i>
+
                                     <div class="col-md-12" style="
−
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
padding-top: 1em;
−
height: 40px;
+
padding-right: 0em;padding-left: 0em;
−
;">
+
position: relative;
−
</i>
+
margin-right: 11em;
−
                                    </a>
+
margin-bottom: 108m;">
−
                                </li>
+
  
 +
<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 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>
  
−
                            </ul>
+
</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/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 +
<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));
  
−
</div><div class="bar bar--sm&nbsp;bar-1 hidden-md hidden-lg &nbsp;bg--light" style="
+
</script>
−
position: absolute;&nbsp;align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
+
  
−
<p style="
 
−
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>
 
−
                               
 
−
<li style="
 
−
float: left; /* margin-right: 40px; */">
 
−
 
−
                                    <a href="https://twitter.com/upvigem?lang=es" style="
 
−
color: white;;">
 
−
                                        <i>
 
−
 
−
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
−
height: 40px; ;" ;"=""></i>
 
−
 
−
                                    </a>
 
−
                               
 
−
</li><li style="
 
−
float: left; /* margin-right: 40px; */">
 
−
 
−
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 
−
                                        <i>
 
−
<img style="
 
−
height: 40px;
 
−
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 
−
</i>
 
−
                                    </a>
 
−
                                </li><li style="
 
−
float: left;/* margin-right: 40px; */margin-top: 2;margin-top: 20;margin-top: 20p;/* margin-top: 20px; */">
 
−
 
−
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
 
−
                                        <i>
 
−
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
−
height: 40px;
 
−
;">
 
−
</i>
 
−
                                    </a>
 
−
                               
 
−
</li><li style="
 
−
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
 
−
 
−
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
 
−
                                        <i>
 
−
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
−
height: 40px;
 
−
;">
 
−
</i>
 
−
                                    </a>
 
−
                                </li>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
                               
 
−
 
−
 
−
 
−
                            </ul>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<img class="&nbsp;bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2018/f/f9/T--Valencia_UPV--footerUPV2018.png" alt="image">
 
−
<img class="&nbsp;bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--footerMovilUPV2018.png" alt="image">
 
−
 
−
              </div>
 
−
            </footer>
 
−
 
−
 
−
        </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>
 
−
 
−
 
−
        <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/parallaxJS?action=raw&ctype=text/javascript"></script>
 
−
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 
−
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 
  
  
  
 
</html>
 
</html>
 +
{{Valencia_UPV/footer}}

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