Difference between revisions of "Team:Lethbridge/Ridealong"

 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<!-- HTML CONTENT BEGINS  -->
 +
<!-- LETHBRIDGE IGEM 2016 -->
 
<html>
 
<html>
−
<style>
+
<head>
 +
  <!-- Wiki Style Reset (From U of C)-->
 +
    <style type="text/css">
 +
      /* Reset the wiki style by overriding with a reset stylesheet.
 +
        The relevant wiki css rules are reset by using rules with higher priority.
 +
        (Written by Florian Albrecht)
 +
        Shoutout to the 2016 U of C wiki */
  
−
/* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht)
+
      /* Start general reset ================================================== */
−
  the relevant wiki css rules are reset by using rules with higher priority */
+
        html body {font-size: inherit;font-family: inherit;background-color: #b0bec5;color: inherit;padding: 0;}
 +
        div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 +
      /* Start top-section reset ============================================== */
 +
        div#top-section {border: 0;height: auto;margin: 0;position: static;width: auto;}
 +
        div#p-logo {height: auto;position: static;width: auto;z-index: auto;}
 +
        div#p-logo a, div#p-logo a:hover {text-decoration: none; font-family: 'Roboto', sans-serif;}
 +
        div#menubar {font-family: inherit;font-size: inherit;line-height: inherit;position: static;top: 0px;white-space: normal;width: auto;z-index: auto;}
 +
        div.left-menu, div.left-menu a {color: inherit;left: 0;text-align: left;text-transform: none;font-family: 'Roboto', sans-serif;}
 +
        div#menubar ul {color: inherit;list-style: disc outside none;margin: 0;padding: 0; font-family: 'Roboto', sans-serif;}
 +
        div#menubar li {cursor: auto;display: list-item;padding: 0;margin: 0;position: static; font-family: 'Roboto', sans-serif;}
 +
        div.left-menu li a {padding: 0; font-family: 'Roboto', sans-serif;}
 +
        div.left-menu:hover {color: inherit;background-color: transparent;}
 +
        div.left-menu:hover a {color: inherit;font-family: 'Roboto', sans-serif;}
 +
        div.right-menu, div.right-menu a {color: inherit;right: 0;text-align: left;font-family: 'Roboto', sans-serif;}
 +
        div.right-menu li a {background-color: transparent;color: inherit;padding: 0;font-family: 'Roboto', sans-serif;}
 +
        div.right-menu li a:hover {color: inherit;text-decoration: none;font-family: 'Roboto', sans-serif;}
 +
        div#search-controls {background-color: transparent;height: auto;position: static;right: 0;text-align: left;top: 0;width: auto;z-index: auto;}
 +
      /* Start content reset ================================================== */
 +
        div#content {background: transparent;border: 0;color: inherit;line-height: inherit;margin: 0;padding: 0;position: static;width: auto;z-index: auto;}
 +
        a:link, a:hover, a:active, a:visited{color: white; text-decoration: none;font-family: 'Roboto', sans-serif;}
 +
        body li {margin: 0; font-family: 'Roboto', sans-serif;}
 +
        body h1, body h2, body h3, body h4, body h5, body h6 {background: transparent;border: 0;color: inherit;padding: 0; font-family: 'Roboto', sans-serif;}
 +
        body .firstHeading {margin: 0;}
 +
        div#contentSub {color: inherit;font-size: inherit;line-height: inherit;margin: 0;width: auto;}
 +
        div#catlinks {background-color: transparent;border: 0;clear: both;margin: 0;padding: 0;}
 +
      /* Start footer reset =================================================== */
 +
        div#footer-box {background-color: transparent;border: 0;margin: 0;padding: 0;width: auto;}
 +
        div#footer {color: inherit;font-size: inherit;text-align: left;}
 +
        div#f-poweredbyico, div#f-copyrightico {float: none;}
 +
        div#footer li {margin: 0;display: list-item; font-family: 'Roboto', sans-serif;}
 +
      </style>
  
 +
      <!-- SideMenu for iGEM Stuff -->
 +
      <style type="text/css">
 +
      #sideMenu{width: 200px;position: absolute;top: 20px;left: 1020px;z-index: 10;padding-top: 0px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;background-color: white;text-align: left;display: none;z-index: 9996;}
 +
      #content{width: 100%;padding: 0px;margin-left: 0px;}
 +
      #top_title{overflow: hidden;display: none;}
 +
      #top_menu_14{height: 20px;}
 +
      #top_menu_under{height: 0px;}
 +
      #globalWrapper{padding-bottom: 200px;}
 +
      </style>
  
−
/* Start general reset ================================================== */
+
      <!-- Custom Styling -->
 +
      <style>
 +
      a {list-style-image: none;}
 +
      ul {list-style-image: none;}
 +
      ol {list-style-image: none;}
 +
      li {list-style-image: none;}
 +
      .waves-effect.waves-blue .waves-ripple {
 +
        background-color: rgba(51, 153, 255, 0.65);
 +
      }
 +
      html {
 +
        line-height: 1.5;
 +
        font-family: "Roboto" !important, sans-serif;
 +
        font-weight: normal;
 +
        color: rgba(0, 0, 0, 0.87);
 +
      }
 +
      #HQ_page h1 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h2 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h3 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h4 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h5 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page p {font-family: "Roboto", sans-sefif;}
 +
      </style>
  
−
html body {
+
      <!--More Custom Style for Carousel-->
−
    font-size: inherit;
+
      <style> /*All of the images linked out to are 400x1920*/
−
    font-family: inherit;
+
      div.CB1 {
−
    background-color: transparent;
+
        background: url(http://bark-inn.com/wp-content/uploads/2015/11/WATERBALLS-001.jpg) no-repeat center;
−
    color: inherit;
+
        width: 100%;
−
    padding: 0;
+
      }
−
}
+
      div.CB2 {
 +
        background: url(https://cdna2.artstation.com/p/assets/images/images/003/290/554/large/adrian-dudak-ny-night.jpg?1472063960) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB3 {
 +
        background: url(http://www.uktoursandvacations.com/media/61605/london-eye-night.jpg?mode=crop&width=1920&height=400&center=0,0&quality=70&bgcolor=fff) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB4 {
 +
        background: url(http://www.hatfieldswimmingclub.org/wp-content/uploads/2016/02/banner1.jpg) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      </style>
  
−
div#globalWrapper {
+
     <!-- Import Google Icon Font -->
−
    font-size: inherit;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
    position: static;
+
−
    width: auto;
+
−
}
+
−
 
+
−
 
+
−
/* Start top-section reset ============================================== */
+
−
 
+
−
div#top-section {
+
−
    border: 0;
+
−
    height: auto;
+
−
    margin: 0;
+
−
    position: static;
+
−
    width: auto;
+
−
}
+
−
 
+
−
div#p-logo {
+
−
    height: auto;
+
−
    position: static;
+
−
    width: auto;
+
−
    z-index: auto;
+
−
}
+
−
 
+
−
div#p-logo a, div#p-logo a:hover {
+
−
    text-decoration: none;
+
−
}
+
−
 
+
−
div#menubar {
+
−
    font-family: inherit;
+
−
    font-size: inherit;
+
−
    line-height: inherit;
+
−
    position: static;
+
−
    top: 0px;
+
−
    white-space: normal;
+
−
    width: auto;
+
−
    z-index: auto;
+
−
}
+
−
 
+
−
div.left-menu, div.left-menu a {
+
−
    color: inherit;
+
−
    left: 0;
+
−
    text-align: left;
+
−
    text-transform: none;
+
−
}
+
−
 
+
−
div#menubar ul {
+
−
    color: inherit;
+
−
    list-style: disc outside none;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
}
+
−
 
