Difference between revisions of "Team:NYU-AD"

 
(138 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
 
 
<html lang="en">
 
<html lang="en">
 
+
  <head>
<head>
+
 
+
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
+
     <title>Random Page</title>
     <meta name="author" content="">
+
<!-- font awesome css -->
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:NYU-AD/libraries/css/font-awesome_min_css?action=raw&ctype=text/css" type="text/css" />
 +
     <!-- <link href="template.css" rel="stylesheet"> -->
 +
    <!-- the above link is for local work -->
  
     <title>Creative - Start Bootstrap Theme</title>
+
     <link href="https://2016.igem.org/Team:NYU-AD/libraries/theCSSFilev9?action=raw&amp;ctype=text/css" rel="stylesheet">
  
    <!-- Bootstrap Core CSS -->
+
<script type="text/javascript" src="https://2016.igem.org/Team:NYU-AD/libraries/jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
<script type="text/javascript" src="https://2016.igem.org/Team:NYU-AD/libraries/Bootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 +
<script>
 +
$(window).scroll(function() {
 +
  if ($(document).scrollTop() > 50) {
 +
$('nav').addClass('shrink');
 +
  } else {
 +
$('nav').removeClass('shrink');
 +
  }
 +
});
 +
</script>
  
    <!-- Custom Fonts -->
 
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 
  
    <!-- Plugin CSS -->
+
  <style>
    <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+
/*
 +
////////////Taming media wiki settings///////////////////*/
 +
body {
 +
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-size: 14px;
 +
    line-height: 1.42857143;
 +
    color: #555;
 +
    background-color: #fff;
 +
}
  
    <!-- Theme CSS -->
+
#HQ_page p{
     <link href="css/creative.min.css" rel="stylesheet">
+
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-size: 14px;
 +
    line-height: 1.42857143;
 +
 
 +
    text-align: center;
 +
     /*this above textalig is only for the homepage*/
 +
 
 +
}
  
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
     display: none;
     <!--[if lt IE 9]>
+
}
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
#content {
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
     margin: 0;
     <![endif]-->
+
    padding: 0;
 +
     width: 100%;
  
</head>
+
    color: #555555;
 +
}
  
<body id="page-top">
 
  
     <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+
#globalWrapper {
        <div class="container-fluid">
+
  font-size: 100%;
            <!-- Brand and toggle get grouped for better mobile display -->
+
}
 +
 
 +
 
 +
#bodyContent {
 +
     margin-top: -15px;
 +
    margin-bottom: -20px;
 +
}
 +
 
 +
#top_title, #sideMenu {
 +
    display: none;
 +
}
 +
a {
 +
    color: #000000;
 +
    text-decoration: none;
 +
}
 +
 
 +
a:visited {
 +
    color: #000000;
 +
}
 +
 
 +
#big-container a:visited {
 +
    color: #002bb8;
 +
}
 +
 
 +
 
 +
/*
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 +
/*///////////////////////the below setting will be used for each page except the HOME PAGE///////////////////////////////////////////////////////////////////////////////*/
 +
</style>
 +
 
 +
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
 +
 
 +
  </head>
 +
 
 +
  <body>
 +
    <div id="page">
 +
      <header id="header" class="site-header">
 +
 
 +
        <nav id="navbar" class="site-navbar navbar navbar-fixed-top" role="navigation">
 +
          <div class="container">
 
             <div class="navbar-header">
 
             <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+
                <span class="sr-only">Toggle navigation</span>
                </button>
+
                <i class="fa fa-bars"></i>
                <a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
+
              </button>
 +
<a href="https://2016.igem.org/Team:NYU-AD">
 +
              <img id="nav-logo" src="https://static.igem.org/mediawiki/2016/9/9c/T--NYU-AD--NYUAD_logo.jpg" width="250px" height="80px"/>
 +
</a>
 
             </div>
 
             </div>
 +
            <div class="collapse navbar-collapse" id="navbar-collapse-1">
 +
              <ul id="navigation" class="nav navbar-nav navbar-right">
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Description">Description</a></li>
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Design">Design</a></li>
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Experiments">Experiments</a></li>
 +
 +
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Results">Results</a></li>
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Notebook">Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Interlab">Interlab</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a class="dropdown-toggle" data-toggle="dropdown" href="#">TEAM<span class="caret"></span></a>
 +
<ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Team">Members</a></li>
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Instructors">Instructors</a></li>
 +
<li><a href="https://2016.igem.org/Team:NYU-AD/Collaborations">Collaborations</a></li>
  
            <!-- Collect the nav links, forms, and other content for toggling -->
+
</ul>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
</li>
                <ul class="nav navbar-nav navbar-right">
+
<li class="dropdown">
                    <li>
+
                                              <a href="https://2016.igem.org/Team:NYU-AD/Parts">PARTS</a>
                        <a class="page-scroll" href="#about">About</a>
+
                    </li>
+
                    <li>
+
                        <a class="page-scroll" href="#services">Services</a>
+
                    </li>
+
</li>
                    <li>
+
<li class="dropdown">
                        <a class="page-scroll" href="#portfolio">Portfolio</a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="#">HUMAN PRACTICES<span class="caret"></span></a>
                    </li>
+
<ul class="dropdown-menu">
                    <li>
+
<li><a href="https://2016.igem.org/Team:NYU-AD/Human_Practices">Human Practices</a></li>
                        <a class="page-scroll" href="#contact">Contact</a>
+
<li><a href="https://2016.igem.org/Team:NYU-AD/HP/Silver">Silver Criterion</a></li>
                    </li>
+
<li><a href="https://2016.igem.org/Team:NYU-AD/HP/Gold">Gold Criterion</a></li>
                </ul>
+
<li><a href="https://2016.igem.org/Team:NYU-AD/Integrated_Practices">Integrated Practices</a></li>
            </div>
+
            <!-- /.navbar-collapse -->
+
</ul>
        </div>
+
</li>
        <!-- /.container-fluid -->
+
    </nav>
+
  
    <header>
+
<li><a href="https://2016.igem.org/Team:NYU-AD/Safety">SAFETY</a></li>
        <div class="header-content">
+
            <div class="header-content-inner">
+
                <h1 id="homeHeading">Your Favorite Source of Free Bootstrap Themes</h1>
+
                <hr>
+
                <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
+
                <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+
            </div>
+
        </div>
+
    </header>
+
  
    <section class="bg-primary" id="about">
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-lg-8 col-lg-offset-2 text-center">
 
                    <h2 class="section-heading">We've got what you need!</h2>
 
                    <hr class="light">
 
                    <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
 
                    <a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
 
                </div>
 
            </div>
 
        </div>
 
    </section>
 
  
    <section id="services">
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-lg-12 text-center">
 
                    <h2 class="section-heading">At Your Service</h2>
 
                    <hr class="primary">
 
                </div>
 
            </div>
 
        </div>
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-lg-3 col-md-6 text-center">
 
                    <div class="service-box">
 
                        <i class="fa fa-4x fa-diamond text-primary sr-icons"></i>
 
                        <h3>Sturdy Templates</h3>
 
                        <p class="text-muted">Our templates are updated regularly so they don't break.</p>
 
                    </div>
 
                </div>
 
                <div class="col-lg-3 col-md-6 text-center">
 
                    <div class="service-box">
 
                        <i class="fa fa-4x fa-paper-plane text-primary sr-icons"></i>
 
                        <h3>Ready to Ship</h3>
 
                        <p class="text-muted">You can use this theme as is, or you can make changes!</p>
 
                    </div>
 
                </div>
 
                <div class="col-lg-3 col-md-6 text-center">
 
                    <div class="service-box">
 
                        <i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i>
 
                        <h3>Up to Date</h3>
 
                        <p class="text-muted">We update dependencies to keep things fresh.</p>
 
                    </div>
 
                </div>
 
                <div class="col-lg-3 col-md-6 text-center">
 
                    <div class="service-box">
 
                        <i class="fa fa-4x fa-heart text-primary sr-icons"></i>
 
                        <h3>Made with Love</h3>
 
                        <p class="text-muted">You have to make your websites with love these days!</p>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
    </section>
 
  
    <section class="no-padding" id="portfolio">
