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

Line 8: Line 8:
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
  
 +
<html>
 +
<style>
  
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
 +
</style>
  
<html>
 
    <style>
 
    #home_logo, #sideMenu { display:none; }
 
    #sideMenu, #top_title, .patrollink  {display:none;}
 
    #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
 
    </style>
 
 
     <head>
 
     <head>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
Line 26: Line 26:
 
         <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>
 
     </head>
    <body class="" style="background-color:#353535;">
+
  <body class="" style="background-color:#353535;">
 
         <a id="start"></a>
 
         <a id="start"></a>
        <div class="nav-container" style="margin-bottom: 1.85714286em;">
+
      <div class="nav-container" style="margin-bottom: 1.85714286em;">
 
             <div class="bar bar--sm visible-xs">
 
             <div class="bar bar--sm visible-xs">
 
                 <div class="container">
 
                 <div class="container">
Line 50: Line 54:
 
             </div>
 
             </div>
 
             <!--end bar-->
 
             <!--end bar-->
            <div class="col-md-12" style="padding: 0px;margin: 0 auto;">
+
<div class="col-md-12" style="
                <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
+
padding: 0px;
                    height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
+
    margin: 0 auto;">
                    <div class="container" style="
+
<nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
                        height: 100%;
+
height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
                        padding-top: 10px;
+
                <div class="container" style="
                        ;lute;">
+
height: 100%;
                        <div class="row" style="
+
padding-top: 10px;
                            height: 100%; padding-top: 1.85em;">
+
;lute;">
                            <div class="col-lg-3 col-md-3 hidden-xs" style="
+
                    <div class="row" style="
                                height: 100%;
+
height: 100%; padding-top: 1.85em;">
                                position: absolute;padding-left: 0px;display: flex;">
+
                        <div class="col-lg-3 col-md-3 hidden-xs" style="
                                <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
+
height: 100%;
                                height: 64px; width: 224px; margin-top: 0; !important ">
+
position: absolute;padding-left: 0px;display: flex;">
                                <!--end module-->
+
                            <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
                            </div>
+
height: 64px; width: 224px; margin-top: 0; !important ">
                            <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
+
                            <!--end module-->
                                <div class="bar__module" style="
+
                        </div>
                                    padding-top: 10px; float: right;">
+
                        <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
                                    <ul class="menu-horizontal text-right">
+
                            <div class="bar__module" style="
                                        <li class="dropdown dropdown--hover">
+
padding-top: 10px; float: right;">
                                            <span class="dropdown__trigger navLinks">Team</span>
+
                          <ul class="menu-horizontal text-right">
                                            <!--
+
                                    <li class="dropdown dropdown--hover">
                                            <div class="dropdown__container">
+
                                        <span class="dropdown__trigger navLinks">Team</span>
                                                <div class="container">
+
 
                                                    <div class="row">
+
 
                                                        <div class="col-md-3 col-lg-2 dropdown__content">
+
 
                                                            <ul class="menu-vertical">
+
 
                                                                <li>
+
                                        <div class="dropdown__container" style="left: -541.625px;">
                                                                    Team
+
                              <div class="container">
                                                                </li>
+
                            <div class="row">
                                                            </ul>
+
                          <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>
+
                        <ul class="menu-vertical" style="
                                                    </div>
+
color: white;
                                                </div>
+
font-size: 16px;;
                                            </div>
+
padding-bottom: 10px;;
                                            -->
+
padding-top: 10px;;
                                        </li>
+
list-style-type: none;">
                                        <li class="dropdown">
+
                        <li>
                                            <span class="dropdown__trigger navLinks">Project</span>
+
                        Team
                                           
+
                        </li>
                                            <!--end dropdown container-->
+
<li>Attributions</li>
                                        </li>
+
<li>Collaborations</li>
                                        <li class="dropdown">
+
                        </ul>
                                            <span class="dropdown__trigger navLinks">Wet Lab</span>
+
                          </div>
                                           
+
                          </div>
                                            <!--end dropdown container-->
+
                        </div>
                                        </li>
