Line 1: | Line 1: | ||
{{Template:UCL/Bootstrap_2018}} | {{Template:UCL/Bootstrap_2018}} | ||
+ | {{Template:UCL/CSS_style}} | ||
+ | {{Template:UCL/Animate_CSS}} | ||
− | <! | + | <!DOCTYPE html> |
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
− | + | <meta charset="UTF-8"> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> | |
− | + | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
− | + | <title>UCL SETA</title> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
− | |||
− | |||
<style> | <style> | ||
− | + | @import url('https://static.igem.org/mediawiki/2018/5/52/T--UCL--QuicksandReg.eot'); | |
− | + | @import url('https://fonts.googleapis.com/css?family=Quicksand'); | |
− | + | ||
− | + | ||
#content { | #content { | ||
Line 31: | Line 25: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | background-color: | + | background-color: inherit; |
position: relative; | position: relative; | ||
+ | } | ||
+ | |||
+ | #sideMenu, | ||
+ | #top_title { | ||
+ | display: none; //removes the top iGEM logo thing | ||
} | } | ||
Line 38: | Line 37: | ||
<body> | <body> | ||
+ | <div class="wrapper"> | ||
+ | <nav> | ||
+ | <div class="div-logo"><a href="https://2018.igem.org/Team:UCL"> | ||
+ | <img class="img-logo"src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" /></a> | ||
+ | </div> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/People">People</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/People/Team">Team</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/People/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/People/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project/FB">Final Brick Standardisation</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project/Intein">Intein Technology</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project/Spider_Silk">Spider Silk</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project/Results">Results</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project/POP">Proof of Principle</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project/InterLab">InterLab</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Project/Safety">Safety and Security</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts">Parts</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/FB">Final Brick</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/Intein_mScar">Intein Passenger</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/GFP">GFP Reporter</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/RFP">RFP Reporter</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/MS">Mini Spindroin</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/IS">Intein Spindroin</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/NikR">NikR</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Parts/SpyTag">SpyTag</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Modelling">Modelling</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Modelling/Intein">Intein</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Modelling/Intein_Poly">Intein Polymerisation</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Modelling/LAMMPS">LAMMPS</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Modelling/Scale_Up">Scale Up</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/HP">Human Practices</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/HP/IHP">Integrated Human Practices</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/HP/PE">Public Engagement</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/HP/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Notebook/Lab_Book">Lab Book</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Notebook/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UCL/Notebook/MC">Medal Criteria</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <section id="particle-bg"class="sec1"> | ||
+ | <div class="particle-bg-heading"> | ||
− | < | + | <div class="acronym1 acronym animated lightSpeedIn">S</div><div class="heading1 heading animated flipInX">ilk</div><br /> |
− | ======== | + | <div class="acronym2 acronym animated lightSpeedIn">E</div><div class="heading2 heading animated flipInX">ngineered</div><br /> |
+ | <div class="acronym3 acronym animated lightSpeedIn">T</div><div class="heading3 heading animated flipInX">echnology &</div><br /> | ||
+ | <div class="acronym4 acronym animated lightSpeedIn">A</div><div class="heading4 heading animated flipInX">pplications</div><br /> | ||
− | + | </div> | |
− | < | + | <div class="particle-bg-intro animated fadeIn"> |
− | < | + | With five times the strength of steel, spider silk is the ideal material <br />both in biodegradability and biocompatibility. Here at UCL, we aim to <br />use spider silk to create metal-binding scaffolds for <br />filtering purposes as well as aiding tissue regeneration. |
− | + | </div> | |
− | + | ||
− | <div class=" | + | <div class="scroll animated fadeIn"> |
− | + | ||
− | + | ||
− | + | <a href="#section1"class="nostyle"> | |
− | + | ﹀ | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </section> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
+ | <section class="section1" id="section1"> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
</p> | </p> | ||
− | |||
− | < | + | </section> |
− | == | + | <section class="section2" id="section2"> |
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
− | < | + | </section> |
+ | <section class="section3" id="section3"> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
− | </ | + | </section> |
+ | <section class="section4" id="section4"> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | </section> | ||
+ | <section class="section5" id="section5"> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
+ | </p> | ||
+ | |||
+ | </section> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 16:18, 11 September 2018
<!DOCTYPE html>
both in biodegradability and biocompatibility. Here at UCL, we aim to
use spider silk to create metal-binding scaffolds for
filtering purposes as well as aiding tissue regeneration.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.