Lineaastrup (Talk | contribs) |
Lineaastrup (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | < | + | <head> |
+ | <!-- importing style sheet --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:DTU-Denmark/stylesheetsub?action=raw&ctype=text/css&?ver=6"> | ||
− | < | + | <!--- importing script INCLUDING NAVBAR HTML CODE --> |
− | < | + | <script type="text/javascript" src="https://2017.igem.org/Team:DTU-Denmark/jsnavbarfade?action=raw&ctype=text/javascript"></script> |
− | + | ||
− | + | ||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | < | + | </head> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | <div | + | <body> |
− | < | + | <div id="windowcontent"> |
− | < | + | |
− | + | <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list --> | |
− | </p> | + | |
+ | <div class="row"> | ||
+ | <div class="col-12 rmvpadmarg tofront fixed"> | ||
+ | <nav class="navbar"> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- creates a 3 column (2-8-2) row with the main container and air on each side --> | ||
+ | <div class="row"> | ||
+ | <div class="maincontainer"> | ||
+ | |||
+ | <!-- creates the main container (text area) --> | ||
+ | |||
+ | <div class="colp-10 rmvpadmarg"> | ||
+ | |||
+ | <h1 class="bottomborder">Software</h1> | ||
+ | |||
+ | <p>Text</p> | ||
+ | </div> | ||
+ | |||
+ | <div class="colp-2 rmvpadmarg"> | ||
+ | <div class="rightnavbar rmvpadmarg"> | ||
+ | |||
<ul> | <ul> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <li class="rightnavbarbtn"> | ||
+ | <a href="#">headline 1</a> | ||
+ | </li> | ||
+ | |||
+ | <li class="rightnavbarbtn"> | ||
+ | <a href="#">headline 2</a> | ||
+ | </li> | ||
+ | |||
+ | <li class="rightnavbarbtn"> | ||
+ | <a href="#">headline 3</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
</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> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 12:26, 30 October 2017
Software
Text