+
                        </div>
                                        <li class="dropdown">
+
 
                                            <span class="dropdown__trigger navLinks">Dry Lab</span>
+
 
                                           
+
 
                                            <!--end dropdown container-->
+
 
                                        </li>
+
                                    </li>
                                        <li class="dropdown">
+
                                    <li class="dropdown dropdown--hover">
                                            <span class="dropdown__trigger navLinks">Human Practices</span>
+
                                        <span class="dropdown__trigger navLinks">Project</span>
                                           
+
 
                                            <!--end dropdown container-->
+
 
                                        </li>
+
 
                                     </ul>
+
                                       
                                </div>
+
                                        <div class="dropdown__container" style="left: -622.21875px;">
                                <!--end module-->
+
                              <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;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>
 +
  Description
 +
</li>
 +
<li>
 +
  Design
 +
</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<li>Applied Design</li>
 +
<li>Safety</li>
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div><!--end dropdown container-->
 +
                                    </li><li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Wet Lab</span>
 +
 
 +
 
 +
 
 +
                                       
 +
                                        <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;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                       
 +
 
 +
<li>
 +
  Experiments
 +
</li>
 +
<li>
 +
  Notebook
 +
</li>
 +
<li>
 +
  Interlab
 +
</li>
 +
<li>
 +
  Results
 +
</li>
 +
<li>
 +
  Demonstrate
 +
</li>
 +
<li>
 +
  Improve
 +
</li>
 +
<li>
 +
  Measurement
 +
</li>
 +
<li>
 +
  Protocols
 +
</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </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>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li><li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Modelling</span>
 +
<div class="dropdown__container" style="left: -921px;">
 +
                              <div class="container">
 +
                            <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;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Modelling</li>
 +
<li>Model A</li>
 +
<li>Model B</li>
 +
 
 +
<li>Lo que creas necesario &lt;3</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
 
 +
                                     <li class="dropdown dropdown--hover">
 +
                                        <span class="dropdown__trigger navLinks">Human</span>
 +
<div class="dropdown__container" style="left: -1052px;">
 +
                              <div class="container">
 +
                            <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;">
 +
                        <ul class="menu-vertical" style="
 +
color: white;
 +
font-size: 16px;;
 +
padding-bottom: 10px;;
 +
padding-top: 10px;;
 +
list-style-type: none;">
 +
                        <li>Human Practices</li>
 +
<li>Education</li>
 +
<li>Entrepreneurship</li><li>Public Engagement</li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                        </ul>
 +
                          </div>
 +
                          </div>
 +
                        </div>
 +
                        </div>
 +
 
 +
                                       
 +
                                        <!--end dropdown container-->
 +
                                    </li>
 +
                                   
 +
                                </ul>
 
                             </div>
 
                             </div>
 +
                            <!--end module-->
 
                         </div>
 
                         </div>
                        <!--end of row-->
 
 
                     </div>
 
                     </div>
                     <!--end of container-->
+
                     <!--end of row-->
                 </nav>
+
                 </div>
             </div>
+
                <!--end of container-->
 +
            </nav>
 +
</div>
 +
                    </div>
 +
                    <!--end of row-->
 +
                </div>
 +
                <!--end of container-->
 +
             </nav>
 +
</div>
 
             <!--end bar-->
 
             <!--end bar-->
 
         </div>
 
         </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>
+
              </center>
                   
+
             
                    </div><div class="all-page-modals"></div><div class="all-page-modals"></div>
+
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
                    <div class="all-page-modals"></div>
+
              <div class="all-page-modals"></div>
                </section></div>
+
              </section></div>
               
+
 
                <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="row">
+
 
                            <div class="col-md-3" style="
+
 
                                margin-left: 0em;
+
<section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1">
                                padding-right: 0px;
+
                <div class="container">
                                padding-left: 0.2em;
+
                    <div class="row">
                                ">
+
 
                               
+
 
                                <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
+
<div class="col-md-3" style="
                                    <h4 style="
+
    margin-left: 0em;
                                    padding-left: 1em;
