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

Line 7: Line 7:
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
  
 
<html>
 
<html>
Line 17: Line 18:
 
</style>
 
</style>
  
    <head>
+
<head>
        <meta charset="utf-8">
+
  <meta charset="utf-8">
        <title>Stack Multipurpose HTML Template</title>
+
  <title>Stack Multipurpose HTML Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Site Description Here">
+
  <meta name="description" content="Site Description Here">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
        <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
  <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
 
 +
</head>
  
 +
<body class="" style="background-color:#353535;">
 +
  <a id="start"></a>
  
 +
  <!--end of row-->
 +
</div>
 +
<!--end of container-->
 +
</nav>
 +
</div>
 +
<!--end bar-->
 +
</div>
 +
<div class="main-container">
  
  
       
+
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
    </head>
+
  <body class="" style="background-color:#353535;">
+
        <a id="start"></a>
+
      <div class="nav-container">
+
            <div class="bar bar--sm visible-xs">
+
                <div class="container">
+
                    <div class="row">
+
                        <div class="col-3 col-md-2">
+
                            <a href="index.html">
+
                                <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png">
+
                            </a>
+
                        </div>
+
                        <div class="col-9 col-md-10 text-right">
+
                            <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
+
                                <i class="icon icon--sm stack-interface stack-menu"></i>
+
                            </a>
+
                        </div>
+
                    </div>
+
                    <!--end of row-->
+
                </div>
+
                <!--end of container-->
+
            </div>
+
            <!--end bar-->
+
          <div class="col-md-10" style="
+
    /* justify-content: center; */
+
    /* text-align: center; */
+
    margin: 0 auto;
+
">
+
<nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="background-color: rgb(243, 243, 243); margin: 0px auto; text-align: center;">
+
                <div class="container">
+
                    <div class="row" style="
+
">
+
                        <div class="col-lg-1 col-md-2 hidden-xs" style="position: absolute;padding-left: 32px;display: flex;">
+
                            <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" style="/* margin-top: 8px; */height: 39px;width: 168px;">
+
                            <!--end module-->
+
                        </div>
+
                        <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
+
                            <div class="bar__module" style=" float: right;">
+
                          <ul class="menu-horizontal text-right">
+
                                    <li class="dropdown dropdown--hover">
+
                                        <span class="dropdown__trigger ">Team</span>
+
  
  
<!--
+
<section style="
 
+
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
                                        <div class="dropdown__container">
+
<div class="main-container" style="
                              <div class="container">
+
height: 100%;">
                            <div class="row">
+
<center style="
                          <div class="col-md-3 col-lg-2 dropdown__content">
+
height: 100%;">
                        <ul class="menu-vertical">
+
<div class="col-md-10" style="
                        <li>
+
  height: 100%;margin-top: 4em;">
                        Team
+
  <div id="logoPrinteria" class="item" style="
                        </li>
+
    background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
                        </ul>
+
    height: 100%;
                          </div>
+
    width: 100%;background-attachment: fixed;background-size: cover;">
                          </div>
+
                        </div>
+
                        </div>
+
 
+
-->
+
 
+
 
+
                                    </li>
+
                                    <li class="dropdown">
+
                                        <span class="dropdown__trigger">Project</span>
+
 
+
                                       
+
                                        <!--end dropdown container-->
+
                                    </li>
+
                                    <li class="dropdown">
+
                                        <span class="dropdown__trigger">Wet Lab</span>
+
                                       
+
                                        <!--end dropdown container-->
+
                                    </li>
+
                                    <li class="dropdown">
+
                                        <span class="dropdown__trigger">Dry Lab</span>
+
                                       
+
                                        <!--end dropdown container-->
+
                                    </li>
+
                                    <li class="dropdown">
+
                                        <span class="dropdown__trigger">Human Practices</span>
+
                                       
+
                                        <!--end dropdown container-->
+
                                    </li>
+
                                </ul>
+
                            </div>
+
                            <!--end module-->
+
                        </div>
+
                    </div>
+
                    <!--end of row-->
+
                </div>
+
                <!--end of container-->
+
            </nav>
+
</div>
+
            <!--end bar-->
+
        </div>
+
        <div class="main-container">
+
            <section style="/* background-color: #353535; *//* background-image: url(&quot;https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg&quot;); *//* background-size: 100%; */height: 35.5em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
              <div class="main-container">
+
              <center>
+
              <div class="col-md-10" style=" margin-top: 4em;">
+
<div id="logoPrinteria" class="item" style="/* width: 35%; */h;/* height: 35%; *//* padding: 0em; *//* padding-left: 8em; *//* padding-right: 8em; *//* padding-top: 0em; *//* padding-bottom: 0em; */">
+
 
      
 
      
     <img alt="image" src="https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg" style="
+
     <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>
 
</div>
 
