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

Line 17: Line 17:
 
</style>
 
</style>
  
−
    <head>
+
<head>
−
        <meta charset="utf-8">
+
  <meta charset="utf-8">
−
        <title>Stack Multipurpose HTML Template</title>
+
  <title>Stack Multipurpose HTML Template</title>
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
        <meta name="description" content="Site Description Here">
+
  <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/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/icon?family=Material+Icons" rel="stylesheet">
−
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" 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">
+
  <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
 
 +
</head>
  
−
 
+
<body class="" style="background-color:#353535;">
−
 
+
  <a id="start"></a>
−
 
+
  <div class="nav-container" style="margin-bottom: 1.85714286em;">
−
       
+
    <div class="bar bar--sm visible-xs">
−
    </head>
+
      <div class="container">
−
  <body class="" style="background-color:#353535;">
+
        <div class="row">
−
        <a id="start"></a>
+
          <div class="col-3 col-md-2">
−
      <div class="nav-container" style="margin-bottom: 1.85714286em;">
+
            <a href="index.html">
−
            <div class="bar bar--sm visible-xs">
+
              <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png">
−
                <div class="container">
+
            </a>
−
                    <div class="row">
+
          </div>
−
                        <div class="col-3 col-md-2">
+
          <div class="col-9 col-md-10 text-right">
−
                            <a href="index.html">
+
            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
−
                                <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png">
+
              <i class="icon icon--sm stack-interface stack-menu"></i>
−
                            </a>
+
            </a>
−
                        </div>
+
          </div>
−
                        <div class="col-9 col-md-10 text-right">
+
        </div>
−
                            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
+
        <!--end of row-->
−
                                <i class="icon icon--sm stack-interface stack-menu"></i>
+
      </div>
−
                            </a>
+
      <!--end of container-->
−
                        </div>
+
    </div>
−
                    </div>
+
    <!--end bar-->
−
                    <!--end of row-->
+
    <div class="col-md-12" style="
−
                </div>
+
      padding: 0px;
−
                <!--end of container-->
+
      margin: 0 auto;">
 +
      <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
 +
        height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
 +
        <div class="container" style="
 +
          height: 100%;
 +
          padding-top: 10px;
 +
          ;lute;">
 +
          <div class="row" style="
 +
            height: 100%; padding-top: 1.85em;">
 +
            <div class="col-lg-3 col-md-3 hidden-xs" style="
 +
              height: 100%;
 +
              position: absolute;padding-left: 0px;display: flex;">
 +
              <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
 +
              height: 64px; width: 224px; margin-top: 0; !important ">
 +
              <!--end module-->
 
             </div>
 
             </div>
−
             <!--end bar-->
+
             <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
−
<div class="col-md-12" style="
+
              <div class="bar__module" style="
−
padding: 0px;
+
                padding-top: 10px; float: right;">
−
    margin: 0 auto;">
+
                <ul class="menu-horizontal text-right">
−
<nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
+
                  <li class="dropdown dropdown--hover">
−
height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
+
                    <span class="dropdown__trigger navLinks">Team</span>
−
                <div class="container" style="
+
                    <div class="dropdown__container" style="left: -541.625px;">
−
height: 100%;
+
                      <div class="container">
−
padding-top: 10px;
+
                        <div class="row">
−
;lute;">
+
−
                    <div class="row" style="
+
−
height: 100%; padding-top: 1.85em;">
+
−
                        <div class="col-lg-3 col-md-3 hidden-xs" style="
+
−
height: 100%;
+
−
position: absolute;padding-left: 0px;display: flex;">
+
−
                            <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
+
−
height: 64px; width: 224px; margin-top: 0; !important ">
+
−
                            <!--end module-->
+
−
                        </div>
+
−
                        <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
+
−
                            <div class="bar__module" style="
+
−
padding-top: 10px; float: right;">
+
−
                          <ul class="menu-horizontal text-right">
+
−
                                    <li class="dropdown dropdown--hover">
+
−
                                        <span class="dropdown__trigger navLinks">Team</span>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                                        <div class="dropdown__container" style="left: -541.625px;">
+
−
                              <div class="container">
+
−
                            <div class="row">
+
 
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 541.625px;">
 
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 541.625px;">
−
                        <ul class="menu-vertical" style="
+
                            <ul class="menu-vertical" style="
−
color: white;
+
                              color: white;
−
font-size: 16px;;
+
                              font-size: 16px;;
−
padding-bottom: 10px;;
+
                              padding-bottom: 10px;;
−
padding-top: 10px;;
+
                              padding-top: 10px;;
−
list-style-type: none;">
+
                              list-style-type: none;">
−
                        <li>
+
                              <li>
−
                        Team
+
                                Team
−
                        </li>
+
                              </li>
−
<li>Attributions</li>
+
                              <li>Attributions</li>
−
<li>Collaborations</li>
+
                              <li>Collaborations</li>
−
                        </ul>
+
                            </ul>
 
                           </div>
 
                           </div>
−
                          </div>
 
−
                        </div>
 
 
                         </div>
 
                         </div>
−
 
+
                      </div>
−
 
+
                    </div>
−
 
+
                  </li>
−
 
+
                  <li class="dropdown dropdown--hover">
−
                                    </li>
+
                    <span class="dropdown__trigger navLinks">Project</span>
−
                                    <li class="dropdown dropdown--hover">
