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

Line 1: Line 1:
{{Valencia_UPV/bootstrap.css}}
+
<!DOCTYPE html>
{{Valencia_UPV/custom.css}}
+
<html lang="en">
{{Valencia_UPV/flickity.css}}
+
<head>
{{Valencia_UPV/iconsmind.css}}
+
  <title>Bootstrap Example</title>
{{Valencia_UPV/jquery.steps.css}}
+
  <meta charset="utf-8">
{{Valencia_UPV/lightbox.min.css}}
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
{{Valencia_UPV/stackinterface.css}}
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
{{Valencia_UPV/theme.css}}
+
{{Valencia_UPV/jquery311minjs}}
+
{{Valencia_UPV/bootstrap.min.js}}
+
{{Valencia_UPV/bootstrap.min.css}}
+
  
<html>
+
</head>
 +
<body>
  
 
<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>
 
 
 
<!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
 
 
      <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-12" style="
 
padding: 0px;
 
    margin: 0 auto;">
 
<nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="height: 90px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
 
                <div class="container col-lg-10" style="
 
height: 100%;
 
padding-top: 13px;
 
;lute;">
 
                    <div class="row col-lg-12" style="
 
display: inline-block;
 
height: 100%;">
 
                        <div class="col-lg-3 col-md-3 hidden-xs" style="
 
height: 100%;
 
position: absolute;padding-left: 0px;display: flex;">
 
<a href="https://2018.igem.org/Team:Valencia_UPV">
 
                            <img src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
 
height: 64px;width: 224px;;
 
/* margin-top: 8px; */; /* height: 100%; */; /* width: 100%; */*/"> </a>
 
                            <!--end module-->
 
                        </div>
 
                        <div class="col-lg-9 col-md-9 text-right text-left-xs text-left-sm&nbsp;" style="
 
float: right !important;;">
 
                            <div class="bar__module" style="
 
padding-top: 10px; float: right;">
 
                          <ul class="menu-horizontal text-right">
 
                                    <li class="dropdown dropdown--hover">
 
                                        <span class="dropdown__trigger navLinks">Team</span>
 
 
 
 
 
                                        <div class="dropdown__container" style="
 
">
 
                              <div class="container">
 
                            <div class="row">
 
                          <div class="col-md-3 col-lg-2 dropdown__content" style="
 
cursor: pointer;
 
background-color: #353535;
 
padding: 0;">
 
                        <ul class="menu-vertical" style="
 
color: white;
 
font-size: 16px;;
 
padding-bottom: 10px;;
 
padding-top: 10px;;
 
list-style-type: none;">
 
                        <li>
 
                        Team
 
                        </li>
 
<li>Attributions</li>
 
<li>Collaborations</li>
 
                        </ul>
 
                          </div>
 
                          </div>
 
                        </div>
 
                        </div>
 
 
 
 
 
                                    </li>
 
                                    <li class="dropdown dropdown--hover">
 
                                        <span class="dropdown__trigger navLinks">Project</span>
 
 
 
 
                                       
 
                                        <div class="dropdown__container" style="
 
">
 
                              <div class="container">
 
                            <div class="row">
 
                          <div class="col-md-3 col-lg-2 dropdown__content" style="
 
cursor: pointer;
 
background-color: #353535;
 
padding: 0;">
 
                        <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="
 
">
 
                              <div class="container">
 
                            <div class="row">
 
                          <div class="col-md-3 col-lg-2 dropdown__content" style="
 
cursor: pointer;
 
background-color: #353535;
 
padding: 0;">
 
                        <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>
 
  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="
 
">
 
                              <div class="container">
 
                            <div class="row">
 
                          <div class="col-md-3 col-lg-2 dropdown__content" style="
 
cursor: pointer;
 
background-color: #353535;
 
padding: 0;">
 
                        <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="
 
">
 
                              <div class="container">
 
                            <div class="row">
 
                          <div class="col-md-3 col-lg-3 dropdown__content" style="
 
cursor: pointer;
 
background-color: #353535;
 
padding: 0;">
 
                        <ul class="menu-vertical" style="
 
color: white;
 
font-size: 16px;;
 
padding-bottom: 10px;;
 
padding-top: 10px;;
 
