|
|
(21 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | {{Linkoping_Sweden/Style}} | + | {{Linkoping_Sweden/Header}} |
− | | + | |
| <html> | | <html> |
− | <head>
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
− |
| |
− | <style>
| |
− |
| |
− | .mobile-only-text {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | @media screen and (max-width: 1280px) {
| |
− | .mobile-only-text {
| |
− | display: block;
| |
− | }
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
− | </head>
| |
| | | |
| <body> | | <body> |
− | | + | <div id="flex-wrapper"> |
− | <div class="header-outfill"> | + | <div class="flex-container"> |
− | </div>
| + | |
− | <!---------------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">
| + | <article class="flex-text-100"> |
− | <a href="https://twitter.com/liuigem" target="_blank" title="Follow us on Twitter!">
| + | <h2> Oh you sneaky bastard! </h2> |
− | <img src="https://static.igem.org/mediawiki/2017/b/b9/T--Linkoping_Sweden--social_tweet_icon.png"/>
| + | <p class="text-big"> |
− | </a>
| + | You found our secret page! |
− | <a href="https://www.facebook.com/LiuIgem" target="_blank" title="Go give us a thumbs-up on Facebook!">
| + | </p> |
− | <img src="https://static.igem.org/mediawiki/2017/d/d8/T--Linkoping_Sweden--social_fb_icon.png"/>
| + | </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> |
− | </a>
| + | <p class="text-small"> |
− | <a href="https://www.instagram.com/liu_igem/" target="_blank" title="Follow us on Instagram!">
| + | psssst. we used this to test out code during the summer and fall! |
− | <img src="https://static.igem.org/mediawiki/2017/0/06/T--Linkoping_Sweden--social_insta_icon.png"/>
| + | </p> |
− | </a>
| + | </article> |
− | </div> <!--class="social-container"-->
| + | |
− | </div> <!--class="logo-container"--> | + | |
| | | |
− | <!------------------------------Navigation Bar----------------------------------------------------------->
| |
− | <div class="topnav" id="myTopnav"> <!-- For the entire menu bar, with the borders -->
| |
− |
| |
− | <div class="mobile-menu">
| |
− |
| |
− | <center> <!-- Center the following dropdown-buttons -->
| |
| | | |
− | <div class="topnav-bottom-content">
| + | </div> |
− |
| + | <aside class="aside aside-l"> </aside> |
− | <!-- Mobile-only text -->
| + | <aside class="aside aside-r"> </aside> |
− | <div class="mobile-only-text">
| + | </body> |
− | <p>LiU iGEM</p>
| + | |
− | </div>
| + | |
− | | + | |
− | <!-- 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/Collaborations">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="https://2017.igem.org/Team:Linkoping_Sweden/Contact">Contact us</a>
| + | |
− | </div>
| + | |
− |
| + | |
− | <!-- JavaScript that is placed after all class="dropdown"! -->
| + | |
− | <a href="javascript:void(0);" style="font-size:2em;" class="icon" onclick="menuButton()">☰</a> <!-- font-size gives the size of the three bar -->
| + | |
− | </center>
| + | |
− | | + | |
− | | + | |
− | </div> <!-- <div class="mobile-menu" -->
| + | |
− | </div> <!-- <div class="topnav" id="myTopnav"> -->
| + | |
| </html> | | </html> |
| + | {{Linkoping_Sweden/Footer}} |