+
</li>
        <div class="container-fluid">
+
<li class="dropdown">
            <div class="row no-gutter popup-gallery">
+
 
                <div class="col-lg-4 col-sm-6">
+
<li><a href="https://2016.igem.org/Team:NYU-AD/Attributions">ATTRIBUTIONS</a></li>
                    <a href="img/portfolio/fullsize/1.jpg" class="portfolio-box">
+
 
                        <img src="img/portfolio/thumbnails/1.jpg" class="img-responsive" alt="">
+
 
                        <div class="portfolio-box-caption">
+
 
                            <div class="portfolio-box-caption-content">
+
 
                                <div class="project-category text-faded">
+
 
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
              </ul>
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="img/portfolio/fullsize/2.jpg" class="portfolio-box">
+
                        <img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="img/portfolio/fullsize/3.jpg" class="portfolio-box">
+
                        <img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="img/portfolio/fullsize/4.jpg" class="portfolio-box">
+
                        <img src="img/portfolio/thumbnails/4.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="img/portfolio/fullsize/5.jpg" class="portfolio-box">
+
                        <img src="img/portfolio/thumbnails/5.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
                <div class="col-lg-4 col-sm-6">
+
                    <a href="img/portfolio/fullsize/6.jpg" class="portfolio-box">
+
                        <img src="img/portfolio/thumbnails/6.jpg" class="img-responsive" alt="">
+
                        <div class="portfolio-box-caption">
+
                            <div class="portfolio-box-caption-content">
+
                                <div class="project-category text-faded">
+
                                    Category
+
                                </div>
+
                                <div class="project-name">
+
                                    Project Name
+
                                </div>
+
                            </div>
+
                        </div>
+
                    </a>
+
                </div>
+
 
             </div>
 
             </div>
 +
          </div>
 +
        </nav>
 +
      </header>
 +
 +
 +
    <main id="main" class="site-main">
 +
        <section class="section section-center section-cta section-top">
 +
          <div class="container">
 +
      <div class="row">
 +
        <div class="col-md-12">
 +
          <img src="https://static.igem.org/mediawiki/2016/1/13/T--NYU-AD--igem-logo.png" width="500" id="home-page-logo" /><br/><br/>
 +
 +
          <img src="https://static.igem.org/mediawiki/2016/1/1e/T--NYU-AD--logo-headingv2.png" width="500" id="home-page-logo-heading" /><br/><br/>
 +
         
 +
          <!-- <p style="font-size: 42px; color: #1aa89d; text-align: center; font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif; font-weight: 900;">
 +
   
 +
      PROCARYEAT
 +
 
 +
    </p> -->
 +
    <a href="#main-intro" id="scroll-down"><img src="https://static.igem.org/mediawiki/2016/c/c7/T--NYU-AD--arrow.png" width="50px" height="50px"/></a>
 
         </div>
 
         </div>
    </section>
+
      </div>
 +
          </div>
 +
        </section>
 +
    <section id="main-intro" class="section section-center section-cta">
 +
          <div class="container">
 +
      <div class="row">
 +
        <div class="col-md-12">
 +
       
 +
          <h1 id="project-abstract-heading">Project Abstract</h1>
 +
          <p id="abstract-para">In many developing countries, people depend on reasonably priced and conveniently available street food. However, lack of action taken by governments to regulate street food vendors has led to the prevalence of severe street food-related illnesses. One of the primary microbial contaminants in street food is <i>E. coli</i> O157:H7, which acts by secreting the Shiga-like toxin (SLT). Currently, there is no detection method for SLT outside of a lab setting, thus putting the consumers of foods at risk. Our project aims to develop a device that would be used by street vendors and restaurant owners to verify the safety of their products. Through our device, we exploit the binding of Gb3 to subunit B of the Shiga toxin, and compare the migration pattern of the bound Gb3-subunit B complex to a non bound subunit B. A shift in the migration pattern on a PAGE gel will occur when Gb3 is bound, indicating the presence of the toxin in the food sample. If no shift occurs in the SLT migration pattern, this implies the absence of the toxin within the sample, and reflects the safety status of the food.</p>
  
    <aside class="bg-dark">
