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

 
(90 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-->
 
          <div class="col-md-10" style="
 
    /* justify-content: center; */
 
    /* text-align: center; */
 
    margin: 0 auto;
 
">
 
<nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="background-color: rgb(243, 243, 243); margin: 0px auto; text-align: center;">
 
                <div class="container">
 
                    <div class="row" style="
 
">
 
                        <div class="col-lg-1 col-md-2 hidden-xs" style="position: absolute;padding-left: 32px;display: flex;">
 
                            <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: 39px;width: 168px;">
 
                            <!--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>
 
</div>
 
            <!--end bar-->
 
        </div>
 
        <div class="main-container">
 
            <section style="/* background-color: #353535; *//* background-image: url(&quot;https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg&quot;); *//* background-size: 100%; */height: 35.5em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
              <div class="main-container">
 
              <center>
 
              <div class="col-md-10">
 
<div id="logoPrinteria" class="item" style="/* width: 35%; */h;/* height: 35%; *//* padding: 0em; *//* padding-left: 8em; *//* padding-right: 8em; *//* padding-top: 0em; *//* padding-bottom: 0em; */">
 
   
 
    <img alt="image" src="https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg" style="
 
">
 
   
 
</div>
 
</div>
 
               
 
              </center>
 
              </div>
 
              <div class="all-page-modals"></div>
 
              </section></div>
 
  
  
 +
<!----------------------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-3" style="
+
               
    margin-left: 0em;
+
<div class=" col-lg-6 col-md-6" style="
    padding-right: 0px;
+
float: left !important;
    padding-left: 1em;
+
padding-right: 0px;
">
+
padding-left: 0px;
   
+
position: relative;
    <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px; margin-top: 10em;">
+
float: left;">
                                <h4 style="
+
                    <div class="row" style="
    padding-left: 1em;
+
padding: 5em;
">Index</h4>
+
;
 
+
display: block;
 
+
position: absolute;
<ul class="lateral">
+
height: 100%;
                                    <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
+
/*! background-color: #DCDEDC; */
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
    /* padding-left: 0.5em; */
+
">
+
                                                <a class="lateral" style="
+
    /* color: #ffffff; */
+
    opacity: 1;
+
    list-style-type: circle;
+
">ChatterPlant integrated system to control plant growth process</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
                                    <li class="lateral">
+
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
">
+
                                                <a class="lateral" style="
+
    color: #353535;
+
    opacity: 1;
+
">ChatterPlant integrated system to control plant growth process</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
                                    <li class="lateral">
+
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
">
+
                                                <a class="lateral" style="
+
    color: #353535;
+
    opacity: 1;
+
">ChatterPlant integrated</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
                                    <li class="lateral">
+
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
">
+
                                                <a class="lateral" style="
+
    color: #353535;
+
    opacity: 1;
+
">ChatterPlant integrated</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
                                    <li class="lateral">
+
                                        <div class="tab__title" style="
+
    line-height: 1.3em;
+
">
+
                                                <a class="lateral" style="
+
    color: #353535;
+
    opacity: 1;
+
">ChatterPlant integrated</a>
+
                                        </div>
+
                                       
+
                                    </li>
+
 
+
                                </ul><ul class="tabs-content"></ul>
+
                                           
+
                                           
+
                                        </div>
+
                                           
+
                                           
+
                                        </div>
+
 
+
 
+
                                              <div class="col-md-9" style="
+
    /* margin-left: 0px; */
+
    padding-left: 6em;
+
    padding-right: 4em;
+
">
+
                            <div style="
+
">
+
                              <!--<h1 style="
+
    color: #353535;
+
">Lorem ipsum</h1>-->
+
 
+
<!--<h2 style="
+
    color: #353535;
+
">Lorem ipsum</h2>-->
+
 
+
<h3 style="
+
    color: #353535;
+
    font-weight: 700;
+
    font-size: 40px;
+
    margin-bottom: 0.2em;
+
">Lorem ipsum</h3>
+
 
+
<h4 style="
+
    color: #353535;
+
    font-weight: 700;
+
    font-size: 21px;
+
    margin-bottom: 0.8em;
+
">Lorem ipsum</h4>
+
 
+
<!--<h5 style="
+
    color: #353535;
+
    font-size: 16px;
+
    font-weight: 750;
+
">Lorem ipsum</h5>-->
+
 
+
<!--<h6 style="
+
    color: #797979;
+
">Lorem ipsum</h6>-->
+
 
+
<p style="
+
    line-height: 1.7;
+
    margin-bottom: 0;
+
    color: #353535;">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.
+
 
+
<a href="" style="
+
    color: #3e90c5;
+
    text-decoration: none;
+
">short link here</a></p>
+
 
+
                            <div>
+
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
+
    margin-top: 2.8em;
+
    margin-bottom: 2.8em;
+
    border-radius: 0.3em;
+
 
">
 
">
 +
                        <div class="col-lg-12 col-md-12 mt--12" style="
 +
padding-right: 3em;
 +
display: block;">
 +
                           
 +
                     
 +
                            <div class="modal-instance block">
 +
                               
 +
                               
 +
                               
 +
                                <!--end of modal-container-->
 
                             </div>
 
                             </div>
 
+
                             <!--end of modal instance-->
                             <p style="
+
    line-height: 1.7;
+
">
+
 
+
                            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 style="list-style-position: outside;">
+
                                    <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 class="border--round table--alternate-row tableHec" style="width:100%">
+
                                    <thead><tr>
+
                                    <th class="thHec">Firstname</th>
+
                                    <th class="thHec">Lastname</th>
+
                                    <th class="thHec">Age</th>
+
                                    </tr>
+
                                    <tbody><tr>
+
                                    <td class="tdHec">Jill</td>
+
                                    <td class="tdHec">Smith</td>
+
                                    <td class="tdHec">50</td>
+
                                    </tr>
+
                                    <tr>
+
                                    <td class="tdHec">Eve</td>
+
                                    <td class="tdHec">Jackson</td>
+
                                    <td class="tdHec">94</td>
+
                                    </tr>
+
                                    </tbody></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 style="list-style: none;">
+
                               
+
<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