</div>
               
 
              </center>
 
              </div>
 
              <div class="all-page-modals"></div>
 
              </section></div>
 
  
 +
</center>
  
 +
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 +
<div class="all-page-modals"></div>
 +
</section></div>
  
           
 
  
<section id="story"class="feature-large" style="padding-top: 6em; padding-bottom:50px">
+
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
                <div class="container">
+
                    <div class="row">
+
  
  
<div class="col-md-3" style="
+
<section id="" class="feature-large" style="
    margin-left: 0em;
+
padding-top: 55px;padding-bottom: 50px; outline: none;" tabindex="-1">
    padding-right: 0px;
+
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
    padding-left: 1em;
+
  <div style="margin-top: 50px; outline: none;" class="row" tabindex="-1">
">
+
     <div class="col-md-3" style="
   
+
      margin-left: 0em;
    <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px; margin-top: 10em;">
+
      padding-right: 0px;
                                <h4 style="
+
      padding-left: 0.2em;
    padding-left: 1em;
+
      ">
">Index</h4>
+
     
 
+
      <!------------ÍNDICE LATERAL------------------>
 
+
<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: 4em;
+
">
+
                            <div style="
+
">
+
                              <!--<h1 style="
+
    color: #353535;
+
">Lorem ipsum</h1>-->
+
 
+
<!--<h2 style="
+
    color: #353535;
+
">Lorem ipsum</h2>-->
+
 
+
<h3 style="
+
    color: #353535;
+
    font-weight: 700;
+
    font-size: 40px;
+
    margin-bottom: 0.2em;
+
">Lorem ipsum</h3>
+
 
+
<h4 style="
+
    color: #353535;
+
    font-weight: 700;
+
    font-size: 21px;
+
    margin-bottom: 0.8em;
+
">Lorem ipsum</h4>
+
 
+
<!--<h5 style="
+
    color: #353535;
+
    font-size: 16px;
+
    font-weight: 750;
+
">Lorem ipsum</h5>-->
+
 
+
<!--<h6 style="
+
    color: #797979;
+
">Lorem ipsum</h6>-->
+
 
+
<p style="
+
    line-height: 1.7;
+
    margin-bottom: 0;
+
    color: #353535;">I am Director of the Department of Applied Mathematics. I am professor at the School of Computer Science (Escuela Técnica Superior de Ingeniería Informática – ETSINF) of the Universitat Politècnica de València (UPV), where I have been teaching Algebra, Mathematical Analysis, Discrete Mathematics, and Graph Theory in the degrees of Computer Science and Data Science.
+
 
+
<a href="" style="
+
    color: #3e90c5;
+
    text-decoration: none;
+
">short link here</a></p>
+
 
+
                            <div>
+
                                    <img src="http://via.placeholder.com/800x400" alt="" style="
+
    margin-top: 2.8em;
+
    margin-bottom: 2.8em;
+
    border-radius: 0.3em;
+
">
+
                            </div>
+
 
+
                            <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>
+
                                    <li>
+
                                        <p>Elemento de prueba</p>
+
                                    </li>
+
                                    <li>
+
                                        <p>Elemento de prueba</p>
+
                                    </li>
+
                                    <li>
+
                                        <p>Elemento de prueba</p>
+
                                    </li>
+
                                </ul>
+
                            </div>
+
 
+
                            <div>
+
                                <table class="border--round table--alternate-row tableHec" style="width:100%">
+
                                    <thead><tr>
+
                                    <th class="thHec">Firstname</th>
+
                                    <th class="thHec">Lastname</th>
+
                                    <th class="thHec">Age</th>
+
                                    </tr>
+
                                    <tbody><tr>
+
                                    <td class="tdHec">Jill</td>
+
                                    <td class="tdHec">Smith</td>
+
                                    <td class="tdHec">50</td>
+
                                    </tr>
+
                                    <tr>
+
                                    <td class="tdHec">Eve</td>
+
                                    <td class="tdHec">Jackson</td>
+
                                    <td class="tdHec">94</td>
+
                                    </tr>
+
                                    </tbody></table>
+
                            </div>
+
 
+
                        </div>
+
                            </div>
+
 
+
 
+
                           
+
                        </div>
+
                       
+
                       
+
 
+
 
+
 
+
 
+
                    </div>
+
                    <!--end of row-->
+
                </div>
+
                <!--end of container-->
+
            </section>
+
  
 +
      <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;
 +
              ">Harvard</a>
 +
            </div>
 
              
 
              
 +
          </li>
 +
          <li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a href="#buho" class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">Universitat Politècnica de València</a>
 +
            </div>
 +
           
 +
          </li><li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a href="#buho" class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">Universitat Politècnica de València</a>
 +
            </div>
 +
           
 +
          </li><li class="lateral">
 +
            <div class="tab__title" style="
 +
              line-height: 1.3em;
 +
              ">
 +
              <a href="#buho" class="lateral" style="
 +
                color: #353535;
 +
                opacity: 1;
 +
              ">Universitat Politècnica de València</a>
 +
            </div>
 +
           
 +
          </li>
 +
         
 +
         
 +
         
 
            
 
            
