|
|
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 <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> |
| + | |
| + | |
| + | <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=" | | <a class="lateral" style=" |
− | /* color: #ffffff; */
| + | /* color: #ffffff; */ |
− | opacity: 1;
| + | opacity: 1; |
− | list-style-type: circle;
| + | list-style-type: circle; |
− | ">ChatterPlant integrated system to control plant growth process</a>
| + | ">ChatterPlant integrated system to control plant growth process</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 system to control plant growth process</a>
| + | ">ChatterPlant integrated system to control plant growth process</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> |
− | <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> |
| + | |
| + | </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;
| |
− | ">Lorem ipsum</h3>
| |
− | <h4 style="
| |
− | color: #353535;
| |
− | font-weight: 700;
| |
− | font-size: 21px;
| |
− | margin-bottom: 0.8em;
| |
− | ">vaya</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;">Solo se que no se na
| |
− | </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;
| |
− | ">ESPAÑA</h6>
| |
| </div> | | </div> |
− | </div>
| + | |
− | <p style=" | + | |
− | line-height: 1.7;
| + | </div> |
− | ">
| + | |
− | Madre mía tío loko bro
| + | |
− | </div>
| + | <div class="col-md-9" style=" |
− | <div>
| + | /* margin-left: 0px; */ |
− | <ul style="
| + | padding-left: 6em; |
− | padding-top: 1.2em;
| + | padding-right: 2em; |
− | padding-bottom: 1em;
| + | "> |
− | ">
| + | <div style=" |
− | <li>
| + | "> |
− | <p>Elemento de prueba</p>
| + | <!--<h1 style=" |
− | </li>
| + | color: #353535; |
− | <li>
| + | ">Lorem ipsum</h1>--> |
− | <p>Elemento de prueba</p>
| + | |
− | </li>
| + | <!--<h2 style=" |
− | <li>
| + | color: #353535; |
− | <p>Elemento de prueba</p>
| + | ">Lorem ipsum</h2>--> |
− | </li>
| + | |
− | </ul>
| + | <h3 style=" |
− | </div>
| + | color: #353535; |
− | <div>
| + | font-weight: 700; |
− | <table class="border--round table--alternate-row tableHec" style="width:100%">
| + | font-size: 40px; |
− | <thead><tr>
| + | margin-bottom: 0.2em; |
− | <th class="thHec">Firstname</th>
| + | ">Lorem ipsum</h3> |
− | <th class="thHec">Lastname</th>
| + | |
− | <th class="thHec">Age</th>
| + | <h4 style=" |
− | </tr>
| + | color: #353535; |
| + | font-weight: 700; |
| + | font-size: 21px; |
| + | margin-bottom: 0.8em; |
| + | ">Lorem ipsum</h4> |
| + | |
| + | <!--<h5 style=" |
| + | color: #353535; |
| + | font-size: 16px; |
| + | font-weight: 750; |
| + | ">Lorem ipsum</h5>--> |
| + | |
| + | <!--<h6 style=" |
| + | color: #797979; |
| + | ">Lorem ipsum</h6>--> |
| + | |
| + | <p style=" |
| + | line-height: 1.7; |
| + | margin-bottom: 0; |
| + | color: #353535;">I am Director of the Department of Applied Mathematics. I am professor at the School of Computer Science (Escuela Técnica Superior de Ingeniería Informática – ETSINF) of the Universitat Politècnica de València (UPV), where I have been teaching Algebra, Mathematical Analysis, Discrete Mathematics, and Graph Theory in the degrees of Computer Science and Data Science. |
| + | |
| + | </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; |
| + | ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</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; |
− | ">me ha gustado mucho esto</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>
| + | |
− | </div>
| + | <footer style=" |
− | <!--end of row-->
| + | 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 bar-1 hidden-xs hidden-sm bg--light" style=" |
| + | position: absolute; 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 bar-1 hidden-xs hidden-sm bg--light" style="
| + | |
− | position: absolute; 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 bar-1 hidden-xs hidden-sm bg--light" style=" |
− | </i>
| + | position: absolute; 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 bar-1 hidden-xs hidden-sm bg--light" style="
| + | <i> |
− | position: absolute; 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 bar-1 hidden-md hidden-lg bg--light" style=" | | </div><div class="bar bar--sm bar-1 hidden-md hidden-lg bg--light" style=" |
| position: absolute; align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;"> | | position: absolute; 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=" 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=" 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=" 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=" 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> |