+
                   
−
                                        <span class="dropdown__trigger navLinks">Project</span>
+
                    <div class="dropdown__container" style="left: -622.21875px;">
−
 
+
                      <div class="container">
−
 
+
                        <div class="row">
−
 
+
−
                                       
+
−
                                        <div class="dropdown__container" style="left: -622.21875px;">
+
−
                              <div class="container">
+
−
                            <div class="row">
+
 
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 622.21875px;">
 
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 622.21875px;">
−
                        <ul class="menu-vertical" style="
+
                            <ul class="menu-vertical" style="
−
color: white;
+
                              color: white;
−
font-size: 16px;;
+
                              font-size: 16px;;
−
padding-bottom: 10px;;
+
                              padding-bottom: 10px;;
−
padding-top: 10px;;
+
                              padding-top: 10px;;
−
list-style-type: none;">
+
                              list-style-type: none;">
−
                        <li>
+
                              <li>
−
  Description
+
                                Description
−
</li>
+
                              </li>
−
<li>
+
                              <li>
−
  Design
+
                                Design
−
</li>
+
                              </li>
−
 
+
                              <li>Applied Design</li>
−
 
+
                              <li>Safety</li>
−
 
+
                            </ul>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<li>Applied Design</li>
+
−
<li>Safety</li>
+
−
 
+
−
                        </ul>
+
 
                           </div>
 
                           </div>
−
                          </div>
+
                        </div>
−
                        </div>
+
                      </div>
−
                        </div><!--end dropdown container-->
+
                      </div><!--end dropdown container-->
−
                                    </li><li class="dropdown dropdown--hover">
+
                    </li><li class="dropdown dropdown--hover">
−
                                        <span class="dropdown__trigger navLinks">Wet Lab</span>
+
                    <span class="dropdown__trigger navLinks">Wet Lab</span>
−
 
+
                   
−
 
+
                    <div class="dropdown__container" style="left: -721.703125px;">
−
 
+
                      <div class="container">
−
                                       
+
                        <div class="row">
−
                                        <div class="dropdown__container" style="left: -721.703125px;">
+
−
                              <div class="container">
+
−
                            <div class="row">
+
 
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 721.703125px;">
 
                           <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 721.703125px;">
−
                        <ul class="menu-vertical" style="
+
                            <ul class="menu-vertical" style="
−
color: white;
+
                              color: white;
−
font-size: 16px;;
+
                              font-size: 16px;;
−
padding-bottom: 10px;;
+
                              padding-bottom: 10px;;
−
padding-top: 10px;;
+
                              padding-top: 10px;;
−
list-style-type: none;">
+
                              list-style-type: none;">
−
                       
+
                             
−
 
+
                              <li>
−
<li>
+
                                Experiments
−
  Experiments
+
                              </li>
−
</li>
+
                              <li>
−
<li>
+
                                Notebook
−
  Notebook
+
                              </li>
−
</li>
+
                              <li>
−
<li>
+
                                Interlab
−
  Interlab
+
                              </li>
−
</li>
+
                              <li>
−
<li>
+
                                Results
−
  Results
+
                              </li>
−
</li>
+
                              <li>
−
<li>
+
                                Demonstrate
−
  Demonstrate
+
                              </li>
−
</li>
+
                              <li>
−
<li>
+
                                Improve
−
  Improve
+
                              </li>
−
</li>
+
                              <li>
−
<li>
+
                                Measurement
−
  Measurement
+
                              </li>
−
</li>
+
                              <li>
−
<li>
+
                                Protocols
−
  Protocols
+
                              </li>
−
</li>
+
                             </ul>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                        </ul>
+
−
                          </div>
+
−
                          </div>
+
−
                        </div>
+
−
                        </div><!--end dropdown container-->
+
−
                                    </li>
+
−
                                   
+
−
 
+
−
<li class="dropdown dropdown--hover">
+
−
                                        <span class="dropdown__trigger navLinks">Drylab</span>
+
−
<div class="dropdown__container" style="left: -826.078125px;">
+
−
                              <div class="container">
+
−
                             <div class="row">
+
−
                          <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 826.078125px;">
+
−
                        <ul class="menu-vertical" style="
+
−
color: white;
+
−
font-size: 16px;;
+
−
padding-bottom: 10px;;
+
−
padding-top: 10px;;
+
−
list-style-type: none;">
+
−
                        <li>Hardware</li>
+
−
<li>Software</li><li>Graphic Design</li>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                        </ul>
+
 
                           </div>
 
                           </div>
 +
                        </div>
 +
                      </div>
 +
                      </div><!--end dropdown container-->
 +
                    </li>
 +
                   
 +
                    <li class="dropdown dropdown--hover">
 +
                      <span class="dropdown__trigger navLinks">Drylab</span>
 +
                      <div class="dropdown__container" style="left: -826.078125px;">
 +
                        <div class="container">
 +
                          <div class="row">
 +
                            <div class="col-md-3 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 826.078125px;">
 +
                              <ul class="menu-vertical" style="
 +
                                color: white;
 +
                                font-size: 16px;;
 +
                                padding-bottom: 10px;;
 +
                                padding-top: 10px;;
 +
                                list-style-type: none;">
 +
                                <li>Hardware</li>
 +
                                <li>Software</li><li>Graphic Design</li>
 +
                              </ul>
 +
                            </div>
 
                           </div>
 
                           </div>
