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

(Created page with "{{Valencia_UPV/bootstrap.css}} {{Valencia_UPV/custom.css}} {{Valencia_UPV/flickity.css}} {{Valencia_UPV/iconsmind.css}} {{Valencia_UPV/jquery.steps.css}} {{Valencia_UPV/lightb...")
 
(Blanked the page)
 
(108 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Valencia_UPV/bootstrap.css}}
 
{{Valencia_UPV/custom.css}}
 
{{Valencia_UPV/flickity.css}}
 
{{Valencia_UPV/iconsmind.css}}
 
{{Valencia_UPV/jquery.steps.css}}
 
{{Valencia_UPV/lightbox.min.css}}
 
{{Valencia_UPV/stackinterface.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>
 
    <head>
 
        <meta charset="utf-8">
 
        <title>Stack Multipurpose HTML Template</title>
 
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
        <meta name="description" content="Site Description Here">
 
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
       
 
    </head>
 
    <body class="" style="background-color:#353535;">
 
        <a id="start"></a>
 
        <div class="nav-container" style="margin-bottom: 1.85714286em;">
 
            <div class="bar bar--sm visible-xs">
 
                <div class="container">
 
                    <div class="row">
 
                        <div class="col-3 col-md-2">
 
                            <a href="index.html">
 
                                <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png">
 
                            </a>
 
                        </div>
 
                        <div class="col-9 col-md-10 text-right">
 
                            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
 
                                <i class="icon icon--sm stack-interface stack-menu"></i>
 
                            </a>
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                </div>
 
                <!--end of container-->
 
            </div>
 
            <!--end bar-->
 
            <div class="col-md-12" style="padding: 0px;margin: 0 auto;">
 
                <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
 
                    height: 120px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
 
                    <div class="container" style="
 
                        height: 100%;
 
                        padding-top: 10px;
 
                        ;lute;">
 
                        <div class="row" style="
 
                            height: 100%; padding-top: 1.85em;">
 
                            <div class="col-lg-3 col-md-3 hidden-xs" style="
 
                                height: 100%;
 
                                position: absolute;padding-left: 0px;display: flex;">
 
                                <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
 
                                height: 64px; width: 224px; margin-top: 0; !important ">
 
                                <!--end module-->
 
                            </div>
 
                            <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
 
                                <div class="bar__module" style="
 
                                    padding-top: 10px; float: right;">
 
                                    <ul class="menu-horizontal text-right">
 
                                        <li class="dropdown dropdown--hover">
 
                                            <span class="dropdown__trigger navLinks">Team</span>
 
                                            <!--
 
                                            <div class="dropdown__container">
 
                                                <div class="container">
 
                                                    <div class="row">
 
                                                        <div class="col-md-3 col-lg-2 dropdown__content">
 
                                                            <ul class="menu-vertical">
 
                                                                <li>
 
                                                                    Team
 
                                                                </li>
 
                                                            </ul>
 
                                                        </div>
 
                                                    </div>
 
                                                </div>
 
                                            </div>
 
                                            -->
 
                                        </li>
 
                                        <li class="dropdown">
 
                                            <span class="dropdown__trigger navLinks">Project</span>
 
                                           
 
                                            <!--end dropdown container-->
 
                                        </li>
 
                                        <li class="dropdown">
 
                                            <span class="dropdown__trigger navLinks">Wet Lab</span>
 
                                           
 
                                            <!--end dropdown container-->
 
                                        </li>
 
                                        <li class="dropdown">
 
                                            <span class="dropdown__trigger navLinks">Dry Lab</span>
 
                                           
 
                                            <!--end dropdown container-->
 
                                        </li>
 
                                        <li class="dropdown">
 
                                            <span class="dropdown__trigger navLinks">Human Practices</span>
 
                                           
 
                                            <!--end dropdown container-->
 
                                        </li>
 
                                    </ul>
 
                                </div>
 
                                <!--end module-->
 
                            </div>
 
                        </div>
 
                        <!--end of row-->
 
                    </div>
 
                    <!--end of container-->
 
                </nav>
 
            </div>
 
            <!--end bar-->
 
        </div>
 
        <div class="main-container">
 
           
 
            <section style="
 
                ; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
                <div class="main-container" style="
 
                    height: 100%;">
 
                    <center style="
 
                    height: 100%;">
 
                    <div class="col-md-10" style="
 
                        height: 100%;margin-top: 4em;">
 
                        <div id="logoPrinteria" class="item" style="
 
                            background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
 
                            height: 100%;
 
                            width: 100%;background-attachment: fixed;background-size: cover;">
 
                           
 
                            <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;">
 
                                    <i class="stack-interface stack-down-open-big"></i>
 
                                </a>
 
                            </div>
 
                           
 
                        </div>
 
                    </div>
 
                   
 
                    </center>
 
                   
 
                    </div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 
                    <div class="all-page-modals"></div>
 
                </section></div>
 
               
 
                <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;
 
                                padding-right: 0px;
 
                                padding-left: 0.2em;
 
                                ">
 
                               
 
                                <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
 
                                    <h4 style="
 
                                    padding-left: 1em;
 
                                    ">Index</h4>
 
                                    <ul class="lateral">
 
                                        <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
 
                                            <div class="tab__title" style="
 
                                                line-height: 1.3em;
 
                                                /* padding-left: 0.5em; */
 
                                                ">
 
                                                <a class="lateral" style="
 
                                                    /* color: #ffffff; */
 
                                                    opacity: 1;
 
                                                    list-style-type: circle;
 
                                                ">ChatterPlant integrated system to control plant growth process</a>
 
                                            </div>
 
                                           
 
                                        </li>
 
                                        <li class="lateral">
 
                                            <div class="tab__title" style="
 
                                                line-height: 1.3em;
 
                                                ">
 
                                                <a class="lateral" style="
 
                                                    color: #353535;
 
                                                    opacity: 1;
 
                                                ">ChatterPlant integrated system to control plant growth process</a>
 
                                            </div>
 
                                           
 
                                        </li>
 
                                        <li class="lateral">
 
                                            <div class="tab__title" style="
 
                                                line-height: 1.3em;
 
                                                ">
 
                                                <a class="lateral" style="
 
                                                    color: #353535;
 
                                                    opacity: 1;
 
                                                ">ChatterPlant integrated</a>
 
                                            </div>
 
                                           
 
                                        </li>
 
                                        <li class="lateral">
 
                                            <div class="tab__title" style="
 
                                                line-height: 1.3em;
 
                                                ">
 
                                                <a class="lateral" style="
 
                                                    color: #353535;
 
                                                    opacity: 1;
 
                                                ">ChatterPlant integrated</a>
 
                                            </div>
 
                                           
 
                                        </li>
 
                                        <li class="lateral">
 
                                            <div class="tab__title" style="
 
                                                line-height: 1.3em;
 
                                                ">
 
                                                <a class="lateral" style="
 
                                                    color: #353535;
 
                                                    opacity: 1;
 
                                                ">ChatterPlant integrated</a>
 
                                            </div>
 
                                           
 
                                        </li>
 
                                    </ul><ul class="tabs-content"></ul>
 
                                   
 
                                   
 
                                </div>
 
                               
 
                               
 
                            </div>
 
                            <div class="col-md-9" style="
 
                                /* margin-left: 0px; */
 
                                padding-left: 6em;
 
                                padding-right: 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;
 
                                    ">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>
 
                                    <td class="tdHec">Jill</td>
 
                                    <td class="tdHec">Smith</td>
 
                                    <td class="tdHec">50</td>
 
                                </tr>
 
                                <tr>
 
                                    <td class="tdHec">Eve</td>
 
                                    <td class="tdHec">Jackson</td>
 
                                    <td class="tdHec">94</td>
 
                                </tr>
 
                            </tbody></table>
 
                        </div>
 
                        <div style="
 
                            padding-bottom: 0.8em;
 
                            text-align: right;
 
                            ">
 
                            <div class="row" style="
 
                                margin: 0;
 
                                ">
 
                                <div class="col-md-6" style="
 
                                    padding: 0;
 
                                    padding-right: 0.3em;
 
                                    ">
 
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
 
                                    margin-top: 1.8em;
 
                                    margin-bottom: 0.8em;
 
                                    border-radius: 0.3em;
 
                                    ">
 
                                </div>
 
                                <div class="col-md-6" style="
 
                                    padding: 0;
 
                                    padding-left: 0.3em;
 
                                    ">
 
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
 
                                    margin-top: 1.8em;
 
                                    margin-bottom: 0.8em;
 
                                    border-radius: 0.3em;
 
                                    ">
 
                                </div>
 
                                <div style="
 
                                    width: 100%;
 
                                    padding-left: 19em;
 
                                    padding-right: 1em;
 
                                    "><h6 style="
 
                                    color: #797979;
 
                                    font-weight: 300;
 
                                    /* font-size: 16px; */
 
                                    text-align: right;
 
                                    line-height: 1.7;
 
                                    ">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>
 
           
 
           
 
        </section>
 
    </div>
 
    <!--end of row-->
 
</div>
 
<!--end of container-->
 
</section>
 
 
 
<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>
 
           
 
            <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>
 
               
 
            </li>
 
           
 
        </ul>
 
    </div>
 
    <div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
 
        position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 
        <p style="
 
        color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">
 
       
 
        <li style="
 
            float: left; margin-right: 40px;">
 
            <a href="https://twitter.com/upvigem?lang=es" style="
 
                color: white;;">
 
                <i>
 
                <img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
                height: 40px; ;" ;"=""></i>
 
            </a>
 
           
 
        </li><li style="
 
        float: left; margin-right: 40px;">
 
        <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 
            <i>
 
            <img style="
 
            height: 40px;
 
            ;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 
            </i>
 
        </a>
 
    </li><li style="
 
    float: left;margin-right: 40px;">
 
    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
 
        <i>
 
        <img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
        height: 40px;
 
        ;">
 
        </i>
 
    </a>
 
</li><li style="
 
float: left;margin-right: 40px; left;">
 
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
 
    <i>
 
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
    height: 40px;
 
    ;">
 
    </i>
 
</a>
 
</li>
 
</ul>
 
</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;">
 
<p style="
 
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>
 
<li style="
 
float: left; /* margin-right: 40px; */">
 
<a href="https://twitter.com/upvigem?lang=es" style="
 
color: white;;">
 
<i>
 
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 
height: 40px; ;" ;"=""></i>
 
</a>
 
</li><li style="
 
float: left; /* margin-right: 40px; */">
 
<a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 
<i>
 
<img style="
 
height: 40px;
 
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 
</i>
 
</a>
 
</li><li style="
 
float: left;/* margin-right: 40px; */margin-top: 2;margin-top: 20;margin-top: 20p;/* margin-top: 20px; */">
 
<a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
 
<i>
 
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 
height: 40px;
 
;">
 
</i>
 
</a>
 
</li><li style="
 
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
 
<a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
 
<i>
 
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
height: 40px;
 
;">
 
</i>
 
</a>
 
</li>
 
</ul>
 
</div>
 
<img class="&nbsp;bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2018/f/f9/T--Valencia_UPV--footerUPV2018.png" alt="image">
 
<img class="&nbsp;bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--footerMovilUPV2018.png" alt="image">
 
</div>
 
</footer>
 
</div>
 
<!--<div class="loader"></div>-->
 
<a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 
<i class="stack-interface stack-up-open-big"></i>
 
</a>
 
</body>
 
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 
</html>
 

Latest revision as of 10:23, 6 October 2018