+
−
div#menubar li {
+
−
    cursor: auto;
+
−
    display: list-item;
+
−
    padding: 0;
+
−
    margin: 0;
+
−
    position: static;
+
−
}
+
−
 
+
−
div.left-menu li a {
+
−
    padding: 0;
+
−
}
+
−
 
+
−
div.left-menu:hover {
+
−
    color: inherit;
+
−
    background-color: transparent;
+
−
}
+
−
 
+
−
div.left-menu:hover a {
+
−
    color: inherit;
+
−
}
+
−
 
+
−
div.right-menu, div.right-menu a {
+
−
    color: inherit;
+
−
    right: 0;
+
−
    text-align: left;
+
−
}
+
−
 
+
−
div.right-menu li a {
+
−
    background-color: transparent;
+
−
    color: inherit;
+
−
    padding: 0;
+
−
}
+
−
 
+
−
div.right-menu li a:hover {
+
−
    color: inherit;
+
−
    text-decoration: none;
+
−
}
+
−
 
+
−
div#search-controls {
+
−
    background-color: transparent;
+
−
    height: auto;
+
−
    position: static;
+
−
    right: 0;
+
−
    text-align: left;
+
−
    top: 0;
+
−
    width: auto;
+
−
    z-index: auto;
+
−
}
+
−
 