−
                        </div>
 
 
                         </div>
 
                         </div>
−
 
+
                      </div>
−
                                       
+
                     
−
                                        <!--end dropdown container-->
+
                      <!--end dropdown container-->
−
                                    </li><li class="dropdown dropdown--hover">
+
                    </li><li class="dropdown dropdown--hover">
−
                                        <span class="dropdown__trigger navLinks">Modelling</span>
+
                    <span class="dropdown__trigger navLinks">Modelling</span>
−
<div class="dropdown__container" style="left: -921px;">
+
                    <div class="dropdown__container" style="left: -921px;">
−
                              <div class="container">
+
                      <div class="container">
−
                            <div class="row">
+
                        <div class="row">
 
                           <div class="col-md-2 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 921px;">
 
                           <div class="col-md-2 col-lg-2 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 921px;">
−
                        <ul class="menu-vertical" style="
+
                            <ul class="menu-vertical" style="
−
color: white;
+
                              color: white;
−
font-size: 16px;;
+
                              font-size: 16px;;
−
padding-bottom: 10px;;
+
                              padding-bottom: 10px;;
−
padding-top: 10px;;
+
                              padding-top: 10px;;
−
list-style-type: none;">
+
                              list-style-type: none;">
−
                        <li>Modelling</li>
+
                              <li>Modelling</li>
−
<li>Model A</li>
+
                              <li>Model A</li>
−
<li>Model B</li>
+
                              <li>Model B</li>
−
 
+
                              <li>Lo que creas necesario &lt;3</li>
−
<li>Lo que creas necesario &lt;3</li>
+
                            </ul>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                        </ul>
+
−
                          </div>
+
 
                           </div>
 
                           </div>
−
                        </div>
 
 
                         </div>
 
                         </div>
−
 
+
                      </div>
−
                                       
+
                    </div>
−
                                        <!--end dropdown container-->
+
                   
−
                                    </li>
+
                    <!--end dropdown container-->
−
 
+
                  </li>
−
                                    <li class="dropdown dropdown--hover">
+
                  <li class="dropdown dropdown--hover">
−
                                        <span class="dropdown__trigger navLinks">Human</span>
+
                    <span class="dropdown__trigger navLinks">Human</span>
−
<div class="dropdown__container" style="left: -1052px;">
+
                    <div class="dropdown__container" style="left: -1052px;">
−
                              <div class="container">
+
                      <div class="container">
−
                            <div class="row">
+
                        <div class="row">
 
                           <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 855px;">
 
                           <div class="col-md-3 col-lg-3 dropdown__content" style="cursor: pointer; background-color: rgb(53, 53, 53); padding: 0px; left: 855px;">
−
                        <ul class="menu-vertical" style="
+
                            <ul class="menu-vertical" style="
−
color: white;
+
                              color: white;
−
font-size: 16px;;
+
                              font-size: 16px;;
−
padding-bottom: 10px;;
+
                              padding-bottom: 10px;;
−
padding-top: 10px;;
+
                              padding-top: 10px;;
−
list-style-type: none;">
+
                              list-style-type: none;">
−
                        <li>Human Practices</li>
+
                              <li>Human Practices</li>
−
<li>Education</li>
+
                              <li>Education</li>
−
<li>Entrepreneurship</li><li>Public Engagement</li>
+
                              <li>Entrepreneurship</li><li>Public Engagement</li>
−
 
+
                            </ul>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                        </ul>
+
−
                          </div>
+
 
                           </div>
 
                           </div>
−
                        </div>
 
−
                        </div>
 
−
 
−
                                       
 
−
                                        <!--end dropdown container-->
 
−
                                    </li>
 
−
                                   
 
−
                                </ul>
 
−
                            </div>
 
−
                            <!--end module-->
 
 
                         </div>
 
                         </div>
 +
                      </div>
 
                     </div>
 
                     </div>
−
                     <!--end of row-->
+
                   
−
                </div>
+
                     <!--end dropdown container-->
−
                <!--end of container-->
+
                  </li>
−
            </nav>
+
                 
 +
                </ul>
 +
              </div>
 +
              <!--end module-->
 +
            </div>
 +
          </div>
 +
          <!--end of row-->
 +
        </div>
 +
        <!--end of container-->
 +
      </nav>
 +
    </div>
 +
  </div>
 +
  <!--end of row-->
 
</div>
 
</div>
−
                    </div>
+
<!--end of container-->
−
                    <!--end of row-->
+
</nav>
−
                </div>
+
</div>
−
                <!--end of container-->
+
<!--end bar-->
−
            </nav>
+
 
</div>
 
</div>
−
            <!--end bar-->
 
−
        </div>
 
 
<div class="main-container">
 
<div class="main-container">
−
   
+
 
−
            <section style="
+
<section style="
 
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
−
              <div class="main-container" style="
+
<div class="main-container" style="
 
height: 100%;">
 
height: 100%;">
−
              <center style="
+
<center style="
 
height: 100%;">
 
height: 100%;">
−
              <div class="col-md-10" style="
+
<div class="col-md-10" style="
−
height: 100%;margin-top: 4em;">
+
  height: 100%;margin-top: 4em;">
−
<div id="logoPrinteria" class="item" style="
+
  <div id="logoPrinteria" class="item" style="