<footer style="
+
         
background-color:#353535;" class="footer-3 text-center-xs space--xxs ">
+
         
             
+
         
 +
         
 +
        </ul><ul class="tabs-content"></ul>
 +
       
 +
       
 +
      </div>
 +
    </div>
  
  
<div id="logoPrinteria" class="item" style="
+
<!--------------------------------------------TEXTO------------------------------------------------>
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="
+
    <div style="padding-left: 6em; padding-right: 2em; outline: none;" class="col-md-9 hashlink" id="" tabindex="-1" data-scroll-id="story">
color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul>
+
      <div>
                               
+
       
 +
       
  
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet metus orci. Donec porta ipsum ut leo tristique, mattis imperdiet sapien lobortis. Quisque venenatis neque tincidunt convallis luctus. Aliquam pulvinar arcu et libero condimentum tristique. Aliquam nec pretium purus, a consequat risus. Donec dictum vitae nisl vel gravida. Morbi eu metus nisi. Mauris libero elit, porttitor efficitur lectus eu, placerat vehicula sapien. Phasellus at pharetra ex. Cras sodales non felis vitae cursus. Mauris aliquam molestie viverra. Sed ut dapibus lacus.        </p>
 +
<div class="row hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
 +
<div class="col-md-3"><a href="#harvard"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"></a>
 +
<h4 style="
 +
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
 +
<div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
 +
<h4 style="
 +
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
 +
<div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
 +
<h4 style="
 +
text-align: center;">Universitat Politècnica de València</h4><p></p> </div><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
 +
<h4 style="
 +
text-align: center;">Universitat Politècnica de València</h4><p></p> </div>
  
 +
 +
</div>
 +
<div style="
 +
margin-top: 50px;" id="harvard" class="hashlink"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 +
padding-top: 15px;
 +
margin-top: 0px;">
 +
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
  
<li style="
+
<div style="
float: left;margin-left: 480px; left;">
+
text-align: center;"><a class="btn btn--primary-1" href="#" style="
 
+
border: none;
                                    <a style="
+
;
color: white;float: left;;">
+
background: #3b83c9;">
</a><div style="
+
                                <span class="btn__text">PDF</span>
float: left;"><div style="
+
                            </a></div></div></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">
+
</i>
+
  
                                    <p style="
+
margin-left: 60px;margin-top: 11px;;
+
;">igem.upv.2018@gmail.com</p></div>
+
 
</div>
 
</div>
                               
+
<div style="
</li>
+
margin-top: 50px;"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 
+
padding-top: 15px;
 
+
margin-top: 0px;">
 
+
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
 
+
 
+
                               
+
 
+
 
+
 
+
                            </ul>
+
  
 +
<div style="
 +
text-align: center;"><a class="btn btn--primary-1" href="#" style="
 +
border: none;
 +
;
 +
background: #3b83c9;">
 +
                                <span class="btn__text">PDF</span>
 +
                            </a></div></div></div>
  
 +
 +
</div>
 +
<div style="
 +
margin-top: 50px;"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 +
padding-top: 15px;
 +
margin-top: 0px;">
 +
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
  
 +
<div style="
 +
text-align: center;"><a class="btn btn--primary-1" href="#" style="
 +
border: none;
 +
;
 +
background: #3b83c9;">
 +
                                <span class="btn__text">PDF</span>
 +
                            </a></div></div></div>
  
 +
 +
</div>
 +
<div style="
 +
margin-top: 50px;"><div class="row"><div class="col-md-3"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 +
padding-top: 15px;
 +
margin-top: 0px;">
 +
<p></p> </div><div class="col-md-9"><h3>Harvard</h3><h4>Team Project</h4><p>Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius.&nbsp;</p><h4>Collaboration</h4><p> Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum.&nbsp;Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.&nbsp;</p>
  
 +
<div style="
 +
text-align: center;"><a class="btn btn--primary-1" href="#" style="
 +
border: none;
 +
;
 +
background: #3b83c9;">
 +
                                <span class="btn__text">PDF</span>
 +
                            </a></div></div></div>
  
 +
 
</div>
 
</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>
+
  
 +
        </div>
 +
       
  
 +
       
  
 +
       
  
 +
       
  
 +
       
  
  
  
                               
+
  </div>
 
+
</div>
 
+
 
+
                            </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></section>
  
 
</div>
 
</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>
 
+
 
+
<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/scriptsJS?action=raw&ctype=text/javascript"></script>
Line 582: Line 300:
  
 
</html>
 
</html>
 +
{{Valencia_UPV/footer}}

Revision as of 10:16, 17 September 2018

Stack Multipurpose HTML Template