+
    padding-right: 0px;
                                    ">Index</h4>
+
    padding-left: 0.2em;
                                    <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="
+
    <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
                                                line-height: 1.3em;
+
                                <h4 style="
                                                /* padding-left: 0.5em; */
+
    padding-left: 1em;
                                                ">
+
">Index</h4>
                                                <a href="#class="lateral" style="
+
 
                                                    /* color: #ffffff; */
+
 
                                                    opacity: 1;
+
<ul class="lateral">
                                                    list-style-type: circle;
+
                                    <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
                                                ">INTRODUCTION</a>
+
                                        <div class="tab__title" style="
                                            </div>
+
    line-height: 1.3em;
                                           
+
    /* padding-left: 0.5em; */
                                        </li>
+
">
                                        <li class="lateral">
+
                                            <div class="tab__title" style="
+
                                                line-height: 1.3em;
+
                                                ">
+
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    color: #353535;
+
    /* color: #ffffff; */
                                                    opacity: 1;
+
    opacity: 1;
                                                ">DESIGN</a>
+
    list-style-type: circle;
                                            </div>
+
">INTRODUCTION</a>
                                           
+
                                        </div>
                                         </li>
+
                                          
                                        <li class="lateral">
+
                                    </li>
                                            <div class="tab__title" style="
+
                                    <li class="lateral">
                                                line-height: 1.3em;
+
                                        <div class="tab__title" style="
                                                ">
+
    line-height: 1.3em;
 +
">
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    color: #353535;
+
    color: #353535;
                                                    opacity: 1;
+
    opacity: 1;
                                                ">ChatterPlant integrated</a>
+
">DESIGN</a>
                                            </div>
+
                                        </div>
                                           
+
                                          
                                         </li>
+
                                    </li>
                                        <li class="lateral">
+
                                    <li class="lateral">
                                            <div class="tab__title" style="
+
                                        <div class="tab__title" style="
                                                line-height: 1.3em;
+
    line-height: 1.3em;
                                                ">
+
">
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    color: #353535;
+
    color: #353535;
                                                    opacity: 1;
+
    opacity: 1;
                                                ">ChatterPlant integrated</a>
+
">ChatterPlant integrated</a>
                                            </div>
+
                                        </div>
                                           
+
                                          
                                         </li>
+
                                    </li>
                                        <li class="lateral">
+
                                    <li class="lateral">
                                            <div class="tab__title" style="
+
                                        <div class="tab__title" style="
                                                line-height: 1.3em;
+
    line-height: 1.3em;
                                                ">
+
">
 
                                                 <a class="lateral" style="
 
                                                 <a class="lateral" style="
                                                    color: #353535;
+
    color: #353535;
                                                    opacity: 1;
+
    opacity: 1;
                                                 ">ChatterPlant integrated</a>
+
">ChatterPlant integrated</a>
                                            </div>
+
                                        </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>
 +
                                           
 
                                              
 
                                              
                                        </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>
 
                                    <!--<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.
 
                                    </p>
 
                                    <div style="
 
                                        padding-bottom: 1em;
 
                                        text-align: right;
 
                                        ">
 
                                        <img src="http://via.placeholder.com/800x400" 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;
 
                                            ">Logo Printeria</h6>
 
 
                                         </div>
 
                                         </div>
                                    </div>
+
                                           
                                     <p style="
+
                                           
                                        line-height: 1.7;
+
                                        </div>
                                        ">
+
 
                                        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).
+
                                              <div class="col-md-9" style="
                                    </p>
+
    /* margin-left: 0px; */
                                </div>
+
    padding-left: 6em;
                                <div>
+
    padding-right: 2em;
                                    <ul style="
+
">
                                        padding-top: 1.2em;
+
                            <div style="
                                        padding-bottom: 1em;
+
">
                                        ">
+
                              <!--<h1 style="
                                        <li>
+
    color: #353535;
                                            <p>Elemento de prueba</p>
+
">Lorem ipsum</h1>-->
                                        </li>
+
 
                                        <li>