−
background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
+
    background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
−
height: 100%;
+
    height: 100%;
−
width: 100%;background-attachment: fixed;background-size: cover;">
+
    width: 100%;background-attachment: fixed;background-size: cover;">
 
      
 
      
 
     <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 
     <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
−
<a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
+
      <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
−
            <i class="stack-interface stack-down-open-big"></i>
+
        <i class="stack-interface stack-down-open-big"></i>
−
        </a>
+
      </a>
−
</div>
+
    </div>
 
      
 
      
−
</div>
+
  </div>
 
</div>
 
</div>
−
               
 
−
              </center>
 
−
             
 
−
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 
−
              <div class="all-page-modals"></div>
 
−
              </section></div>
 
  
 +
</center>
  
−
           
+
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
−
 
+
<div class="all-page-modals"></div>
 +
</section></div>
  
 
<section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
 
<section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
−
                <div class="container">
+
<div class="container">
−
                    <div class="row">
+
  <div class="row">
 +
    <div class="col-md-3" style="
 +
      margin-left: 0em;
 +
      padding-right: 0px;
 +
      padding-left: 0.2em;
 +
      ">
 +
     
 +
      <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 +
        <h4 style="
 +
        padding-left: 1em;
 +
        ">Index</h4>
 +
        <ul class="lateral">
 +
          <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              /* padding-left: 0.5em; */
 +
              ">
 +
              <a class="lateral" style="
 +
                /* color: #ffffff; */
 +
                opacity: 1;
 +
                list-style-type: circle;
 +
              ">INTRODUCTION</a>
 +
            </div>
 +
           
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a href="#buho" class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">STRUCTURE</a>
 +
            </div>
 +
           
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">ENTRY OF CONSUMABLES</a>
 +
            </div>
 +
           
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">REACTION ZONE</a>
 +
            </div>
 +
           
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">MEASUREMENT ZONE</a>
 +
            </div>
 +
           
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">DISINFECTION AND STERILITY</a>
 +
            </div>
 +
           
 +
          </li>
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">SIMULTANEOUS EXPERIMENTS</a>
 +
            </div>
 +
           
 +
          </li>
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">RESULTS</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: 2em;
 +
      ">
 +
      <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;
 +
        ">HARDWARE</h3>
 +
        <h4 style="
 +
        color: #353535;
 +
        font-weight: 700;
 +
        font-size: 21px;
 +
        margin-bottom: 0.8em;
 +
        ">INTRODUCTION</h4>
  
 +
        <p style="
 +
          line-height: 1.7;
 +
          margin-bottom: 0;
 +
          color: #353535;">To address the lack of accessibility to synthetic biology due to the high costs and the level of knowledge required among others, our team has designed Printeria, a fully-equipped bioengineering device capable of automating the process of printing genetic circuits in bacteria.
 +
        </p>
  
−
<div class="col-md-3" style="
+
        <p> To ensure a functional, economical and easy-to-use design, collaboration between the hardware and the wet lab teams has been necessary throughout the development process. After several drafts we have achieved a unique design that can be easily transported and replicated at a cost not exceeding xxx € (xxx $). [and whose cost does not exceed xxx €]</p>
−
    margin-left: 0em;
+
−
    padding-right: 0px;
+
−
    padding-left: 0.2em;
+
−
">
+
−
   
+
−
    <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
+
−
                                <h4 style="
+
−
    padding-left: 1em;
+
−
">Index</h4>
+
  
 +
        <p> Printeria is divided into three main parts dependent on each other:</p>
  
−
<ul class="lateral">
+
        <div>
−
                                    <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
+
        <ul style="
−
                                        <div class="tab__title" style="
+
          padding-top: 1.2em;
−
    line-height: 1.3em;
+
          padding-bottom: 1em;
−
    /* padding-left: 0.5em; */
+
          ">
−
">
+
          <li>
−
                                                <a class="lateral" style="
+
            <p> <u>Entry of consumables</u>: components that allow the entry of consumables into the reaction zone.</p>
−
    /* color: #ffffff; */
+
          </li>
−
    opacity: 1;
+
          <li>
−
    list-style-type: circle;
+
            <p> <u>Reaction zone</u>: space where the process of printing genetic circuits in bacteria occurs thanks to digital microfluidic technology.</p>
−
">INTRODUCTION</a>
+
          </li>
−
                                        </div>
+
          <li>
−
                                       
+
            <p> <u>Measurement zone</u>: the bacteria are kept in conditions that allow for growth and expression while OD and fluorescence measurements are taken</p>
−
                                    </li>
+
          </li>
−
                                    <li class="lateral">
+
        </ul>
−
                                        <div class="tab__title" style="
+
      </div>
−
    line-height: 1.3em;
+
<div>
−
">
+
<table class="border--round table--alternate-row tableHec" style="width:100%">
−
                                                <a href="#buho" class="lateral" style="
+
          <thead><tr>
−
    color: #353535;
+
            <th class="thHec">Part</th>
−
    opacity: 1;
+
            <th class="thHec">Quantity</th>
−
">DESIGN</a>
+
            <th class="thHec">Cost per unit</th>
−
                                        </div>
+
            <th class="thHec">Cost</th>
−
                                       
+
          </tr>
−
                                    </li>
+
        </thead><tbody><tr>
−
                                    <li class="lateral">
