|
|
(14 intermediate revisions by 4 users not shown) |
Line 7: |
Line 7: |
| {{Valencia_UPV/stackinterface.css}} | | {{Valencia_UPV/stackinterface.css}} |
| {{Valencia_UPV/theme.css}} | | {{Valencia_UPV/theme.css}} |
| + | {{Valencia_UPV/navBar}} |
| | | |
| <html> | | <html> |
Line 34: |
Line 35: |
| <body class="" style="background-color:#353535;"> | | <body class="" style="background-color:#353535;"> |
| <a id="start"></a> | | <a id="start"></a> |
− | <div class="nav-container"> | + | |
− | <div class="bar bar--sm visible-xs">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-3 col-md-2">
| + | |
− | <a href="index.html">
| + | |
− | <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png">
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="col-9 col-md-10 text-right">
| + | |
− | <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
| + | |
− | <i class="icon icon--sm stack-interface stack-menu"></i>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!--end of row-->
| + | |
− | </div>
| + | |
− | <!--end of container-->
| + | |
− | </div>
| + | |
− | <!--end bar-->
| + | |
− | <div class="col-md-12" style="
| + | |
− | padding: 0px;
| + | |
− | margin: 0 auto;">
| + | |
− | <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light" style="
| + | |
− | height: 87px; padding: 0px; background-color: rgb(53, 53, 53); margin: 0px auto; text-align: center;">
| + | |
− | <div class="container" style="
| + | |
− | height: 100%;
| + | |
− | padding-top: 10px;
| + | |
− | ;lute;">
| + | |
− | <div class="row" style="
| + | |
− | height: 100%;">
| + | |
− | <div class="col-lg-3 col-md-3 hidden-xs" style="
| + | |
− | height: 100%;
| + | |
− | position: absolute;padding-left: 0px;display: flex;">
| + | |
− | <img class="" src="https://static.igem.org/mediawiki/2018/8/8a/T--Valencia_UPV--pruebaPrinteriaWhiteUPV2018.png" style="
| + | |
− | height: 64px; width: 224px; margin-top: 0; !important ">
| + | |
− | <!--end module-->
| + | |
− | </div>
| + | |
− | <div class="col-lg-12 col-md-12 text-right text-left-xs text-left-sm">
| + | |
− | <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">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-3 col-lg-2 dropdown__content">
| + | |
− | <ul class="menu-vertical">
| + | |
− | <li>
| + | |
− | Team
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | -->
| + | |
− | | + | |
− | | + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <span class="dropdown__trigger navLinks">Project</span>
| + | |
− | | + | |
− |
| + | |
− | <!--end dropdown container-->
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <span class="dropdown__trigger navLinks">Wet Lab</span>
| + | |
− |
| + | |
− | <!--end dropdown container-->
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <span class="dropdown__trigger navLinks">Dry Lab</span>
| + | |
− |
| + | |
− | <!--end dropdown container-->
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <span class="dropdown__trigger navLinks">Human Practices</span>
| + | |
− |
| + | |
− | <!--end dropdown container-->
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <!--end module-->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!--end of row-->
| + | |
− | </div>
| + | |
− | <!--end of container-->
| + | |
− | </nav>
| + | |
− | </div>
| + | |
− | <!--end bar-->
| + | |
− | </div>
| + | |
| <div class="main-container"> | | <div class="main-container"> |
| | | |
| <section style=" | | <section style=" |
− | ; ; background-size: 100%;height: 42.5em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax"> | + | ; ; 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%;"> |
Line 149: |
Line 53: |
| | | |
| <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%;right: 50%;/* 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;"> | + | <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;"> |
| <i class="stack-interface stack-down-open-big"></i> | | <i class="stack-interface stack-down-open-big"></i> |
| </a> | | </a> |
Line 436: |
Line 340: |
| | | |
| | | |
− |
| + | |
− | <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>
| + | |
− |
| + | |
− | | + | |
− | | + | |
− | | + | |
− | <li style="
| + | |
− | float: left;margin-left: 480px; left;">
| + | |
− | | + | |
− | <a style="
| + | |
− | color: white;float: left;;">
| + | |
− | </a><div style="
| + | |
− | float: left;"><div style="
| + | |
− | color: white;float: left;display: block;">
| + | |
− | <i><img style="
| + | |
− | height: 40px;float: left; display= flex" src="https://static.igem.org/mediawiki/2018/2/2a/T--Valencia_UPV--mailUPV2018.png">
| + | |
− | </i>
| + | |
− | | + | |
− | <p style="
| + | |
− | margin-left: 60px;margin-top: 11px;;
| + | |
− | ;">igem.upv.2018@gmail.com</p></div>
| + | |
− | </div>
| + | |
− |
| + | |
− | </li>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− |
| + | |
− | | + | |
− | | + | |
− | | + | |
− | </ul>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <div class="bar bar--sm 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>
| + | |
| | | |
| | | |
Line 662: |
Line 361: |
| | | |
| </html> | | </html> |
| + | {{Valencia_UPV/footer}} |