+
<!--<h2 style="
                                            <p>Elemento de prueba</p>
+
    color: #353535;
                                        </li>
+
">Lorem ipsum</h2>-->
                                        <li>
+
 
                                            <p>Elemento de prueba</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">Firstname</th>
+
<h4 style="
                                            <th class="thHec">Lastname</th>
+
    color: #353535;
                                            <th class="thHec">Age</th>
+
    font-weight: 700;
                                        </tr>
+
    font-size: 21px;
 +
    margin-bottom: 0.8em;
 +
">Introduction</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.
 +
 
 +
</p>
 +
 
 +
                            <div style="
 +
    padding-bottom: 1em;
 +
    text-align: right;
 +
">
 +
                                     <img src="http://via.placeholder.com/800x400" 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 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="
 +
    padding-top: 1.2em;
 +
    padding-bottom: 1em;
 +
">
 +
                                    <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>
 
                                     </thead><tbody><tr>
 
                                     </thead><tbody><tr>
 
                                     <td class="tdHec">Jill</td>
 
                                     <td class="tdHec">Jill</td>
                                     <td class="tdHec">Smith</td>
+
                                     <td class="tdHec">Smith</td>  
 
                                     <td class="tdHec">50</td>
 
                                     <td class="tdHec">50</td>
                                </tr>
+
                                    </tr>
                                <tr>
+
                                    <tr>
 
                                     <td class="tdHec">Eve</td>
 
                                     <td class="tdHec">Eve</td>
                                     <td class="tdHec">Jackson</td>
+
                                     <td class="tdHec">Jackson</td>  
 
                                     <td class="tdHec">94</td>
 
                                     <td class="tdHec">94</td>
                                </tr>
+
                                    </tr>
                            </tbody></table>
+
                                    </tbody></table>
                        </div>
+
                            </div>
                        <div style="
+
 
                            padding-bottom: 0.8em;
+
<div style="
                            text-align: right;
+
    padding-bottom: 0.8em;
                            ">
+
    text-align: right;
                            <div class="row" style="
+
">
                                margin: 0;
+
    <div class="row" style="
                                ">
+
    margin: 0;
                                <div class="col-md-6" style="
+
">
                                    padding: 0;
+
    <div class="col-md-6" style="
                                    padding-right: 0.3em;
+
    padding: 0;
                                    ">
+
    padding-right: 0.3em;
 +
">
 
                                     <img src="http://via.placeholder.com/800x400" alt="" style="
 
                                     <img src="http://via.placeholder.com/800x400" 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>
                                <div class="col-md-6" style="
+
    <div class="col-md-6" style="
                                    padding: 0;
+
    padding: 0;
                                    padding-left: 0.3em;
+
    padding-left: 0.3em;
                                    ">
+
">
 
                                     <img src="http://via.placeholder.com/800x400" alt="" style="
 
                                     <img src="http://via.placeholder.com/800x400" 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>
                                <div style="
+
<div style="
                                    width: 100%;
+
    width: 100%;
                                    padding-left: 19em;
+
    padding-left: 19em;
                                    padding-right: 1em;
+
    padding-right: 1em;
                                    "><h6 style="
+
"><h6 style="
                                    color: #797979;
+
    color: #797979;
                                    font-weight: 300;
+
    font-weight: 300;
                                    /* font-size: 16px; */
+
    /* font-size: 16px; */
                                    text-align: right;
+
    text-align: right;
                                    line-height: 1.7;
+
    line-height: 1.7;
                                    ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut velit luctus, hendrerit mi eget, ornare turpis. Nulla placerat elementum ligula, non congue ligula.</h6>
+
">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut velit luctus, hendrerit mi eget, ornare turpis. Nulla placerat elementum ligula, non congue ligula.</h6>
                                </div>
+
</div>
 +
    </div>
 
                             </div>
 
                             </div>
 +
   
 +
 +
                        </div>
 +
                            </div>
 +
 +
 +
                           
 
                         </div>
 
                         </div>
 
                          
 
                          
 +
                       
 +
 +
 +
 +
 +
                    </section>
 +
 +
 +
 
                     </div>
 
                     </div>
 +
                    <!--end of row-->
 
                 </div>
 
                 </div>
                  