+
−
 
+
−
/* Start content reset ================================================== */
+
−
 
+
−
div#content {
+
−
    background: transparent;
+
−
    border: 0;
+
−
    color: inherit;
+
−
    line-height: inherit;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
    position: static;
+
−
    width: auto;
+
−
    z-index: auto;
+
−
}
+
−
 
+
−
body li {
+
−
    margin: 0;
+
−
}
+
−
 
+
−
body h1, body h2, body h3, body h4, body h5, body h6 {
+
−
    background: transparent;
+
−
    border: 0;
+
−
    color: inherit;
+
−
    padding: 0;
+
−
}
+
−
 
+
−
body .firstHeading {
+
−
    margin: 0;
+
−
}
+
−
 
+
−
div#contentSub {
+
−
    color: inherit;
+
−
    font-size: inherit;
+
−
    line-height: inherit;
+
−
    margin: 0;
+
−
    width: auto;
+
−
}
+
−
 
+
−
div#catlinks {
+
−
    background-color: transparent;
+
−
    border: 0;
+
−
    clear: both;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
}
+
−
 
+
−
 
+
−
/* Start footer reset =================================================== */
+
−
 
+
−
div#footer-box {
+
−
    background-color: transparent;
+
−
    border: 0;
+
−
    margin: 0;
+
−
    padding: 0;
+
−
    width: auto;
+
−
}
+
−
 
+
−
div#footer {
+
−
    color: inherit;
+
−
    font-size: inherit;
+
−
    text-align: left;
+
−
}
+
−
 
+
−
div#f-poweredbyico, div#f-copyrightico {
+
−
    float: none;
+
−
}
+
−
 
+
−
div#footer li {
+
−
    margin: 0;
+
−
    display: list-item;
+
−
}
+
−
</style>
+
−
<style>
+
−
#sideMenu{
+
−
            width: 200px;
+
−
    position: absolute;
+
−
    top: 20px;
+
−
    left: 1020px;
+
−
    z-index: 10;
+
−
    padding-top: 0px;
+
−
    padding-bottom: 15px;
+
−
    padding-left: 15px;
+
−
    padding-right: 15px;
+
−
    background-color: white;
+
−
    text-align: left;
+
−
display: none;
+
−
z-index: 9996;
+
−
}
+
−
#content{
+
−
width: 100%;
+
−
        padding: 0px;
+
−
        margin-left: 0px;
+
−
}
+
−
#top_title{
+
−
overflow: hidden;
+
−
display: none;
+
−
}
+
−
#top_menu_14{
+
−
height: 20px;
+
−
}
+
−
#top_menu_under{
+
−
height: 0px;
+
−
}
+
−
#globalWrapper{
+
−
      padding-bottom: 20px;
+
−
}
+
−
</style>
+
−
  <head>
+
−
     <!--Import Google Icon Font-->
+
 
     <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
     <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
    <!-- Roboto Font -->
 +
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
     <!--Import materialize.css-->
 
     <!--Import materialize.css-->
