|
|
Line 790: |
Line 790: |
| </head> | | </head> |
| <body> | | <body> |
− | <header class="provisorisk-header"> <p> Header </p> </header> | + | |
− | <div id="flex-wrapper"> | + | <!-- Header 1.32 --> |
| + | <!---------------Logo and social media-------------------------------> |
| + | <div class="logo-container"> |
| + | <div class="liu_igem_logo"> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden"> |
| + | <img alt="LiU iGEM" id="liu_igem_logo" src="https://static.igem.org/mediawiki/2017/c/c3/T--Linkoping_Sweden--Logo.jpg"/> |
| + | </a> |
| + | </div> <!--class="liu_igem_logo"--> |
| + | |
| + | <div class="social-container"> |
| + | <a href="https://twitter.com/liuigem" target="_blank" title="Follow us on Twitter!"> |
| + | <img src="https://static.igem.org/mediawiki/2017/b/b9/T--Linkoping_Sweden--social_tweet_icon.png"/> |
| + | </a> |
| + | <a href="https://www.facebook.com/LiuIgem" target="_blank" title="Go give us a thumbs-up on Facebook!"> |
| + | <img src="https://static.igem.org/mediawiki/2017/d/d8/T--Linkoping_Sweden--social_fb_icon.png"/> |
| + | </a> |
| + | <a href="https://www.instagram.com/liu_igem/" target="_blank" title="Follow us on Instagram!"> |
| + | <img src="https://static.igem.org/mediawiki/2017/0/06/T--Linkoping_Sweden--social_insta_icon.png"/> |
| + | </a> |
| + | </div> <!--class="social-container"--> |
| + | </div> <!--class="logo-container"--> |
| + | |
| + | <!------------------------------Navigation Bar-----------------------------------------------------------> |
| + | <div class="topnav" id="myTopnav"> <!-- For the entire menu bar, with the borders --> |
| + | <center> <!-- Center the following dropdown-buttons --> |
| + | |
| + | <!-- Home! --> |
| + | <div class="dropdown"> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden">Home</a> |
| + | </div> |
| + | |
| + | <!-- The Team! --> |
| + | <div class="dropdown"> |
| + | <span>Team</span> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Team">Team</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Colaborations">Collaborations</a> |
| + | </div> |
| + | </div> |
| + | |
| + | <!-- The Project! --> |
| + | <div class="dropdown"> |
| + | <span>Project</span> |
| + | <div class="dropdown-content"> |
| + | <!--FEL LÄNKNAMN!!! <a href="https://2017.igem.org/Team:Linkoping_Sweden/Modeling">Model</a>--> |
| + | <!--INGEN STANDARDLÄNK <a href="https://2017.igem.org/Team:Linkoping_Sweden/Project">The Project</a>--> |
| + | <!--<a href="https://2017.igem.org/Team:Linkoping_Sweden/Protocols>Protocols</a>--> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Description">Description</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Design">Design</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Experiments">Experiments</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Notebook">Notebook</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Contribution">Contribution</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Model">Model</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Results">Results</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Demonstrate">Demonstrate</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Improve">Improve</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Attributions">Attributions</a> |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | <!-- Parts! --> |
| + | <div class="dropdown"> |
| + | <span>Parts</span> |
| + | <div class="dropdown-content"> |
| + | <!--<a href="https://2017.igem.org/Team:Linkoping_Sweden/construct">Constructs</a>--> |
| + | <!--CONSTRUCTS SHALL BE INCLUDED IN ANY OF THE FOLLOWING LINKS BELOW!--> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Parts">Parts</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Basic_Part">Basic Parts</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Composite_Part">Composite Parts</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Part_Collection">Part Collection</a> |
| + | </div> |
| + | </div> |
| + | |
| + | <!-- Safety! --> |
| + | <div class="dropdown"> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Safety">Safety</a> |
| + | </div> |
| + | |
| + | <!-- Human Practices! --> |
| + | <div class="dropdown"> |
| + | <span>Human Practices</span> |
| + | <div class="dropdown-content"> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/Human_Practices">Overview</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/HP/Silver">Silver HP</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/HP/Gold_Integrated">Integrated and Gold</a> |
| + | <a href="https://2017.igem.org/Team:Linkoping_Sweden/HP/Engagement">Public Engagement</a> |
| + | </div> |
| + | </div> |
| + | |
| + | <!-- Contact us! --> |
| + | <div class="dropdown"> |
| + | <a href="#">Contact us</a> |
| + | </div> |
| + | |
| + | <!-- JavaScript that is placed after all class="dropdown"! --> |
| + | <a href="javascript:void(0);" style="font-size:2em;" class="icon" onclick="myFunction()">☰</a> <!-- font-size gives the size of the three bar --> |
| + | </center> |
| + | </div> <!-- <div class="topnav" id="myTopnav"> --> |
| + | |
| + | <div id="flex-wrapper"> |
| | | |
| <div class="flex-container"> | | <div class="flex-container"> |
Line 999: |
Line 1,099: |
| <aside class="aside aside-l"> </aside> | | <aside class="aside aside-l"> </aside> |
| <aside class="aside aside-r"> </aside> | | <aside class="aside aside-r"> </aside> |
− | <footer class="provisorisk-footer"> <p> Footer </p> </footer> | + | |
| + | |
| + | |
| </div> | | </div> |
| + | <footer class="footer"> |
| + | |
| + | <div id="foot_text"> |
| + | <p style="text-align: center;">LiU iGEM is proudly sponsored by</p> |
| + | </div> |
| + | |
| + | <div class="sponsors"> |
| + | |
| + | <a href="http://www.bioarctic.se/" title="Check out bioarctic, our awesome sponsor!" target="_blank" > |
| + | <img src="https://static.igem.org/mediawiki/2017/8/80/T--Linkoping_Sweden--bioartic.png"/> |
| + | </a> |
| + | |
| + | <a href="https://eu.idtdna.com/site" title="Check out IDT, our awesome sponsor!" target="_blank"> |
| + | <img src="https://static.igem.org/mediawiki/2017/b/b6/T--Linkoping_Sweden--idt.jpg"/> |
| + | </a> |
| + | |
| + | <a href="https://www.eppendorf.com/NC-en/" title="Check out eppendorf, our awesome sponsor!" target="_blank"> |
| + | <img src="https://static.igem.org/mediawiki/2017/1/19/T--Linkoping_Sweden--eppendorf.jpg"/> |
| + | </a> |
| + | |
| + | <a href="https://www.labteamet.com/" title="Check out labteamet, our awesome sponsor!" target="_blank"> |
| + | <img src="https://static.igem.org/mediawiki/2017/c/cf/T--Linkoping_Sweden--Labteamet.jpg"/> |
| + | </a> |
| + | </div> |
| + | |
| + | <div class="bottom-footer"> |
| + | |
| + | <div class="liu" |
| + | <a href="https://liu.se/en" target="_blank"> |
| + | <img src="https://static.igem.org/mediawiki/2017/b/b3/T--Linkoping_Sweden--LiU_logo.png"/> |
| + | </a> |
| + | </div> |
| + | |
| + | |
| + | <div class="foot-1"> |
| + | LiU iGEM |
| + | <br> |
| + | Kårallen, Linköpings Universitet |
| + | <br> |
| + | 581 83 Linköping |
| + | <br><br> |
| + | <a href="mailto:igem.linkoping@gmail.com" target="_blank">igem.linkoping@gmail.com</a> |
| + | </div> |
| + | |
| + | <div class="foot-2"> |
| + | <a href="https://liu.se/en/about-liu" target="_blank">About LiU</a> |
| + | <br> |
| + | <a href="https://liu.se/en/education" target="_blank">Study in Linköping</a> |
| + | <br> |
| + | <a href="https://liu.se/en/research" target="_blank">Research</a> |
| + | <br><br> |
| + | <a href="https://liu.se/en" target="_blank">www.liu.se</a> |
| + | </div> |
| + | </div> |
| + | </footer> |
| + | |
| + | |
| + | <!------------JAVASCRIPT FOR NAVIGATION BAR------------------------------> |
| + | <script> |
| + | |
| + | /* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */ |
| + | function myFunction() { |
| + | var x = document.getElementById("myTopnav"); |
| + | if (x.className === "topnav") { |
| + | x.className += " responsive"; |
| + | |
| + | } else { |
| + | x.className = "topnav"; |
| + | } |
| + | } |
| + | |
| + | </script> |
| + | |
| + | <script> <!-- script för sticky header! lägger till klassen header-scrolled till header när man skrollat mer än pre-header --> |
| + | var tn = $(".topnav"); |
| + | ofn = $(".header-outfill"); |
| + | tns = "topnav-scrolled"; |
| + | ofp = "header-outfill-plus"; |
| + | hdr = $('.logo-container').height(); |
| + | |
| + | $(window).scroll(function() { |
| + | if( $(this).scrollTop() > hdr ) { |
| + | tn.addClass(tns); |
| + | ofn.addClass(ofp); |
| + | } else { |
| + | tn.removeClass(tns); |
| + | ofn.removeClass(ofp); |
| + | } |
| + | }); |
| + | </script> |
| + | |
| </body> | | </body> |
| </html> | | </html> |