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

 
(111 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>
+
                                 <!--end of modal-container-->
−
                                        </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
+
−
 
+
−
                          I am Director of the Department of Applied Mathematics. I am professor at the School of Computer Science (Escuela Técnica Superior de Ingeniería Informática – ETSINF) of the Universitat Politècnica de València (UPV), where I have been teaching Algebra, Mathematical Analysis, Discrete Mathematics, and Graph Theory in the degrees of Computer Science and Data Science.
+
−
 
+
−
                            I have also taught the subjects of Discrete Dynamical, Chaos and Fractals and Mathematical Modeling in Industry in the Master program of Mathematical Research, INVESTMAT, jointly offered by UPV and Universitat de València, and the subjects of Soft Skills in the Master in Computer Engineering and Online Reputation And Digital Footprint in the Master of Content and Legal Aspects of the Information Society (CALSI).
+
−
 
+
−
                            </p>
+
−
 
+
−
                            <div>
+
−
                                    <img src="http://via.placeholder.com/800x400" alt="">
+
 
                             </div>
 
                             </div>
−
 
+
                             <!--end of modal instance-->
−
                             <p>
+
−
 
+
−
                            I am member of the Instituto Universitario de Matemática Pura y Aplicada of the UPV. I am also interested in Biomedical Data Analysis, Graph Theory, Network Science, and in the applications of Mathematics to Computational, Systems and Synthetic Biology,  and Communication Networks. I am the author of more than 50 research articles published in international research journals. In addition, I have stayed at the following universities for short periods: in Bowling Green (OH) and Kent (OH) (USA), Lecce (Italy), Prague (Czech Rep.) And Tübingen (Germany).
+
−
 
+
−
                            Before being Director of the Department of Applied Mathematics, I held the position of Director of Academic Performance and Curricular Students Assessment Area of the Vice-rectorate of Students and Culture of the UPV. Previously I held these positions university: Deputy Dean of the ETSINF (formerly Faculty of Informatics) (2004-2009), and Secretary of the Commission of the Strategic Plan of the UPV for the period 2007-2014 (2005-2007).
+
−
 
+
−
                            </p>
+
−
 
+
−
                            </div>
+
−
 
+
−
                            <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