+
        <td class="tdHec">Structure</td>
−
                                        <div class="tab__title" style="
+
        <td class="tdHec">----</td>
−
    line-height: 1.3em;
+
        <td class="tdHec">----</td>
−
">
+
        <td class="tdHec">----</td>
−
                                                <a class="lateral" style="
+
      </tr>
−
    color: #353535;
+
      <tr>
−
    opacity: 1;
+
        <td class="tdHec">Entry system</td>
−
">ChatterPlant integrated</a>
+
        <td class="tdHec">----</td>
−
                                        </div>
+
        <td class="tdHec">----</td>
−
                                       
+
        <td class="tdHec">----</td>
−
                                    </li>
+
      </tr>
−
                                    <li class="lateral">
+
      <tr>
−
                                        <div class="tab__title" style="
+
        <td class="tdHec">Reaction zone</td>
−
    line-height: 1.3em;
+
        <td class="tdHec">----</td>
−
">
+
        <td class="tdHec">----</td>
−
                                                <a class="lateral" style="
+
        <td class="tdHec">----</td>
−
    color: #353535;
+
      </tr>
−
    opacity: 1;
+
      <tr>
−
">ChatterPlant integrated</a>
+
        <td class="tdHec">Measurement zone</td>
−
                                        </div>
+
        <td class="tdHec">----</td>
−
                                       
+
        <td class="tdHec">----</td>
−
                                    </li>
+
        <td class="tdHec">----</td>
−
                                    <li class="lateral">
+
      </tr>
−
                                        <div class="tab__title" style="
+
      <tr>
−
    line-height: 1.3em;
+
        <td class="tdHec" style="opacity: 0;"></td>
−
">
+
        <td class="tdHec" style="opacity: 0;"></td>
−
                                                <a class="lateral" style="
+
        <td class="tdHec" style="background-color: #909090;">Total</td>
−
    color: #353535;
+
        <td class="tdHec">----</td>
−
    opacity: 1;
+
      </tr>
−
">ChatterPlant integrated</a>
+
    </tbody></table>
−
                                        </div>
+
  </div>
−
                                       
+
        <h5 style="
−
                                    </li>
+
        color: #353535;
 +
        font-weight: 700;
 +
        font-size: 21px;
 +
        margin-bottom: 0.8em;
 +
        ">Prueba</h5>
 +
        <!--<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.
 +
        </p>
 +
        <p> 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.</p>
 +
        <div style="
 +
          padding-bottom: 1em;
 +
          text-align: right;
 +
          ">
 +
          <img src="https://static.igem.org/mediawiki/2018/thumb/3/3d/T--Valencia_UPV--pruebafotoUPV2018.png/723px-T--Valencia_UPV--pruebafotoUPV2018.png" alt="" style="
 +
          margin-top: 2.8em;
 +
          margin-bottom: 0.8em;
 +
          border-radius: 0.3em;
 +
          ">
 +
          <div style="
 +
            width: 100%;
 +
            padding-left: 19em;
 +
            padding-right: 1em;
 +
            "><h6>Printeria's image</h6>
 +
          </div>
 +
        </div>
 +
        <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 <b>Bowling Green (OH)</b> and <b>Kent (OH) (USA)</b>, <b>Lecce (Italy)</b>, <b>Prague (Czech Rep.)</b> and <b>Tübingen (Germany)</b>.
 +
          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>
  
−
                                </ul><ul class="tabs-content"></ul>
+
      </div>
−
                                           
+
−
                                           
+
−
                                        </div>
+
−
                                           
+
−
                                           
+
−
                                        </div>
+
  
−
 
+
      <div>
−
                                              <div class="col-md-9" style="
+
        <ul style="
−
    /* margin-left: 0px; */
+
          padding-top: 1.2em;
−
    padding-left: 6em;
+
          padding-bottom: 1em;
−
    padding-right: 2em;
+
          ">
−
">
+
          <li>
−
                            <div style="
+
            <p>Hiperactividad</p>
−
">
+
          </li>
−
                              <!--<h1 style="
+
          <li>
−
    color: #353535;
+
            <p>Creatividad</p>
−
">Lorem ipsum</h1>-->
+
          </li>
−
 
+
          <li>
−
<!--<h2 style="
+
            <p>Despistado</p>
−
    color: #353535;
+
          </li>
−
">Lorem ipsum</h2>-->
+
          <li>
−
 
+
            <p>Pesado</p>
−
<h3 style="
+
          </li>
−
    color: #353535;
+
        </ul>
−
    font-weight: 700;
+
      </div>
−
    font-size: 40px;
+
      <div>
−
    margin-bottom: 0.2em;
+
        <table class="border--round table--alternate-row tableHec" style="width:100%">
−
">HARDWARE</h3>
+
          <thead><tr>
−
 
+
            <th class="thHec">Edad</th>
−
<h4 style="
+
            <th class="thHec">Color pelo</th>
−
    color: #353535;
+
            <th class="thHec">Color camiseta</th>
−
    font-weight: 700;
+
            <th class="thHec">pantalón</th>
−
    font-size: 21px;
+
          </tr>
−
    margin-bottom: 0.8em;
+
        </thead><tbody><tr>
−
">Introduction</h4>
+
        <td class="tdHec">20</td>
−
<h5 style="
+
        <td class="tdHec">moreno</td>
−
    color: #353535;
