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

(Prototype team page)
 
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&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>
 
</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(&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">
−
<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&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>
 
</div>
 +
                               
 +
</li>
 +
 +
 +
 +
 +
 +
                               
 +
 +
 +
 +
                            </ul>
 +
 +
 +
 +
 +
 +
 +
</div>
 +
 +
 +
<div class="bar bar--sm&nbsp;bar-1 hidden-xs hidden-sm &nbsp;bg--light" style="
 +
position: absolute;&nbsp;align-items: right;margin-top: 10%;; width: 60%;padding-left: 10%;dding-left: 10%;height: 50vh;/* margin-bottom: 1; *//* margin-bottom: 10; */; /* margin-bottom: 10p; */margin-bottom: 10px;">
 +
 +
<p style="
 +
color: white;margin-bottom: 2px;;"> Follow us at <b> @upvigem </b></p><ul style="list-style: none;">
 +
                               
 +
<li style="
 +
float: left; margin-right: 40px;">
 +
 +
                                    <a href="https://twitter.com/upvigem?lang=es" style="
 +
color: white;;">
 +
                                        <i>
 +
 +
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 +
height: 40px; ;" ;"=""></i>
 +
 +
                                    </a>
 +
                               
 +
</li><li style="
 +
float: left; margin-right: 40px;">
 +
 +
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 +
                                        <i>
 +
<img style="
 +
height: 40px;
 +
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 +
</i>
 +
                                    </a>
 +
                                </li><li style="
 +
float: left;margin-right: 40px;">
 +
 +
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
 +
                                        <i>
 +
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 +
height: 40px;
 +
;">
 +
</i>
 +
                                    </a>
 +
                               
 +
</li><li style="
 +
float: left;margin-right: 40px; left;">
 +
 +
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
 +
                                        <i>
 +
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 +
height: 40px;
 +
;">
 +
</i>
 +
                                    </a>
 +
                                </li>
 +
 +
 +
 +
 +
 +
 +
 +
 +
                               
 +
 +
 +
 +
                            </ul>
 +
 +
 +
 +
 +
 +
 +
</div><div class="bar bar--sm&nbsp;bar-1 hidden-md hidden-lg &nbsp;bg--light" style="
 +
position: absolute;&nbsp;align-items: right;margin-top: 20%;; width: 100%;padding-left: 10%;dding-left: 10%;height: 50vh;">
 +
 +
<p style="
 +
color: white;margin-bottom: 20px;;"> Follow us at <b> @upvigem </b></p><ul>
 +
                               
 +
<li style="
 +
float: left; /* margin-right: 40px; */">
 +
 +
                                    <a href="https://twitter.com/upvigem?lang=es" style="
 +
color: white;;">
 +
                                        <i>
 +
 +
<img src="https://static.igem.org/mediawiki/2018/d/de/T--Valencia_UPV--twitterUPV2018.png" style="
 +
height: 40px; ;" ;"=""></i>
 +
 +
                                    </a>
 +
                               
 +
</li><li style="
 +
float: left; /* margin-right: 40px; */">
 +
 +
                                    <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
 +
                                        <i>
 +
<img style="
 +
height: 40px;
 +
;" src="https://static.igem.org/mediawiki/2018/f/f4/T--Valencia_UPV--linkedinUPV2018.png">
 +
</i>
 +
                                    </a>
 +
                                </li><li style="
 +
float: left;/* margin-right: 40px; */margin-top: 2;margin-top: 20;margin-top: 20p;/* margin-top: 20px; */">
 +
 +
                                    <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style=" color: white;;">
 +
                                        <i>
 +
<img src="https://static.igem.org/mediawiki/2018/6/6d/T--Valencia_UPV--facebookUPV2018.png" style="
 +
height: 40px;
 +
;">
 +
</i>
 +
                                    </a>
 +
                               
 +
</li><li style="
 +
float: left;/* margin-right: 40px; *//* margin-top: 20px; */ left;">
 +
 +
                                    <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;">
 +
                                        <i>
 +
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png" style="
 +
height: 40px;
 +
;">
 +
</i>
 +
                                    </a>
 +
                                </li>
 +
 +
 +
 +
 +
 +
 +
 +
 +
                               
 +
 +
 +
 +
                            </ul>
 +
 +
 +
 +
 +
 +
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
<img class="&nbsp;bar--sm bar-1 hidden-xs hidden-sm bg--light" src="https://static.igem.org/mediawiki/2018/f/f9/T--Valencia_UPV--footerUPV2018.png" alt="image">
 +
<img class="&nbsp;bar--sm bar-1 hidden-md hidden-lg bg--light" src="https://static.igem.org/mediawiki/2018/0/07/T--Valencia_UPV--footerMovilUPV2018.png" alt="image">
 +
 +
              </div>
 +
            </footer>
 +
 +
 +
        </div>
 +
        <!--<div class="loader"></div>-->
 +
        <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
 +
            <i class="stack-interface stack-up-open-big"></i>
 +
        </a>
 +
 +
    </body>
 +
 +
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
 +
      <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
 +
 +
 +
 
</html>
 
</html>

Revision as of 11:07, 27 August 2018

Stack Multipurpose HTML Template

Image

Alberto Coronado Martín

Biotechnologist

Adrían Requena Gutiérrez

Biotechnologist
Image
Image

Carolina Ropero Pérez

Biotechnologist

Carlos Andreu Vilarroig

Biomedical Engineer
Image
Image

Roger Monfort Llorens

Biomedical Engineer

Tzvetelina Ilieva Anguelova

Industrial Engineer
Image
Image

Marc Martínez Badenes

Electronic Engineer

Héctor Izquierdo Fernández

Computer Scientist
Image
Image

Blanca Madorrán Coca

Computer Scientist

Joan Casado Ribera

Designer
Image

Advisors

Image
Nobel Santos
Electronic Engineer

Instructors

Image
Alberto Conejero
Mathematician
Image
Jesús Picó
Control Engineer
Image
Diego Orzaez
Biotechnologistr
Image
Yadira Boada
Control Enginee
Image
Alejandro Vignoni
Control Engineer
Image
Marta Vázquez Vilar
Biotechnologist
Image
Nuria Andrés-Colás
Biotechnologist
Image
Salomé Cuesta Valera
Artist