list-style-type: none;">
 
                        <li>Modelling</li>
 
<li>Model A</li>
 
<li>Model B</li>
 
 
<li>Lo que creas necesario &lt;3</li>
 
 
 
 
 
 
                        </ul>
 
                          </div>
 
                          </div>
 
                        </div>
 
                        </div>
 
 
                                       
 
                                        <!--end dropdown container-->
 
                                    </li>
 
 
                                    <li class="dropdown dropdown--hover">
 
                                        <span class="dropdown__trigger navLinks">Human</span>
 
<div class="dropdown__container" style="
 
">
 
                              <div class="container">
 
                            <div class="row">
 
                          <div class="col-md-3 col-lg-3 dropdown__content" style="
 
cursor: pointer;
 
background-color: #353535;
 
padding: 0;">
 
                        <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>
 
                            <!--end module-->
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
                </div>
 
                <!--end of container-->
 
            </nav>
 
</div>
 
            <!--end bar-->
 
        </div>
 
 
 
 
<!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
 
 
 
<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: 42.5em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
              <div class="main-container" style="
 
">
 
              <center>
 
              <div class="col-md-10" style="margin-top: 4em;">
 
<div id="logoPrinteria" class="item" style="">
 
   
 
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 
<a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 47%;/* position: fixed; *//* bottom: 7%; */top: 85%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 4em;height: 3.8em;padding: 0;padding-top: 14px;">
 
            <i class="stack-interface stack-down-open-big"></i>
 
        </a>
 
</div><img alt="image" src="https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png" style="height: 666px; width: 1170px;">
 
   
 
</div>
 
</div>
 
               
 
              </center>
 
             
 
</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">
 
                <div class="container">
 
                    <div class="container">
 
                                    <div class="row justify-content-between" style="
 
/* color: crimson; */">
 
                                        <div class="col-md-6">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/a/ae/T--Valencia_UPV--albertoUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div>
 
                                        <div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Alberto Coronado Martín</h2>
 
                                                    <span>Biotechnologist</span>
 
                                                </div>
 
                                              <!--  <p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p> -->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Adrían Requena Gutiérrez</h2>
 
                                                    <span>Biotechnologist</span>
 
                                                </div>
 
                                                <!--<p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div><div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/2/25/T--Valencia_UPV--adrianUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/6/61/T--Valencia_UPV--carolinaUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div><div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Carolina Ropero Pérez</h2>
 
                                                    <span>Biotechnologist</span>
 
                                                </div>
 
                                              <!-- <p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Carlos Andreu Vilarroig</h2>
 
                                                    <span>Biomedical Engineer</span>
 
                                                </div>
 
                                              <!-- <p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div><div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--carlosUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/e/ee/T--Valencia_UPV--rogerUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div><div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Roger Monfort Llorens</h2>
 
                                                    <span>Biomedical Engineer</span>
 
                                                </div>
 
                                                <!--<p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Tzvetelina Ilieva Anguelova</h2>
 
                                                    <span>Industrial Engineer</span>
 
                                                </div>
 
                                                <!--<p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div><div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--bettyUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/8/86/T--Valencia_UPV--marcUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div>
 
 
<div class="container">
 
<div class="container">
 
   <h2>Modal Example</h2>
 
   <h2>Modal Example</h2>
Line 734: Line 37:
 
    
 
    
 
</div>
 
</div>
<div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Marc Martínez Badenes</h2>
 
                                                    <span>Electronic Engineer</span>
 
                                                </div>
 
                                                <!--<p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Héctor Izquierdo Fernández</h2>
 
                                                    <span>Computer Scientist</span>
 
                                                </div>
 
                                                <!--<p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div><div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/6/63/T--Valencia_UPV--hectorUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/b/b9/T--Valencia_UPV--blancaUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div><div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Blanca Madorrán Coca</h2>
 
                                                    <span>Computer Scientist</span>
 
                                                </div>
 
                                                <!--<p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
<div class="container" style="
 