+
        <td class="tdHec">amarillo</td>
−
    font-weight: 700;
+
        <td class="tdHec">azul</td>
−
    font-size: 21px;
+
      </tr>
−
    margin-bottom: 0.8em;
+
      <tr>
−
">Prueba</h5>
+
        <td class="tdHec">22</td>
−
 
+
        <td class="tdHec">Rubio</td>
−
<!--<h5 style="
+
        <td class="tdHec">Negro</td>
−
    color: #353535;
+
        <td class="tdHec">Negro</td>
−
    font-size: 16px;
+
      </tr>
−
    font-weight: 750;
+
      <tr>
−
">Lorem ipsum</h5>-->
+
        <td class="tdHec">25</td>
−
 
+
        <td class="tdHec">Pelirrojo</td>
−
<!--<h6 style="
+
        <td class="tdHec">Rojo</td>
−
    color: #797979;
+
        <td class="tdHec">Negro</td>
−
">Lorem ipsum</h6>-->
+
      </tr>
−
 
+
    </tbody></table>
−
<p style="
+
  </div>
−
    line-height: 1.7;
+
  <div id="buho" style="
−
    margin-bottom: 0;
+
−
    color: #353535;">I am Director of the Department of Applied Mathematics.
+
−
 
+
−
</p>
+
−
<p> 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.</p>
+
−
 
+
−
                            <div style="
+
−
    padding-bottom: 1em;
+
−
    text-align: right;
+
−
">
+
−
                                    <img src="https://static.igem.org/mediawiki/2018/thumb/3/3d/T--Valencia_UPV--pruebafotoUPV2018.png/723px-T--Valencia_UPV--pruebafotoUPV2018.png" alt="" style="
+
−
    margin-top: 2.8em;
+
−
    margin-bottom: 0.8em;
+
−
    border-radius: 0.3em;
+
−
">
+
−
<div style="
+
−
    width: 100%;
+
−
    padding-left: 19em;
+
−
    padding-right: 1em;
+
−
"><h6 style="
+
−
    color: #797979;
+
−
    font-weight: 300;
+
−
    /* font-size: 16px; */
+
−
    text-align: right;
+
−
    line-height: 1.7;
+
−
">Printeria's image</h6>
+
−
</div>
+
−
                            </div>
+
−
 
+
−
                            <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 <b>Bowling Green (OH)</b> and <b>Kent (OH) (USA)</b>, <b>Lecce (Italy)</b>, <b>Prague (Czech Rep.)</b> and <b>Tübingen (Germany)</b>.
+
−
 
+
−
                            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="
+
−
    padding-top: 1.2em;
+
−
    padding-bottom: 1em;
+
−
">
+
−
                                    <li>
+
−
                                        <p>Hiperactividad</p>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <p>Creatividad</p>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                        <p>Despistado</p>
+
−
                                    </li>
+
−
                                    <li>
+
−
                                      <p>Pesado</p>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </div>
+
−
 
+
−
                            <div>
+
−
                                <table class="border--round table--alternate-row tableHec" style="width:100%">
+
−
                                    <thead><tr>
+
−
                                    <th class="thHec">Edad</th>
+
−
                                    <th class="thHec">Color pelo</th>  
+
−
                                    <th class="thHec">Color camiseta</th>
+
−
                                    <th class="thHec">pantalón</th>
+
−
                                    </tr>
+
−
                                    </thead><tbody><tr>
+
−
                                    <td class="tdHec">20</td>
+
−
                                    <td class="tdHec">moreno</td>  
+
−
                                    <td class="tdHec">amarillo</td>
+
−
                                    <td class="tdHec">azul</td>
+
−
                                    </tr>
+
−
                                    <tr>
+
−
                                    <td class="tdHec">22</td>
+
−
                                    <td class="tdHec">Rubio</td>  
+
−
                                    <td class="tdHec">Negro</td>
+
−
                                    <td class="tdHec">Negro</td>
+
−
                                    </tr>
+
−
                                    <tr>
+
−
                                    <td class="tdHec">25</td>
+
−
                                    <td class="tdHec">Pelirrojo</td>  
+
−
                                    <td class="tdHec">Rojo</td>
+
−
                                    <td class="tdHec">Negro</td>
+
−
                                    </tr>
+
−
                                    </tbody></table>
+
−
                            </div>
+
−
 
+
−
<div id="buho" style="
+
 
     padding-bottom: 0.8em;
 
     padding-bottom: 0.8em;
 
     text-align: right;
 
     text-align: right;
−
">
+
    ">
 
     <div class="row" style="
 
     <div class="row" style="
−
    margin: 0;
+
      margin: 0;
−
">
+
      ">
−
    <div class="col-md-6" style="
+
      <div class="col-md-6" style="
−
    padding: 0;
+
        padding: 0;
−
    padding-right: 0.3em;
+
        padding-right: 0.3em;
−
">
+
        ">
−
                                    <img src="https://quecome.org/wp-content/uploads/2017/06/que-come-buho.jpg" alt="" style="
+
        <img src="https://quecome.org/wp-content/uploads/2017/06/que-come-buho.jpg" alt="" style="
−
    margin-top: 1.8em;
+
        margin-top: 1.8em;
−
    margin-bottom: 0.8em;
+
        margin-bottom: 0.8em;
−
    border-radius: 0.3em;
+
        border-radius: 0.3em;
