(Prototype team page) |
Chris.isaac (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | |||
− | < | + | <head> |
− | < | + | <!-- Import Google Icon Font --> |
− | < | + | <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
− | </ | + | <!--Import materialize.css--> |
+ | <link type="text/css" rel="stylesheet" href="https://2016.igem.org/Template:Lethbridge/MaterializeCSS?action=raw&ctype=text/css" media="screen,projection"/> | ||
+ | <!--Let browser know website is optimized for mobile--> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | ||
+ | <title>Lethbridge iGEM 2016</title> | ||
+ | </head> | ||
− | < | + | <body> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div class=" | + | <!--CONTENT BEGINS--> |
− | < | + | <nav class="red" role="navigation"> |
− | < | + | <div class="nav-wrapper"> |
− | </div> | + | <a href="#!" class="brand-logo center">Lethbridge iGEM</a> |
+ | <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a> | ||
+ | <ul class="right hide-on-med-and-down"> | ||
+ | <li><a href="#">Our Project</a></li> | ||
+ | <li><a href="#">Design</a></li> | ||
+ | <li><a href="#">Team</a></li> | ||
+ | </ul> | ||
+ | <ul class="side-nav" id="mobile-demo"> | ||
+ | <li><a href="#">Our Project</a></li> | ||
+ | <li><a href="#">Design</a></li> | ||
+ | <li><a href="#">Team</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="section no-pad-bot" id="index-banner"> | ||
+ | <div class="cardbg"> | ||
+ | <div class="container transparent"> | ||
+ | <br><br> | ||
+ | <h1 class="header center red-text">Nanoresponders</h1> | ||
+ | <div class="row center"> | ||
+ | <h5 class="header col s12 light">Single-domain antibodies are legit.</h5> | ||
+ | </div> | ||
+ | <div class="row center"> | ||
+ | <a href="#" id="download-button" class="btn-large waves-effect waves-light red">Explore</a> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <div class="col s12 red"> |
− | < | + | <div class="container"> |
− | < | + | <div class="row"> |
− | + | <div class="col l6 s12"> | |
− | + | <h5 class="white-text">Testing Stuff</h5> | |
− | < | + | <p class="grey-text text-lighten-4">Born to late to explore the world, born too early to explore the galaxy. Born just in time for dank memes.</p> |
− | < | + | </div> |
− | < | + | </div> |
− | </ | + | </div> |
− | </div> | + | </div> |
+ | <div class="row"> | ||
+ | <div class="row"> | ||
+ | <div class="col s12 m6"> | ||
+ | <div class="card blue-grey darken-1"> | ||
+ | <div class="card-content white-text"> | ||
+ | <span class="card-title">Card Title</span> | ||
+ | <p>I am a very simple card. I am good at containing small bits of information. | ||
+ | I am convenient because I require little markup to use effectively.</p> | ||
+ | </div> | ||
+ | <div class="card-action"> | ||
+ | <a href="#">This is a link</a> | ||
+ | <a href="#">This is a link</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col s12 m5 offset-m6"> | ||
+ | <div class="card-panel teal z-depth-3"> | ||
+ | <span class="white-text">I am a very simple card. I am good at containing small bits of information. | ||
+ | I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks. | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="carousel carousel-slider center" data-indicators="true"> | ||
+ | <div class="carousel-fixed-item center"> | ||
+ | <a class="btn waves-effect white grey-text darken-text-2">button</a> | ||
+ | </div> | ||
+ | <div class="carousel-item red white-text" href="#one!"> | ||
+ | <h2>First Panel</h2> | ||
+ | <p class="white-text">This is your first panel</p> | ||
+ | </div> | ||
+ | <div class="carousel-item amber white-text" href="#two!"> | ||
+ | <h2>Second Panel</h2> | ||
+ | <p class="white-text">This is your second panel</p> | ||
+ | </div> | ||
+ | <div class="carousel-item green white-text" href="#three!"> | ||
+ | <h2>Third Panel</h2> | ||
+ | <p class="white-text">This is your third panel</p> | ||
+ | </div> | ||
+ | <div class="carousel-item blue white-text" href="#four!"> | ||
+ | <h2>Fourth Panel</h2> | ||
+ | <p class="white-text">This is your fourth panel</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <footer class="page-footer blue"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col l6 s12"> | ||
+ | <h5 class="white-text">Overview</h5> | ||
+ | <p class="grey-text text-lighten-4">The prevalence of virulent and multiple antibiotic resistant pathogens in healthcare facilities has resulted in ongoing reassessment of best practices to prevent their transmission. However, whether pathogen reservoirs exist in emergency medical services (EMS) vehicles, remains largely unknown. Our iGEM team developed a custom bacterial two hybrid system to select single-domain antibodies (nanobodies) that recognize human pathogens. Informed by our Nanopore next generation sequencing of DNA samples from ambulance vehicles, antibodies targeting important pathogens were then used to develop a rapid and low cost ELISA-based testing kit that may be employed on-site by EMS workers. Our project provides a framework for rapid detection of emergent pathogens and a practical and rapid solution for monitoring their presence in and outside of the healthcare system.</p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col l3 s12"> | ||
+ | <h5 class="white-text">Our Project</h5> | ||
+ | <ul> | ||
+ | <li><a class="white-text" href="#!">Link 1</a></li> | ||
+ | <li><a class="white-text" href="#!">Link 2</a></li> | ||
+ | <li><a class="white-text" href="#!">Link 3</a></li> | ||
+ | <li><a class="white-text" href="#!">Link 4</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col l3 s12"> | ||
+ | <h5 class="white-text">Human Practices</h5> | ||
+ | <ul> | ||
+ | <li><a class="white-text" href="#!">Link 1</a></li> | ||
+ | <li><a class="white-text" href="#!">Link 2</a></li> | ||
+ | <li><a class="white-text" href="#!">Link 3</a></li> | ||
+ | <li><a class="white-text" href="#!">Link 4</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | <!-- Scripts --> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_main? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Template:Team:Lethbridge/jQuery2-1-1?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Template:Lethbridge/MaterializeJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2016.igem.org/Template:Lethbridge/InitJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 02:58, 11 October 2016
Testing Stuff
Born to late to explore the world, born too early to explore the galaxy. Born just in time for dank memes.
Card Title
I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.
I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.