−
     <link type="text/css" rel="stylesheet" href="https://static.igem.org/mediawiki/2016/2/2b/Lethbridge2016_MinifiedCSSv1.txt"  media="screen,projection"/>
+
     <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-->
 
     <!--Let browser know website is optimized for mobile-->
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
−
 
+
    <!-- Page Title -->
 
     <title>Lethbridge iGEM 2016</title>
 
     <title>Lethbridge iGEM 2016</title>
  
−
  </head>
+
</head>
  
−
  <body>
+
<body>
−
    <!--Import jQuery before materialize.js-->
+
−
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+
−
    <script type="text/javascript" src="js/materialize.min.js"></script>
+
  
−
 
+
<div id="content">
−
    <!--CONTENT BEGINS-->
+
   <nav class="blue-grey darken-4" role="navigation" style="margin-top: 15px;">
−
   <nav class="red" role="navigation">
+
 
     <div class="nav-wrapper">
 
     <div class="nav-wrapper">
−
       <a href="#!" class="brand-logo center">Lethbridge iGEM</a>
+
       <a href="https://2016.igem.org/Team:Lethbridge" class="brand-logo left" style="width:auto; left:40px;"> 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" style="list-style-image: none;"><!--For the top bar-->
−
      <ul class="right hide-on-med-and-down">
+
        <li><a class="dropdown-button" href="#!" data-activates="dropdown1" style="display: block; padding-top: 19px; padding-bottom: 19px">Project</a></li>
−
           <li><a href="#">Project</a></li>
+
          <ul id='dropdown1' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
−
          <li><a href="#">Design</a></li>
+
            <li><a href="https://2016.igem.org/Team:Lethbridge/Description" style="color:#616161;">Description</a></li>
−
          <li><a href="#">Team</a></li>
+
            <li><a href="https://2016.igem.org/Team:Lethbridge/Design" style="color:#616161;">Design</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments" style="color:#616161;">Experiments</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook" style="color:#616161;">Notebook</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Parts" style="color:#616161;">Parts</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Safety" style="color:#616161;">Safety</a></li>
 +
          </ul>
 +
        <li><a class="dropdown-button" href="#!" data-activates="dropdown2" style="display: block; padding-top: 19px; padding-bottom: 19px">Practices</a></li>
 +
          <ul id='dropdown2' class='dropdown-content' style="list-style-image: none; margin-left: 0px; width: auto;">
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro" style="color:#616161;">Intro</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews" style="color:#616161;">Interviews</a></li><!--NEEDS STUFF-->
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" style="color:#616161;">Literature Review</a></li><!--NEEDS STUFF-->
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong" style="color:#616161;">Ridealongs</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol" style="color:#616161;">Protocol</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling" style="color:#616161;">Sampling</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices" style="color:#616161;">Integrated Practices</a></li>
 +
        </ul>
 +
        <li><a href="https://2016.igem.org/Team:Lethbridge/Results" style="display: block; padding-top: 19px; padding-bottom: 19px">Results</a></li>
 +
        <li><a class="dropdown-button" href="#!" data-activates="dropdown3" style="display: block; padding-top: 19px; padding-bottom: 19px">Team</a></li>
 +
           <ul id='dropdown3' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Team" style="color:#616161;">Members</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations" style="color:#616161;">Collaboration</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions" style="color:#616161;">Attribution</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors" style="color:#616161;">Sponsors</a></li>
 +
          </ul>
 +
        <li><a href="https://2016.igem.org/Team:Lethbridge/Achievements" style="display: block; padding-top: 19px; padding-bottom: 19px">Achievements</a></li>
 
       </ul>
 
       </ul>
−
      <ul class="side-nav" id="mobile-demo">
 
−
          <li><a href="#">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">
+
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
−
      <div class="cardbg">
+
         <ul id="nav-mobile" class="side-nav" style="margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px;">
−
         <div class="container transparent">
+
            <li class="no-padding">
−
        <br><br>
+
              <ul class="collapsible collapsible-accordion">
−
        <h1 class="header center red-text">Nanoresponders</h1>
