|
|
Line 9: |
Line 9: |
| {{Valencia_UPV/theme.css}} | | {{Valencia_UPV/theme.css}} |
| {{Valencia_UPV/navBar}} | | {{Valencia_UPV/navBar}} |
| + | |
| <html> | | <html> |
− | <style>
| + | <style> |
− | #home_logo, #sideMenu { display:none; }
| + | |
− | #sideMenu, #top_title, .patrollink {display:none;}
| + | #home_logo, #sideMenu { display:none; } |
− | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
| + | #sideMenu, #top_title, .patrollink {display:none;} |
− | </style>
| + | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} |
− | <head>
| + | |
− | <meta charset="utf-8">
| + | </style> |
− | <title>Stack Multipurpose HTML Template</title>
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | <head> |
− | <meta name="description" content="Site Description Here">
| + | <meta charset="utf-8"> |
− | <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
| + | <title>Stack Multipurpose HTML Template</title> |
− | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
− | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
| + | <meta name="description" content="Site Description Here"> |
− | <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
| + | <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet"> |
| + | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
| + | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet"> |
| + | <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | </head> |
| + | <body class="" style="background-color:#353535;"> |
| + | <a id="start"></a> |
| + | |
| + | |
| + | <!--------- NAVBAR--------------------------------------------------------------------------------------------------------------------------------------------------------------> |
| + | |
| + | |
| | | |
− | </head>
| + | |
− | <body class="" style="background-color:#353535;">
| + | |
− | <a id="start"></a>
| + | |
− | <!--------- NAVBAR-------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | <!------------CONTENEDOR PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------------> |
− |
| + | |
− | <!------------CONTENEDOR PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------------->
| + | |
− | <div class="main-container">
| + | <div class="main-container"> |
− |
| + | |
− | <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:44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
| + | <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:44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax"> |
− | <div class="main-container" style="
| + | <div class="main-container" style=" |
− | height: 100%;">
| + | height: 100%;"> |
| <center style=" | | <center style=" |
− | height: 100%;">
| + | height: 100%;"> |
| <div class="col-md-10" style=" | | <div class="col-md-10" style=" |
− | height: 100%;margin-top: 4em;">
| + | height: 100%;margin-top: 4em;"> |
− | <div id="logoPrinteria" class="item" style="
| + | <div id="logoPrinteria" class="item" style=" |
− | background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png);
| + | background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--Valencia_UPV--portadaTeamUPV2018.png); |
− | height: 100%;
| + | height: 100%; |
− | width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat">
| + | width: 100%;background-attachment: fixed; background-position: center; background-position-y: 100px; background-repeat: no-repeat"> |
− |
| + | |
− | <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
| + | <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */"> |
− | <a class="btn down inner-link active" href="#story" style="font-size: 82%;/* position: fixed; *//* bottom: 7%; */top: 541px;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
| + | <a class="btn down inner-link active" href="#story" style="font-size: 82%;/* position: fixed; *//* bottom: 7%; */top: 541px;z-index: 99;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;"> |
− | <i class="stack-interface stack-down-open-big"></i>
| + | <i class="stack-interface stack-down-open-big"></i> |
− | </a>
| + | </a> |
− | </div>
| + | </div> |
− |
| + | |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− |
| + | |
| </center> | | </center> |
− |
| + | |
− | </div>
| + | </div> |
− | </section></div>
| + | |
| + | |
| + | |
| + | </section></div> |
| + | |
| + | |
| <section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1"> | | <section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1"> |
− | <div class="container">
| + | <div class="container"> |
− | <div class="row">
| + | <div class="row"> |
− | <div class="col-md-3" style="
| + | <div class="col-md-3" style=" |
− | margin-left: 0em;
| + | margin-left: 0em; |
− | padding-right: 0px;
| + | padding-right: 0px; |
− | padding-left: 0.2em;">
| + | padding-left: 0.2em;"> |
− |
| + | |
− | <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
| + | <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;"> |
− | <h4 style="
| + | <h4 style=" |
− | padding-left: 1em;
| + | padding-left: 1em; |
− | ">Index</h4>
| + | ">Index</h4> |
− | <ul class="lateral">
| + | <ul class="lateral"> |
− | <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;">
| + | <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;"> |
− | <div class="tab__title" style="
| + | <div class="tab__title" style=" |
− | line-height: 1.3em;
| + | line-height: 1.3em; |
− | ">
| + | "> |
− | <a class="lateral" style="
| + | <a class="lateral" style=" |
− | opacity: 1;
| + | opacity: 1; |
− | list-style-type: circle;
| + | list-style-type: circle; |
− | ">Harvard</a>
| + | ">Harvard</a> |
− | </div>
| + | </div> |
− |
| + | |
− | </li>
| + | </li> |
− | <li class="lateral">
| + | <li class="lateral"> |
− | <div class="tab__title" style="
| + | <div class="tab__title" style=" |
− | line-height: 1.3em;
| + | line-height: 1.3em; |
− | ">
| + | "> |
− | <a class="lateral" style="
| + | <a class="lateral" style=" |
− | color: #353535;
| + | color: #353535; |
− | opacity: 1;
| + | opacity: 1; |
− | ">Universitat Politècnica de València</a>
| + | ">Universitat Politècnica de València</a> |
− | </div>
| + | </div> |
− |
| + | |
− | </li>
| + | </li> |
− | <li class="lateral">
| + | <li class="lateral"> |
− | <div class="tab__title" style="
| + | <div class="tab__title" style=" |
− | line-height: 1.3em;
| + | line-height: 1.3em; |
− | ">
| + | "> |
− | <a class="lateral" style="
| + | <a class="lateral" style=" |
− | color: #353535;
| + | color: #353535; |
− | opacity: 1;
| + | opacity: 1; |
− | ">Universitat Politècnica de València</a>
| + | ">Universitat Politècnica de València</a> |
− | </div>
| + | </div> |
− |
| + | |
− | </li>
| + | </li> |
− | <li class="lateral">
| + | <li class="lateral"> |
− | <div class="tab__title" style="
| + | <div class="tab__title" style=" |
− | line-height: 1.3em;
| + | line-height: 1.3em; |
− | ">
| + | "> |
− | <a class="lateral" style="
| + | <a class="lateral" style=" |
− | color: #353535;
| + | color: #353535; |
− | opacity: 1;
| + | opacity: 1; |
− | ">Universitat Politècnica de València</a>
| + | ">Universitat Politècnica de València</a> |
− | </div>
| + | </div> |
− |
| + | |
− | </li>
| + | </li> |
− | <li class="lateral">
| + | <li class="lateral"> |
− | <div class="tab__title" style="
| + | <div class="tab__title" style=" |
− | line-height: 1.3em;
| + | line-height: 1.3em; |
− | ">
| + | "> |
− | <a class="lateral" style="
| + | <a class="lateral" style=" |
− | color: #353535;
| + | color: #353535; |
− | opacity: 1;
| + | opacity: 1; |
− | ">Universitat Politècnica de València</a>
| + | ">Universitat Politècnica de València</a> |
− | </div>
| + | </div> |
− |
| + | |
− | </li>
| + | </li> |
− | </ul>
| + | </ul> |
− | <ul class="tabs-content">
| + | <ul class="tabs-content"> |
− | </ul>
| + | </ul> |
− | </div>
| + | </div> |
− |
| + | |
− |
| + | |
− | </div>
| + | </div> |
− | <div class="col-md-9" style="padding-left: 6em;padding-right: 2em;">
| + | <div class="col-md-9" style="padding-left: 6em;padding-right: 2em;"> |
− | <div>
| + | <div> |
− |
| + | |
− | <h4>Lorem ipsum</h4>
| + | <h4>Lorem ipsum</h4> |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet metus orci. Donec porta ipsum ut leo tristique, mattis imperdiet sapien lobortis. Quisque venenatis neque tincidunt convallis luctus. Aliquam pulvinar arcu et libero condimentum tristique. Aliquam nec pretium purus, a consequat risus. Donec dictum vitae nisl vel gravida. Morbi eu metus nisi. Mauris libero elit, porttitor efficitur lectus eu, placerat vehicula sapien. Phasellus at pharetra ex. Cras sodales non felis vitae cursus. Mauris aliquam molestie viverra. Sed ut dapibus lacus. </p>
| + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet metus orci. Donec porta ipsum ut leo tristique, mattis imperdiet sapien lobortis. Quisque venenatis neque tincidunt convallis luctus. Aliquam pulvinar arcu et libero condimentum tristique. Aliquam nec pretium purus, a consequat risus. Donec dictum vitae nisl vel gravida. Morbi eu metus nisi. Mauris libero elit, porttitor efficitur lectus eu, placerat vehicula sapien. Phasellus at pharetra ex. Cras sodales non felis vitae cursus. Mauris aliquam molestie viverra. Sed ut dapibus lacus. </p> |
− |
| + | |
− |
| + | |
− | </div>
| + | </div> |
− | <div><h3>Human Practices</h3><div id="" data-scroll-id="" tabindex="-1" style="outline: none;" class="row">
| + | |
− | <div class="col-md-2"><a href="#harvard"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"></a>
| + | |
− | <p></p> </div>
| + | <div><h3>Human Practices</h3><div id="" data-scroll-id="" tabindex="-1" style="outline: none;" class="row"> |
− | <div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
| + | |
− | <p></p> </div>
| + | <div class="col-md-2"><a href="#harvard"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"></a> |
− | <div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
| + | <p></p> </div> |
− | <p></p> </div><div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png">
| + | <div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"> |
− | <p></p> </div>
| + | <p></p> </div> |
− |
| + | <div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"> |
− | </div><div><h4>Emprendimiento</h4><ul><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li>
| + | <p></p> </div><div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"> |
− | </ul>
| + | <p></p> </div> |
− | <h4>Social engagement</h4>
| + | |
− | <ul><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li>
| + | |
− | </ul>
| + | </div><div><h4>Emprendimiento</h4><ul><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li> |
− | </div></div>
| + | |
− |
| + | </ul> |
− |
| + | <h4>Social engagement</h4> |
− |
| + | <ul><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li> |
− | </div>
| + | |
− | </div>
| + | </ul> |
| + | |
| + | |
| + | </div></div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | </div> |
| + | </div> |
| </div> | | </div> |
| | | |
| | | |
− | </section>
| + | </section> |
− | <!--<div class="loader"></div>-->
| + | <!--<div class="loader"></div>--> |
− | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;">
| + | <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> | | <i class="stack-interface stack-up-open-big"></i> |
− | </a>
| + | </a> |
− | </body>
| + | |
− | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
| + | </body> |
− | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/bootstrapMinJS?action=raw&ctype=text/javascript"></script>
| + | |
− | <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/scriptsJS?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/jquery311minJS?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>
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/bootstrapMinJS?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> |
− | </html>
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script> |
− | {{Valencia_UPV/footer}}
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script> |
| + | |
| + | |
| + | |
| + | |
| + | </html> |
| + | |
| + | {{Valencia_UPV/footer}} |