margin-top: 54px;">
 
                    <div class="container">
 
                                    <div class="row justify-content-between">
 
                                        <div class="col-md-6 col-lg-5">
 
                                            <div class="switchable__text">
 
                                                <div class="text-block">
 
                                                    <h2>Joan Casado Ribera</h2>
 
                                                    <span>Designer</span>
 
                                                </div>
 
                                                <!--<p class="lead">
 
                                                    Launching an attractive and scalable website quickly and affordably is important for modern startups — Stack offers massive value without looking 'bargain-bin'.
 
                                                </p>-->
 
                                                <ul class="social-list list-inline list--hover">
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-mail icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-google icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                    <li class="list-inline-item">
 
                                                        <a href="#">
 
                                                            <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                            </div>
 
                                        </div><div class="col-md-6" style="
 
width: 100%;">
 
                                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/6/60/T--Valencia_UPV--joanUPV2018.png" style="
 
margin: auto;; display: block;
 
* width: 50%; */;
 
;">
 
                                        </div>
 
                                       
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
 
 
 
 
                           
 
                        </div>
 
 
 
 
                       
 
                       
 
 
 
 
 
                    </section>
 
 
<div class="tab__content">
 
                            <section class="text-center">
 
                                <div class="container">
 
                                    <h1 style="text-align: left;">Advisors</h1>
 
                                    <div class="row">
 
                                       
 
<div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/2/2c/T--Valencia_UPV--nobelUPV2018.png">
 
                                                <h5>Nobel Santos</h5>
 
                                                <span>Electronic Engineer</span>
 
                                            </div>
 
                                        </div><div class="col-md-4">
 
                                           
 
                                        </div><div class="col-md-4">
 
                                           
 
                                        </div>
 
                                     
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
                                <!--end of container-->
 
                            </section>
 
                        </div>
 
 
<div class="tab__content">
 
                            <section class="text-center">
 
                                <div class="container">
 
                                    <h1 style="text-align: left;"> Instructors </h1>
 
                                    <div class="row">
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/f/f7/T--Valencia_UPV--conejeroUPV2018.png">
 
                                                <h5>Alberto Conejero</h5>
 
                                                <span>Mathematician </span>
 
                                            </div>
 
                                        </div>
 
                                     
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/thumb/5/50/T--Valencia_UPV--personaUPV2018.png/449px-T--Valencia_UPV--personaUPV2018.png">
 
                                                <h5>Jesús Picó</h5>
 
                                                <span>Control Engineer</span>
 
                                            </div>
 
                                        </div>
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/9/92/T--Valencia_UPV--diegoUPV2018.png">
 
                                                <h5>Diego Orzaez</h5>
 
                                                <span>Biotechnologistr</span>
 
                                            </div>
 
                                        </div>
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/a/a8/T--Valencia_UPV--yadiraUPV2018.png">
 
                                                <h5>Yadira Boada</h5>
 
                                                <span>Control Enginee</span>
 
                                            </div>
 
                                        </div>
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/b/b6/T--Valencia_UPV--aleUPV2018.png">
 
                                                <h5>Alejandro Vignoni</h5>
 
                                                <span>Control Engineer</span>
 
                                            </div>
 
                                        </div>
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/a/a5/T--Valencia_UPV--martaUPV2018.png">
 
                                                <h5>Marta Vázquez Vilar</h5>
 
                                                <span>Biotechnologist</span>
 
                                            </div>
 
                                        </div>
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0f/T--Valencia_UPV--nuriaUPV2018.png">
 
                                                <h5>Nuria Andrés-Colás</h5>
 
                                                <span>Biotechnologist</span>
 
                                            </div>
 
                                        </div>
 
                                        <div class="col-md-4">
 
                                            <div class="feature feature-8">
 
                                                <img alt="Image" src="https://static.igem.org/mediawiki/2018/9/98/T--Valencia_UPV--salomeUPV2018.png">
 
                                                <h5>Salomé Cuesta Valera</h5>
 
                                                <span>Artist</span>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                    <!--end of row-->
 
                                </div>
 
                                <!--end of container-->
 
                            </section>
 
                        </div>
 
 
 
 
                    </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 style="list-style: none">
 
                               
 
 
 
 
<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>
 
  
 +
</body>
  
 +
<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/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
  
 
</html>
 
</html>

Revision as of 15:19, 9 September 2018

<!DOCTYPE html> Bootstrap Example

Modal Example