|
|
Line 1: |
Line 1: |
− | {{Valencia_UPV}} | + | {{Valencia_UPV/bootstrap.css}} |
| + | {{Valencia_UPV/custom.css}} |
| + | {{Valencia_UPV/flickity.css}} |
| + | {{Valencia_UPV/iconsmind.css}} |
| + | {{Valencia_UPV/jquery.steps.css}} |
| + | {{Valencia_UPV/lightbox.min.css}} |
| + | {{Valencia_UPV/stackinterface.css}} |
| + | {{Valencia_UPV/theme.css}} |
| + | |
| <html> | | <html> |
| + | <style> |
| | | |
− | <div class="column two_thirds_size" >
| + | #home_logo, #sideMenu { display:none; } |
| + | #sideMenu, #top_title, .patrollink {display:none;} |
| + | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} |
| | | |
− | <h1>Team</h1>
| + | </style> |
− | <p>In this page you can introduce your team members, instructors, and advisors. </p>
| + | |
| | | |
| + | <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"> |
| | | |
− | <h3>What should this page contain?</h3> | + | |
− | <ul> | + | |
− | <li> Include pictures of your teammates, don’t forget instructors and advisors! </li> | + | |
− | <li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li> | + | |
− | <li>Take team pictures! Show us your school, your lab and little bit of your city.</li> | + | </head> |
− | <li>Remember that image galleries can help you showcase many pictures while saving space.</li> | + | <body class="" style="background-color:#353535;"> |
− | </ul> | + | <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 " 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 <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> | | </div> |
| + | <!--end bar--> |
| + | </div> |
| | | |
| | | |
| | | |
− | <div class="column third_size" > | + | <!------------CONTENEDOR PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------------> |
− | <div class="highlight decoration_A_full"> | + | |
− | <h3>Inspiration</h3>
| + | |
− | <p>You can look at what other teams did to get some inspiration! <br /> | + | <div class="main-container"> |
− | Here are a few examples:</p>
| + | |
− | <ul>
| + | <section style="/* background-color: #353535; *//* background-image: url("https://previews.123rf.com/images/bogdanhoda/bogdanhoda1504/bogdanhoda150400014/38730978-test-tubes-in-clinic-pharmacy-and-medical-research-laboratory-with-male-scientist-using-pipette.jpg"); *//* background-size: 100%; */height: 42.5em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax"> |
− | <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
| + | <div class="main-container" style=" |
− | <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li> | + | "> |
− | <li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
| + | <center> |
− | <li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li> | + | <div class="col-md-10" style="margin-top: 4em;"> |
− | </ul> | + | <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> | | </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="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 bar-1 hidden-xs hidden-sm bg--light" style=" |
| + | position: absolute; align-items: right;margin-top: 10%;; width: 100%;padding-left: 10%;"> |
| + | |
| + | <p style=" |
| + | color: white;margin-left: 480px;margin-bottom: 3px;;">Contact us:</p><ul 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> | | </div> |
| + | |
| + | </li> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | </ul> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | </div> |
| + | |
| + | |
| + | <div class="bar bar--sm bar-1 hidden-xs hidden-sm bg--light" style=" |
| + | position: absolute; align-items: right;margin-top: 10%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;"> |
| + | |
| + | <p style=" |
| + | 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 bar-1 hidden-md hidden-lg bg--light" style=" |
| + | position: absolute; align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;"> |
| + | |
| + | <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=" bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2018/f/f9/T--Valencia_UPV--footerUPV2018.png" alt="image"> |
| + | <img class=" bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--footerMovilUPV2018.png" alt="image"> |
| + | |
| + | </div> |
| + | </footer> |
| + | |
| + | |
| + | </div> |
| + | <!--<div class="loader"></div>--> |
| + | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;"> |
| + | <i class="stack-interface stack-up-open-big"></i> |
| + | </a> |
| + | |
| + | </body> |
| + | |
| + | |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script> |
| + | |
| + | |
| + | |
| </html> | | </html> |