+
                 <!--end of container-->
             </div>
+
             </section>
 +
 
 
              
 
              
           
+
         
        </section>
+
<footer style="
    </div>
+
background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
    <!--end of row-->
+
             
 +
 
 +
 
 +
<div id="logoPrinteria" class="item" style="
 +
position: relative;text-align: center;lign: center;height: 50vh;">
 +
 
 +
                  <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%;">
 +
 
 +
<p style="
 +
color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
 +
                               
 +
 
 +
 
 +
 
 +
<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>
<!--end of container-->
+
                               
</section>
+
</li>
  
  
<footer style="
+
 
    background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
+
 
    <div id="logoPrinteria" class="item" style="
+
 
        position: relative;text-align: center;lign: center;height: 50vh;">
+
                               
        <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm bg--light" style="
+
 
            position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 100%;padding-left: 10%;">
+
 
            <p style="
+
 
            color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
+
                            </ul>
           
+
 
            <li style="
+
 
                float: left;margin-left: 480px; left;">
+
 
                <a style="
+
 
                    color: white;float: left;;">
+
 
                </a><div style="
+
 
                float: left;"><div style="
+
</div>
                    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">
+
<div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
                    </i>
+
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="
+
 
                        margin-left: 60px;margin-top: 11px;;
+
<p style="
                    ;">igem.upv.2018@gmail.com</p></div>
+
color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">  
                </div>
+
                               
               
+
<li style="
            </li>
+
float: left; margin-right: 40px;">
           
+
 
        </ul>
+
                                    <a href="https://twitter.com/upvigem?lang=es" style="
    </div>
+
color: white;;">
    <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
+
                                        <i>
        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="
+
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
        color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">
+
height: 40px; ;" ;"=""></i>
       
+
 
        <li style="
+
                                    </a>
            float: left; margin-right: 40px;">
+
                               
            <a href="https://twitter.com/upvigem?lang=es" style="
+
</li><li style="
                color: white;;">
+
float: left; margin-right: 40px;">
                <i>
+
 
                <img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
+
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
                height: 40px; ;" ;"=""></i>
+
                                        <i>
            </a>
+
<img style="
           
+
height: 40px;
        </li><li style="
+
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">  
        float: left; margin-right: 40px;">
+
</i>
        <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
+
                                    </a>
            <i>
+
                                </li><li style="
            <img style="
+
float: left;margin-right: 40px;">
            height: 40px;
+
 
            ;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
+
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
            </i>
+
                                        <i>
        </a>
+
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
    </li><li style="
+
height: 40px;
    float: left;margin-right: 40px;">
+
;">
    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
+
</i>
        <i>
+
                                    </a>
        <img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
+
                               
        height: 40px;
+
        ;">
+
        </i>
+
    </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;;">
+
 
    <i>
+
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
+
                                        <i>
    height: 40px;
+
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
    ;">
+
height: 40px;
    </i>
+
;">
</a>
+
</i>
</li>
+
                                    </a>
</ul>
+
                                </li>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                               
 +
 
 +
 
 +
 
 +
                            </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;;">
+
 
<i>
+
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 +
                                        <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;;">
+
 
<i>
+
                                    <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="
 
<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;;">
+
 
<i>
+
                                    <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="
 
<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>
+
 
</footer>
+
              </div>
</div>
+
            </footer>
<!--<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>
+
        </div>
</a>
+
        <!--<div class="loader"></div>-->
</body>
+
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
+
            <i class="stack-interface stack-up-open-big"></i>
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
+
        </a>
<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>
+
    </body>
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?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>
 +
        <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>

Revision as of 17:03, 29 August 2018

Stack Multipurpose HTML Template

HARDWARE

Introduction

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

  • Elemento de prueba

  • Elemento de prueba

  • Elemento de prueba

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut velit luctus, hendrerit mi eget, ornare turpis. Nulla placerat elementum ligula, non congue ligula.