−
">
+
        ">
 +
      </div>
 +
      <div class="col-md-6" style="
 +
        padding: 0;
 +
        padding-left: 0.3em;
 +
        ">
 +
        <img src="https://quecome.org/wp-content/uploads/2017/06/que-come-buho.jpg" alt="" style="
 +
        margin-top: 1.8em;
 +
        margin-bottom: 0.8em;
 +
        border-radius: 0.3em;
 +
        ">
 +
      </div>
 +
      <div style="
 +
        width: 100%;
 +
        padding-left: 19em;
 +
        padding-right: 1em;
 +
        "><h6 style="
 +
        color: #797979;
 +
        font-weight: 300;
 +
        /* font-size: 16px; */
 +
        text-align: right;
 +
        line-height: 1.7;
 +
        ">El buho en todo su esplendor</h6>
 +
      </div>
 
     </div>
 
     </div>
−
    <div class="col-md-6" style="
+
  </div>
−
    padding: 0;
+
 
−
    padding-left: 0.3em;
+
</div>
−
">
+
−
                                    <img src="https://quecome.org/wp-content/uploads/2017/06/que-come-buho.jpg" alt="" style="
+
−
    margin-top: 1.8em;
+
−
    margin-bottom: 0.8em;
+
−
    border-radius: 0.3em;
+
−
">
+
−
    </div>
+
−
<div style="
+
−
    width: 100%;
+
−
    padding-left: 19em;
+
−
    padding-right: 1em;
+
−
"><h6 style="
+
−
    color: #797979;
+
−
    font-weight: 300;
+
−
    /* font-size: 16px; */
+
−
    text-align: right;
+
−
    line-height: 1.7;
+
−
">El buho en todo su esplendor</h6>
+
 
</div>
 
</div>
−
    </div>
 
−
                            </div>
 
−
   
 
  
−
                        </div>
+
</div>
−
                            </div>
+
  
  
−
                           
+
</section>
−
                        </div>
+
</div>
−
                       
+
<!--end of row-->
−
                       
+
</div>
 +
<!--end of container-->
 +
</section>
  
  
−
 
−
 
−
                    </section>
 
−
 
−
 
−
 
−
                    </div>
 
−
                    <!--end of row-->
 
−
                </div>
 
−
                <!--end of container-->
 
−
            </section>
 
−
 
−
           
 
−
         
 
 
<footer style="
 
<footer style="
 
background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
 
background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
−
             
 
−
 
  
 
<div id="logoPrinteria" class="item" style="
 
<div id="logoPrinteria" class="item" style="
 
position: relative;text-align: center;lign: center;height: 50vh;">
 
position: relative;text-align: center;lign: center;height: 50vh;">
−
 
+
<div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm bg--light" style="
−
                  <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm bg--light" style="
+
 
position: absolute;&nbsp;align-items: right;margin-top: 12%;; width: 100%;padding-left: 10%;">
 
position: absolute;&nbsp;align-items: right;margin-top: 12%;; width: 100%;padding-left: 10%;">
−
 
 
<p style="
 
<p style="
 
color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
 
color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
−
                               
 
−
 
−
 
  
 
<li style="
 
<li style="
 
float: left;margin-left: 480px; left;">
 
float: left;margin-left: 480px; left;">
−
 
+
<a style="
−
                                    <a style="
+
 
color: white;float: left;;">
 
color: white;float: left;;">
 
</a><div style="
 
</a><div style="
 
float: left;"><div style="
 
float: left;"><div style="
 
color: white;float: left;display: block;">
 
color: white;float: left;display: block;">
−
                                        <i><img style="
+
<i><img style="
 
height: 40px;float: left; display= flex" src="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--mailUPV2018.png">
 
height: 40px;float: left; display= flex" src="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--mailUPV2018.png">
 
</i>
 
</i>
−
 
+
<p style="
−
                                    <p style="
+
 
margin-left: 60px;margin-top: 11px;;
 
margin-left: 60px;margin-top: 11px;;
 
;">igem.upv.2018@gmail.com</p></div>
 
;">igem.upv.2018@gmail.com</p></div>
 
</div>
 
</div>
−
                               
+
 
 
</li>
 
</li>
  
−
 
+
</ul>
−
 
+
−
 
+
−
 
+
−
                               
+
−
 
+
−
 
+
−
 
+
−
                            </ul>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</div>
 
</div>
−
 
−
 
 
<div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
 
<div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
 
position: absolute;&nbsp;align-items: right;margin-top: 12%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 
position: absolute;&nbsp;align-items: right;margin-top: 12%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 +
<p style="
 +
color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">
  
−
<p style="
 
−
color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">
 
−
                               
 
 
<li style="
 
<li style="
 
float: left; margin-right: 40px;">
 
float: left; margin-right: 40px;">
−
 
+
<a href="https://twitter.com/upvigem?lang=es" style="
−
                                    <a href="https://twitter.com/upvigem?lang=es" style="
+
 
color: white;;">
 
color: white;;">
−
                                        <i>
+
<i>
−
 
+
 
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
height: 40px; ;" ;"=""></i>
 
height: 40px; ;" ;"=""></i>
 +
</a>
  
−
                                    </a>
 
−
                               
 
 
</li><li style="
 
</li><li style="
 
float: left; margin-right: 40px;">
 
