Schmidtchen (Talk | contribs) |
Schmidtchen (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | <html> | + | _<html> |
<head> | <head> | ||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- Basic Page Needs | |
− | < | + | –––––––––––––––––––––––––––––––––––––––––––––––––– --> |
+ | <meta charset="utf-8" /> | ||
+ | <title>ADOPE</title> | ||
+ | <meta name="description" content="An iGEM project" /> | ||
+ | <meta name="author" content="Lisbeth Schmidtchen" /> | ||
− | / | + | <!-- Mobile Specific Metas |
+ | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
− | + | <!-- FONT | |
− | + | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | |
− | + | <link href="http://fonts.googleapis.com/css?family=Comfortaa|Lato|Raleway:400,300,600" rel="stylesheet" type="text/css" /> | |
− | + | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- CSS | |
− | + | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
− | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous"> | |
− | + | <link rel="stylesheet" href="https://2018.igem.org/Team:TUDelft/css/custom/test2?action=raw&ctype=text/css" /> | |
− | + | ||
− | + | <!-- JS | |
− | + | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | |
− | + | <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> | |
− | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
− | + | <script src="https://use.fontawesome.com/b31c04f526.js"></script> | |
− | + | ||
− | + | ||
− | + | <!-- KATEX | |
− | + | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | |
− | + | <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js" integrity="sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1" crossorigin="anonymous"></script> | |
− | + | <script src="https://2017.igem.org/Team:TUDelft/js/auto-render?action=raw&ctype=text/javascript" type="text/javascript"></script> | |
− | + | <script> | |
+ | document.addEventListener("DOMContentLoaded", function() { | ||
+ | renderMathInElement(document.body, { | ||
+ | delimiters: [{ | ||
+ | left: "$$", | ||
+ | right: "$$", | ||
+ | display: true | ||
+ | }, | ||
+ | { | ||
+ | left: "\\[", | ||
+ | right: "\\]", | ||
+ | display: true | ||
+ | }, | ||
+ | { | ||
+ | left: "$", | ||
+ | right: "$", | ||
+ | display: false | ||
+ | }, | ||
+ | { | ||
+ | left: "\\(", | ||
+ | right: "\\)", | ||
+ | display: false | ||
+ | } | ||
+ | ], | ||
+ | throwOnError: false, | ||
+ | macros: { | ||
+ | '\\tag': '\\pod\\text' | ||
+ | } | ||
+ | }); | ||
+ | var eqno = document.querySelectorAll(".katex span > span.mspace.quad"); | ||
+ | for (var i = 0; i < eqno.length; ++i) { | ||
+ | if (eqno[i].parentNode.className) | ||
+ | continue; | ||
+ | var quad = eqno[i]; | ||
+ | var span = quad.parentNode; | ||
+ | var text = span.nextSibling; | ||
+ | var pare = text.nextSibling; | ||
+ | span.removeChild(quad); | ||
+ | span.appendChild(text); | ||
+ | span.appendChild(pare); | ||
+ | span.className = 'eqno'; | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- Favicon | ||
+ | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | ||
+ | <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png" /> | ||
− | + | ||
+ | |||
+ | <style> | ||
− | + | ||
− | + | #showcase{ | |
− | + | background-image:url('https://images.pexels.com/photos/1346176/pexels-photo-1346176.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260'); | |
− | + | background-size:cover; | |
+ | background-position:center; | ||
+ | height:100vh; | ||
+ | display:flex; | ||
+ | flex-direction:column; | ||
+ | justify-content:center; | ||
+ | align-items:center; | ||
+ | text-align:center; | ||
+ | padding:0 20px; | ||
} | } | ||
− | + | #showcase h1{ | |
− | + | font-size:50px; | |
− | + | line-height:1.2; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | #showcase p{ | |
− | + | font-size:20px; | |
− | + | ||
− | + | ||
} | } | ||
+ | |||
+ | </style> | ||
− | + | </head> | |
+ | <body> | ||
− | + | <header> | |
− | + | <nav class="navbar navbar-default navbar-fixed-top"> | |
− | + | <div class="container"> | |
− | + | ||
− | + | <!-- Brand and toggle get grouped for better mobile display --> | |
− | + | <div class="navbar-header"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- Button that toggles the navbar on and off on small screens --> | |
− | + | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#adopenav" aria-expanded="false"> | |
− | + | ||
− | + | ||
− | + | <!-- Hides information from screen readers --> | |
− | + | <span class="sr-only"></span> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- Draws 3 bars in navbar button when in small mode --> | |
− | + | <span class="icon-bar"></span> | |
− | + | <span class="icon-bar"></span> | |
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
− | + | <!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) --> | |
− | + | <a class="pull-left" href="https://2018.igem.org/Team:TUDelft"><img class="adopeicon" src="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png"></a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | .dropdown- | + | <!-- Collect the nav links, forms, and other content for toggling --> |
− | + | <div class="collapse navbar-collapse" id="adopenav"> | |
− | + | <ul class="nav navbar-nav"> | |
− | + | <!-- Project --> | |
− | + | <li class="dropdown"> | |
− | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a href="https://2018.igem.org/Team:TUDelft/Description">Description</a></li> | |
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Design">Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Results">Results</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Demonstration">Demonstration</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <!-- Modeling --> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Model">Model</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Software">Software Tool</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <!-- Team --> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Team">Team Members</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Team_Building">Team Building</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <!-- Parts --> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Basic_Part">Basic Parts</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Composite_Parts">Composite Parts</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Part_Collection">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <!-- Human Practices --> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Human_Practices">Integrated Human Practices</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Public_Engagement">Education and Engagement</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Entrepreneurship">Entrepreneurship</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Applied_Design">Applied Design</a></li> | ||
− | . | + | </ul> |
− | + | </li> | |
− | + | <!-- EurAsian Meetup --> | |
+ | <li><a href="https://2018.igem.org/Team:TUDelft/EurAsianMeetup">EurAsian Meetup</a></li> | ||
+ | <!-- Safety --> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Safety">Safety</a></li> | ||
+ | <!-- Sponsors --> | ||
+ | <li><a href="https://2018.igem.org/Team:TUDelft/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </div><!-- /.container-fluid --> | ||
+ | </nav> | ||
+ | </header> | ||
+ | <br> | ||
+ | <br> | ||
+ | <!-- WRITE YOUR STUFF RIGHT HERE --> | ||
+ | <br> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div class=" | + | <header id="showcase"> |
− | + | <h1>Welcome To The Beach</h1> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi officiis ipsum officia numquam expedita ullam.</p> | |
− | + | </header> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div class="container-fluid" style="margin: 20px"> | |
− | + | <div class="row"> | |
− | + | ||
− | + | ||
− | + | <!-- <div class="container"> | |
− | + | <div class="hidden-xs hidden-sm col-md-1 col-lg-1"></div> | |
+ | <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10"> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <center><div clas="container" style="position:relative;"><img src="https://static.igem.org/mediawiki/2018/a/a1/T--TUDelft--2018_col_v2.png" alt="Circle of Life" usemap="#CircleOfLife" id="CircleLife" style="height:75%;length:auto;"><a href="https://2018.igem.org/Team:TUDelft/Description" title="Project" style="position: absolute; left: 30.83%; top: 4%; width: 38.63%; height: 18.65%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Description" title="Project" style="position: absolute; left: 42.82%; top: 22.65%; width: 14.37%; height: 17.6%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Model" title="Modeling" style="position: absolute; left: 11.23%; top: 26.93%; width: 18.93%; height: 27.02%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Model" title="Model" style="position: absolute; left: 30.35%; top: 36.25%; width: 9.51%; height: 16.65%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Experiments" title="Wetlab" style="position: absolute; left: 59.85%; top: 35.97%; width: 33.59%; height: 15.79%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Experiments" title="Wetlab" style="position: absolute; left: 70.79%; top: 25.31%; width: 20.93%; height: 10.28%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Parts" title="Parts" style="position: absolute; left: 32.73%; top: 58.04%; width: 16.94%; height: 31.97%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Parts" title="Parts" style="position: absolute; left: 19.41%; top: 60.89%; width: 12.37%; height: 23.12%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" title="HP" style="position: absolute; left: 49.95%; top: 56.04%; width: 18.55%; height: 37.68%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" title="HP" style="position: absolute; left: 69.36%; top: 64.13%; width: 13.32%; height: 21.41%; z-index: 2;"></a><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" title="HP" style="position: absolute; left: 84.21%; top: 90.2%; width: 10.85%; height: 4.28%; z-index: 2;"></a></div> | ||
+ | |||
+ | </center> | ||
</div> | </div> | ||
− | + | <div class="hidden-xs hidden-sm col-md-1 col-lg-1"></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> --> | ||
+ | |||
+ | <!-- BETWEEN THESE TWO COMMENTS --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="row" style="position:relative;bottom:-200px;"> | ||
+ | <div class="container-fluid footer"> | ||
+ | <center> <h4 class="center">We thank our sponsors:</h4> | ||
+ | <div class="sponsors center"> | ||
+ | <a href="http://tudelft.nl/en"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" alt="tudelft" title="tudelft" style=" ;" /> | ||
+ | </a> | ||
+ | <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/bionanoscience/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b1/T--TUDelft--2018_bionano.jpeg" alt="Bionanoscience" title="Bionanoscience" style=" ;"> | ||
+ | </a> | ||
+ | <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/biotechnology/"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--TUDelft--2017_Department_of_Biotechnology.min.jpg" title="Biotechnology" style=" ;"></a> | ||
+ | <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/"><img src="https://static.igem.org/mediawiki/2018/6/6d/T--TUDelft--2018_appliedsciences.png" alt="Faculty of Applied Sciences" title="Faculty of Applied Sciences" style=" "></a> | ||
+ | |||
+ | <a href="https://www.tudelft.nl/en/education/programmes/masters/science-education-and-communication/msc-science-education-and-communication/"><img src="https://static.igem.org/mediawiki/2018/1/13/T--TUDelft--2017_Science_Education_and_Communication.min.png" alt="Science Education and Communication" title="Science Education and Communication" style=" ;"></a> | ||
+ | |||
+ | <a href="https://www.stud.nl/en/stud-fund"><img src="https://static.igem.org/mediawiki/2018/0/07/T--TUDelft--2018_stud.png" alt="StuD Fonds" title="StuD Fonds" style=" ;"></a> | ||
+ | <a href="http://www.medicaldelta.nl/"><img src="https://static.igem.org/mediawiki/2018/d/d6/T--TUDelft--2017_Medical_Delta.min.png" alt="Medical Delta" title="Medical Delta" style=" ;"></a> | ||
+ | |||
+ | <a href="https://www.tudelft.nl/health"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/48/T--TUDelft--healthinitiative.png" alt="TU Delft Health Initiative" title="TU Delft Health Initiative" style=" ;"> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://www.tudelft.nl/sports-engineering-institute/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/0d/T--TUDelft--2018_sporteng.jpg" alt="TU Delft Sports Engineering Institute" title="TU Delft Sports Engineering Institute" style=" ;"></a> | ||
+ | |||
+ | <a href="http://www.merckmillipore.com/NL/en"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/86/T--TUDelft--Sponsor_Merck.jpeg" alt="Merck" title="Merck"></a> | ||
+ | |||
+ | <a href="http://www.snapgene.com"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/b/ba/SnapGene_newsletter_1.png" alt="Snapgene" title="Snapgene" style=" ;"></a> | ||
+ | <a href="http://www.modernmeadow.com/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/48/T--TUDelft--2018_modernmeadow.png" alt="Modern Meadow" title="Modern Meadow" style=";"></a> | ||
+ | |||
+ | <a href="https://svi.nl/HomePage"><img src="https://static.igem.org/mediawiki/2018/0/03/T--TUDelft--2018_svi.png" alt="SVI" title="SVI" style=" ;"></a> | ||
+ | |||
+ | <a href="https://www.skylinedx.com/"><img src="https://static.igem.org/mediawiki/2018/f/fd/T--TUDelft--2018_skylinedx.png" alt="SkylineDx" title="SkylineDx" style=" ;"></a> | ||
+ | |||
+ | <a href="https://www.vironova.com/"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--TUDelft--2018_vironova.png" alt="Vironova" title="Vironova" style=" ;"></a> | ||
+ | |||
+ | <a href="http://www.dsm.com"><img src="https://static.igem.org/mediawiki/2017/3/37/T--TUDelft--2017_DSM.jpg" alt="DSM" title="DSM" style=" ;"></a> | ||
+ | |||
− | |||
− | |||
+ | </div> | ||
+ | </center> | ||
+ | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 17:16, 12 October 2018
_
Welcome To The Beach
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi officiis ipsum officia numquam expedita ullam.