+
          <br>
        <div class="container text-center">
+
          <br>
            <div class="call-to-action">
+
                <h2>Free Download at Start Bootstrap!</h2>
+
                <a href="http://startbootstrap.com/template-overviews/creative/" class="btn btn-default btn-xl sr-button">Download Now!</a>
+
            </div>
+
 
         </div>
 
         </div>
    </aside>
+
       
 +
      </div>
 +
          </div>
 +
        </section>
  
    <section id="contact">
+
        <section id="features" class="section section-center section-hilite section-features">
        <div class="container">
+
          <div class="container">
 +
            <h2 class="section-title"><span>Interested? Find out more about our...</span></h2>
 +
<br>
 
             <div class="row">
 
             <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
 
                    <h2 class="section-heading">Let's Get In Touch!</h2>
 
                    <hr class="primary">
 
                    <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
 
                </div>
 
                <div class="col-lg-4 col-lg-offset-2 text-center">
 
                    <i class="fa fa-phone fa-3x sr-contact"></i>
 
                    <p>123-456-6789</p>
 
                </div>
 
                <div class="col-lg-4 text-center">
 
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
 
                    <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
 
                </div>
 
            </div>
 
        </div>
 
    </section>
 
  
    <!-- jQuery -->
+
              <div class="col-md-4 col-sm-6 icon000">
    <script src="vendor/jquery/jquery.min.js"></script>
+
                <a href="https://2016.igem.org/Team:NYU-AD/Description"><div class="icon-wrap"><img src="https://static.igem.org/mediawiki/2016/e/e6/T--NYU-AD--iconno1.png" alt=""></div>
 +
                <h4>Project Description</h4></a>
 +
           
 +
              </div>
  
    <!-- Bootstrap Core JavaScript -->
+
              <div class="col-md-4 col-sm-6 icon000">
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+
                <a href="https://2016.igem.org/Team:NYU-AD/Human_Practices"><div class="icon-wrap"><img src="https://static.igem.org/mediawiki/2016/6/60/T--NYU-AD--iconno2.png" alt=""></div>
 +
                <h4>Human Practices</h4></a>
 +
             
 +
              </div>
  
    <!-- Plugin JavaScript -->
+
              <div class="col-md-4 col-sm-6 icon000">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+
              <a href="https://2016.igem.org/Team:NYU-AD/Team"> <div class="icon-wrap"><img src="https://static.igem.org/mediawiki/2016/8/88/T--NYU-AD--iconno3.png" alt=""></div>
    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
+
                <h4>Team</h4></a>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+
             
 +
              </div>
  
    <!-- Theme JavaScript -->
 
    <script src="js/creative.min.js"></script>
 
  
</body>
+
             
 +
 
 +
            </div>
 +
<br><br><br><br>
 +
          </div>
 +
        </section>
 +
 
  
 +
   
 +
  </body>
 
</html>
 
</html>
 +
{{:Team:NYU-AD/footer}}

Latest revision as of 03:36, 3 December 2016

Random Page





Project Abstract

In many developing countries, people depend on reasonably priced and conveniently available street food. However, lack of action taken by governments to regulate street food vendors has led to the prevalence of severe street food-related illnesses. One of the primary microbial contaminants in street food is E. coli O157:H7, which acts by secreting the Shiga-like toxin (SLT). Currently, there is no detection method for SLT outside of a lab setting, thus putting the consumers of foods at risk. Our project aims to develop a device that would be used by street vendors and restaurant owners to verify the safety of their products. Through our device, we exploit the binding of Gb3 to subunit B of the Shiga toxin, and compare the migration pattern of the bound Gb3-subunit B complex to a non bound subunit B. A shift in the migration pattern on a PAGE gel will occur when Gb3 is bound, indicating the presence of the toxin in the food sample. If no shift occurs in the SLT migration pattern, this implies the absence of the toxin within the sample, and reflects the safety status of the food.



Interested? Find out more about our...