float: left; margin-right: 40px;">
−
 
+
<a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
−
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
+
<i>
−
                                        <i>
+
 
<img style="
 
<img style="
 
height: 40px;
 
height: 40px;
−
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">  
+
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 
</i>
 
</i>
−
                                    </a>
+
</a>
−
                                </li><li style="
+
</li><li style="
 
float: left;margin-right: 40px;">
 
float: left;margin-right: 40px;">
−
 
+
<a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
−
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
+
<i>
−
                                        <i>
+
 
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
height: 40px;
 
height: 40px;
 
;">
 
;">
 
</i>
 
</i>
−
                                    </a>
+
</a>
−
                               
+
 
 
</li><li style="
 
</li><li style="
 
float: left;margin-right: 40px; left;">
 
float: left;margin-right: 40px; left;">
−
 
+
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
−
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
+
<i>
−
                                        <i>
+
 
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
height: 40px;
 
height: 40px;
 
;">
 
;">
 
</i>
 
</i>
−
                                    </a>
+
</a>
−
                                </li>
+
</li>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                               
+
−
 
+
−
 
+
−
 
+
−
                            </ul>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 +
</ul>
 
</div><div class="bar bar--sm&nbsp;bar-1 hidden-md hidden-lg &nbsp;bg--light" style="
 
</div><div class="bar bar--sm&nbsp;bar-1 hidden-md hidden-lg &nbsp;bg--light" style="
 
position: absolute;&nbsp;align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
 
position: absolute;&nbsp;align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
−
 
 
<p style="
 
<p style="
−
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>  
+
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>
−
                               
+
 
 
<li style="
 
<li style="
 
float: left; /* margin-right: 40px; */">
 
float: left; /* margin-right: 40px; */">
−
 
+
<a href="https://twitter.com/upvigem?lang=es" style="
−
                                    <a href="https://twitter.com/upvigem?lang=es" style="
+
 
color: white;;">
 
color: white;;">
−
                                        <i>
+
<i>
−
 
+
 
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
height: 40px; ;" ;"=""></i>
 
height: 40px; ;" ;"=""></i>
 +
</a>
  
−
                                    </a>
 
−
                               
 
 
</li><li style="
 
</li><li style="
 
float: left; /* margin-right: 40px; */">
 
float: left; /* margin-right: 40px; */">
−
 
+
<a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
−
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
+
<i>
−
                                        <i>
+
 
<img style="
 
<img style="
 
height: 40px;
 
height: 40px;
−
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">  
+
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 
</i>
 
</i>
−
                                    </a>
+
</a>
−
                                </li><li style="
+
</li><li style="
 
float: left;/* margin-right: 40px; */margin-top: 2;margin-top: 20;margin-top: 20p;/* margin-top: 20px; */">
 
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;;">
−
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
+
<i>
−
                                        <i>
+
 
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
height: 40px;
 
height: 40px;
 
;">
 
;">
 
</i>
 
</i>
−
                                    </a>
+
</a>
−
                               
+
 
 
</li><li style="
 
</li><li style="
 
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
 
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
−
 
+
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
−
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
+
<i>
−
                                        <i>
+
 
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
height: 40px;
 
height: 40px;
 
;">
 
;">
 
</i>
 
</i>
−
                                    </a>
+
</a>
−
                                </li>
+
</li>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
                               
+
−
 
+
−
 
+
−
 
+
−
                            </ul>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 +
</ul>
 
</div>
 
</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-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">
 
<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>
−
              </div>
+
</footer>
−
            </footer>
+
</div>
−
 
+
<!--<div class="loader"></div>-->
−
 
+
<a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
−
        </div>
+
<i class="stack-interface stack-up-open-big"></i>
−
        <!--<div class="loader"></div>-->
+
</a>
−
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
+
</body>
−
            <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/scriptsJS?action=raw&ctype=text/javascript"></script>

Revision as of 08:40, 4 September 2018

Stack Multipurpose HTML Template

Index

    HARDWARE

    INTRODUCTION

    To address the lack of accessibility to synthetic biology due to the high costs and the level of knowledge required among others, our team has designed Printeria, a fully-equipped bioengineering device capable of automating the process of printing genetic circuits in bacteria.

    To ensure a functional, economical and easy-to-use design, collaboration between the hardware and the wet lab teams has been necessary throughout the development process. After several drafts we have achieved a unique design that can be easily transported and replicated at a cost not exceeding xxx € (xxx $). [and whose cost does not exceed xxx €]

    Printeria is divided into three main parts dependent on each other:

    • Entry of consumables: components that allow the entry of consumables into the reaction zone.

    • Reaction zone: space where the process of printing genetic circuits in bacteria occurs thanks to digital microfluidic technology.

    • Measurement zone: the bacteria are kept in conditions that allow for growth and expression while OD and fluorescence measurements are taken

    Part Quantity Cost per unit Cost
    Structure ---- ---- ----
    Entry system ---- ---- ----
    Reaction zone ---- ---- ----
    Measurement zone ---- ---- ----
    Total ----
    Prueba

    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.

    Printeria's image

    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).

    • Hiperactividad

    • Creatividad

    • Despistado

    • Pesado

    Edad Color pelo Color camiseta pantalón
    20 moreno amarillo azul
    22 Rubio Negro Negro
    25 Pelirrojo Rojo Negro
    El buho en todo su esplendor