(another update...) |
|||
(336 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
− | <style> | + | <!-- importing style sheet --> |
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:DTU-Denmark/stylesheetmain?action=raw&ctype=text/css"> | ||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | / | + | </head> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <body id="mainpage"> | ||
+ | <div id="windowcontent"> | ||
− | + | <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="row"> | |
− | + | <div class="col-12 rmvpadmarg tofront fixed"> | |
− | + | <nav class="navbar"> | |
− | + | </nav> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- Take tour button --> | ||
− | + | <div id="tourbtn"> | |
− | + | <a href="https://2017.igem.org/Team:DTU-Denmark/Tour_Introduction"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/2/27/T--DTU-Denmark--Take_Tour_Button.png" alt="Take a tour of our site!"> | |
− | + | </a> | |
− | + | </div> | |
− | + | <!-- Creates a 1 column (12) row containing the parallax splash screen --> | |
− | + | ||
− | + | ||
+ | <div class="row"> | ||
+ | <div class="col-12"> | ||
+ | <div class="parallax"> | ||
+ | <div class="parallaxtext"> | ||
+ | <p id="homepageheadline1">Snakebite Detectives</p> | ||
+ | <p id="homepageheadline2">iGEM 2017</p> | ||
+ | </div> | ||
+ | <div class="parallaxfade"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="row"> | |
− | + | <div class="col-12"> | |
− | + | <div class="Rounddownbtncontainer"> | |
− | + | <div class="Rounddownbtn"> | |
+ | <a class="jumptocontent" href="#roundbtnjump"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d1/T--DTU-Denmark--twodownarrows.png" alt="Down" height="70"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- creates a 3 column (2-8-2) row with the main container and air on each side --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="maincontainer" id="roundbtnjump"> | ||
− | + | <!-- creates the main container (text area) --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="colp-12 rmvpadmarg" id="startchange"> | |
− | + | <h1 class="bottomborder">The most neglected tropical disease</h1> | |
− | + | ||
− | + | ||
− | + | <div class="row rmvpadmarg"> | |
− | + | <div class="col-1 rmvpadmarg" style="white-space: pre;"><p> </p></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | <div class="col-10 rmvpadmarg"> |
+ | <div id="snakewtext"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/23/T--DTU-Denmark--main_snake_front_page_v2.png" alt="Main project overview" width="800"> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <div class="col-1 rmvpadmarg" style="white-space: pre;"><p> </p></div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- <div class="row imgmenu"> | ||
+ | <div class="col-5 rmvpadmarg"> | ||
+ | <div class="imgmenuitem"> | ||
+ | <a href="#"> | ||
+ | <div class="imgmenucontent img1"></div> | ||
+ | <div class="imgmenuoverlay"> | ||
+ | <h3 class="rmvpadmarg">What is the problem</h3> | ||
+ | <p>Some very informative text that will make the user click the link and learn more about our project</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-2 rmvpadmarg" style="white-space: pre;"><p> </p></div> | ||
+ | <div class="col-5 rmvpadmarg"> | ||
+ | <div class="imgmenuitem right"> | ||
+ | <a href="#"> | ||
+ | <div class="imgmenucontent img2"></div> | ||
+ | <div class="imgmenuoverlay"> | ||
+ | <h3 class="rmvpadmarg">Where is the problem</h3> | ||
+ | <p>Some more very informative text that will make the user click the link and learn more about our project</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | --> | ||
+ | |||
− | / | + | </div> |
+ | </div> | ||
− | + | <!-- creates a 4 column (3-3-3-3) design with 1 and 4 being whitespace, 3 is "FIND US AT" and 4 sponsors--> | |
− | + | ||
− | + | <footer class="rmvpadmarg" id="footer"> | |
− | + | <div class="footercontainer"> | |
− | + | ||
− | + | <!-- left footer whitespace --> | |
+ | |||
+ | <div class="colp-1 rmvpadmarg" style="white-space: pre;"> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | |||
+ | <!-- contact information display in footer --> | ||
+ | |||
+ | <div class="colp-5 rmvpadmarg"> | ||
+ | <div class="rmvlinkstyle footercolstyle leftfootercol"> | ||
+ | <p>FIND US AT</p> | ||
+ | <a href="mailto:dtubiobuilders@gmail.com"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/e6/T--DTU-Denmark--mail_logo.svg" alt="Mail" height="40" style="filter: invert(100%);"> | ||
+ | </a> | ||
+ | <a href="https://www.instagram.com/igem_dtubiobuilders/?hl=da"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9f/T--DTU-Denmark--instagram_logo.png" alt="Instagram" height="40"> | ||
+ | </a> | ||
+ | <a href="https://www.facebook.com/dtubiobuilders/?fref=ts"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/20/T--DTU-Denmark--facebook_logo.png" alt="Facebook" height="40" style="filter: invert(100%);"> | ||
+ | </a> | ||
+ | <a href="https://twitter.com/iGEM_DTU"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/7d/T--DTU-Denmark--twitter_logo.png" alt="Twitter" height="40" style="filter: invert(100%);"> | ||
+ | </a><br /> | ||
+ | <span>DTU BIOBUILDERS</span><br /> | ||
+ | <span>DENMARK</span><br /> | ||
+ | <span>DTU - SØLTOFTS PLADS, BYGN. 221/006</span><br /> | ||
+ | <span>2800 KGS. LYNGBY</span><br /> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- main sponsors footer display --> | ||
+ | |||
+ | <div class="colp-5 rmvpadmarg"> | ||
+ | <div class="rmvlinkstyle footercolstyle rightfootercol"> | ||
+ | <p>MAIN SPONSORS</p> | ||
+ | <span> | ||
+ | <a href="http://www.omfonden.dk/information/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/f/f3/T--DTU-Denmark--OM_logo.jpg" alt="Otto Mønsted" align="middle" width="150"> | ||
+ | </a> | ||
+ | <a href="http://www.novonordiskfonden.dk/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/45/T--DTU-Denmark--nnfond_logo.png" alt="Lundbeck fundation" align="middle" width="150"> | ||
+ | </a> | ||
+ | </span><br/> | ||
+ | <span> | ||
+ | <!-- <a href="http://www.lundbeckfonden.com/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--LF_logo.jpg" alt="Lundbeck fundation" align="middle" width="150"> | ||
+ | </a> --> | ||
+ | <a href="http://www.dtu.dk/Uddannelse/Studieliv/Faa-mere-ud-af-dit-studie/DTU-Blue-Dot-Projects"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/d/d7/T--DTU-Denmark--DTU_logo.png" alt="DTU blue dot" align="middle" width="150"> | ||
+ | </a> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- right footer whitespace --> | ||
+ | |||
+ | <div class="colp-1 rmvpadmarg" style="white-space: pre;"> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | <!-- This div ending is windowcontent. Everything should be before this --> | ||
+ | </div> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-- importing script (fade to black effect of navbar) --> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:DTU-Denmark/jsnavbarfade?action=raw&ctype=text/javascript"></script> | ||
− | + | </body> | |
− | + | </html> | |
− | </ | + |
Latest revision as of 22:07, 1 November 2017