+
                <li class="bold"><a class="collapsible-header waves-effect waves-blue">Project</a>
−
        <div class="row center">
+
                  <div class="collapsible-body">
−
          <h5 class="header col s12 light">Single-domain antibodies are legit.</h5>
+
                    <ul>
−
        </div>
+
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Description">Description</a></li>
−
        <div class="row center">
+
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Design">Design</a></li>
−
          <a href="#" id="download-button" class="btn-large waves-effect waves-light red">Explore</a>
+
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments">Experiments</a></li>
−
        </div>
+
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook">Notebook</a></li>
−
        <br><br>
+
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Parts">Parts</a></li>
−
      </div>
+
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Safety">Safety</a></li>
−
    </div>
+
                    </ul>
−
    </div>
+
                  </div>
 +
                </li>
 +
              </ul>
 +
            </li>
  
 +
          <li class="no-padding">
 +
            <ul class="collapsible collapsible-accordion">
 +
              <li class="bold"><a class="collapsible-header waves-effect waves-red">Practices</a>
 +
                <div class="collapsible-body">
 +
                  <ul>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro">Intro</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews">Interviews</a></li><!--NEEDS STUFF-->
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" >Literature Review</a></li><!--NEEDS STUFF-->
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">Ridealongs</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol">Protocol</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling">Sampling</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices">Integrated Practices</a></li>                  </ul>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </li>
 +
        <li class="bold"><a class="collapsible-header waves-effect" href="https://2016.igem.org/Team:Lethbridge/Results">Results</a></li>
 +
        <li class="no-padding">
 +
          <ul class="collapsible collapsible-accordion">
 +
            <li class="bold"><a class="collapsible-header waves-effect">Team</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2016.igem.org/Team:Lethbridge/Team">Members</a></li>
 +
                  <li><a href="https://2016.igem.org/Team:Lethbridge/Collaborations">Collaboration</a></li>
 +
                  <li><a href="https://2016.igem.org/Team:Lethbridge/Attributions">Attribution</a></li>
 +
                  <li><a href="https://2016.igem.org/Team:Lethbridge/Sponsors">Sponsors</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li class="bold"><a class="collapsible-header waves-effect" href="https://2016.igem.org/Team:Lethbridge/Achievements">Achievements</a></li>
 +
    </ul>
 +
  </div>
 +
</nav>
  
 +
<!-- Wiki Content Begins - Edit Here -->
  
−
 
+
<div class="container" style="padding-top:100px; padding-bottom:100px;">
−
    <div class="col s12 red">
+
<div class="row">
−
      <div class="container">
+
  <div class="col s12 purple darken-1">
−
        <div class="row">
+
     <div class="container">
−
          <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 class="row">
+
 
       <div class="row">
 
       <div class="row">
−
         <div class="col s12 m6">
+
         <div class="col s12">
−
           <div class="card blue-grey darken-1">
+
           <h1 class="white-text center">Magic carpets?</h1>
−
            <div class="card-content white-text">
+
          <h5 class="thin grey-text text-lighten-4" style="padding-bottom:20px;">Unfortunately we've left the rug at home, but we can open your eyes, take you wonder by wonder, over sideways and under, on an local EMT ride.</h5>
−
              <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">
+
<a class="waves-effect  white btn black-text center" href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">A whole new world?</a>
−
      <div class="col s12 m5 offset-m6">
+
<div style="padding-bottom:20px;"></div>
−
        <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>
 
     </div>
 +
  </div>
 +
</div>
 
</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>
+
  </main>
−
          <div class="col l3 s12">
+
</div>
−
            <h5 class="white-text">Our Project</h5>
+
<!-- Scripts -->
−
            <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 src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+
−
    <script src="js/materialize.js"></script>
+
−
    <script src="js/init.js"></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>
 
   </body>
 
</html>
 
</html>

Latest revision as of 03:14, 17 October 2016

Lethbridge iGEM 2016

Magic carpets?

Unfortunately we've left the rug at home, but we can open your eyes, take you wonder by wonder, over sideways and under, on an local EMT ride.
A whole new world?