Line 1: | Line 1: | ||
{{UPF_CRG_Barcelona}} | {{UPF_CRG_Barcelona}} | ||
<html> | <html> | ||
− | + | <link rel="stylesheet" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/styles?action=raw&ctype=text/css" type='text/css'> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<body> | <body> | ||
+ | <div class="sticky-top"> | ||
− | <div class=" | + | <nav class="navbar has-shadow" role="navigation" aria-label="main navigation" id="navbar"> |
+ | <div class="container"> | ||
− | < | + | <div class="navbar-brand"> |
+ | <a class="navbar-logo" href="#"> | ||
+ | <img src="assets/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018"> | ||
+ | </a> | ||
− | + | <div class="navbar-burger" data-target="navbar-menu"> | |
+ | <span></span> | ||
+ | <span></span> | ||
+ | <span></span> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <!-- children of navbar-menu must be navbar-start and/or navbar-end --> |
− | + | <div class="navbar-menu" id="navbar-menu"> | |
− | + | <!-- navbar items --> | |
− | + | <div class="navbar-grid"> | |
− | + | <!--class is-active for showing active menu--> | |
− | + | <a class="navbar-item is-active" href="Description.html">Project</a> | |
− | + | <a class="navbar-item" href="DryLab.html">DryLab</a> | |
− | + | <a class="navbar-item" href="Parts.html">Parts</a> | |
− | + | <a class="navbar-item" href="Deliverables.html">Deliverables</a> | |
− | </ | + | <a class="navbar-item" href="WetLab.html">WetLab</a> |
+ | <a class="navbar-item" href="intro_HP.html">Human Practices</a> | ||
+ | <a class="navbar-item" href="Aboutteam.html">Team</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
− | < | + | <header id="header"> |
+ | <div id="blur"></div> | ||
+ | <!-- Swiper --> | ||
+ | <div class="swiper-container" id="sw-container"> | ||
+ | <div class="swiper-wrapper"> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="Background.html"> | ||
+ | <embed src="assets/T--UPF_CRG_Barcelona--background.svg" alt=""> | ||
+ | <p>Background<br>and design</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="Overexpression.html"> | ||
+ | <embed src="assets/T--UPF_CRG_Barcelona--fads.svg" alt=""> | ||
+ | <p>Overexpression</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="Biosensor.html"> | ||
+ | <embed src="assets/T--UPF_CRG_Barcelona--biosensor.svg" alt=""> | ||
+ | <p>Biosensor</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="Integration.html"> | ||
+ | <embed src="assets/T--UPF_CRG_Barcelona--mage.svg" alt=""> | ||
+ | <p>Integration</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="Results.html"> | ||
+ | <embed src="assets/T--UPF_CRG_Barcelona--results.svg" alt=""> | ||
+ | <p>Results</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="Demonstration.html"> | ||
+ | <embed src="assets/T--UPF_CRG_Barcelona--demonstration.svg" alt=""> | ||
+ | <p>Demonstration</p> | ||
+ | </a> | ||
+ | </div> | ||
+ | <!-- Add Arrows --> | ||
+ | <div class="swiper-button-next"></div> | ||
+ | <div class="swiper-button-prev"></div> | ||
+ | </div> | ||
+ | </header> | ||
+ | </div> | ||
− | + | <section class="container-centered"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div> | ||
+ | <center> | ||
+ | <h1 class="heading">PROJECT DESCRIPTION</p> | ||
+ | <embed src="assets/T--UPF_CRG_Barcelona--page_description.svg"> | ||
+ | </center> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
</div> | </div> | ||
− | + | </section> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | <!-- Footer --> |
− | + | <footer class="footer"> | |
− | < | + | <div class="container"> |
− | < | + | <div> |
+ | <p class="subapart2">Follow us at:</p> | ||
+ | <a href="https://www.instagram.com/igembarcelona/"><embed class="social-svg" src="assets/T--UPF_CRG_Barcelona--instagram.svg" | ||
+ | alt=""></a> | ||
+ | <a href="https://twitter.com/igemBarcelona"><embed class="social-svg" src="assets/T--UPF_CRG_Barcelona--twitter.svg" | ||
+ | alt=""></a> | ||
+ | <a href="https://www.facebook.com/igembarcelona/""><embed class=" social-svg" src="assets/T--UPF_CRG_Barcelona--facebook.svg" | ||
+ | alt=""></a> | ||
+ | </div> | ||
− | + | <div> | |
− | + | <center> | |
− | + | <p class="subapart2">For Judges</p> | |
− | + | </center> | |
− | + | <div id="judges"> | |
− | + | <a href="Attributions.html">Attributions</a> | |
− | + | <a href="Collaborations.html">Collaborations</a> | |
− | + | <a href="Demonstrate.html">Demonstration</a> | |
− | + | <a href="Human_Practices.html">Human Practices</a> | |
− | + | <a href="InterLab.html">InterLab</a> | |
− | + | <a href="Improve.html">Improved part</a> | |
− | + | <a href="https://igem.org/2018_Judging_Form?id=2581">Judging Form</a> | |
− | + | <a href="Model.html">Model</a> | |
− | + | <a href="Parts">Parts</a> | |
</div> | </div> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <p> | + | <div class="footer-contact"> |
− | + | <p class="subapart2">Contact us:</p> | |
− | + | <p>igem [at] upf [dot] edu</p> | |
− | + | <p> PRBB Building</p> | |
− | </p> | + | <p>Doctor Aiguader 88, 08003 Barcelona (Spain)</p> |
+ | </div> | ||
</div> | </div> | ||
+ | </footer> | ||
− | + | <!-- JS code --> | |
− | + | <script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/scripts?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"> | |
− | + | ||
− | + | <script> | |
− | + | // Initialize Swiper | |
− | + | var swiper = new Swiper('.swiper-container', { | |
− | + | slidesPerView: 6, | |
− | + | slidesPerGroup: 1, | |
− | + | loop: true, | |
− | + | freeMode: true, | |
− | + | observer: true, | |
+ | watchOverflow: true, | ||
+ | navigation: { | ||
+ | nextEl: '.swiper-button-next', | ||
+ | prevEl: '.swiper-button-prev', | ||
+ | }, | ||
+ | keyboard: { | ||
+ | enabled: true, | ||
+ | }, | ||
+ | watchOverflow: true, | ||
+ | freeModeSticky: true, | ||
+ | mousewheel: { | ||
+ | forceToAxis: true, | ||
+ | }, | ||
+ | preventClicks: true, | ||
+ | iOSEdgeSwipeDetection: true, | ||
+ | observeParents: true, | ||
+ | breakpoints: { | ||
+ | 1024: { | ||
+ | slidesPerView: 5, | ||
+ | }, | ||
+ | 768: { | ||
+ | slidesPerView: 4, | ||
+ | }, | ||
+ | 640: { | ||
+ | slidesPerView: 3, | ||
+ | }, | ||
+ | 500: { | ||
+ | slidesPerView: 2, | ||
+ | }, | ||
+ | 320: { | ||
+ | slidesPerView: 1, | ||
+ | } | ||
+ | }, | ||
+ | }); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:08, 15 October 2018