Team:Northwestern

From 2014.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
{{:Team:Northwestern/Templates/Reset}}
{{:Team:Northwestern/Templates/Reset}}
-
{{:Team:Northwestern/Templates/noscript}}
+
{{Team:Northwestern/Template/nav}}
-
{{:Team:Northwestern/Templates/Escape}}
+
{{Team:Northwestern/Template/bootstrap/orange}}
<html>
<html>
<!DOCTYPE HTML>
<!DOCTYPE HTML>
-
<!--
+
 
-
Escape Velocity 2.5 by HTML5 UP
+
-
html5up.net | @n33co
+
-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
-
-->
+
<html>
<html>
<head>
<head>
-
<title>iGEM Northwestern 2014</title>
+
<meta charset="utf-8">
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
<meta name="description" content="" />
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
-
<meta name="keywords" content="" />
+
    <meta name="description" content="">
-
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900" rel="stylesheet" />
+
    <meta name="author" content="">
-
        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:700' rel='stylesheet' type='text/css'/>
+
   
-
        <script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
+
-
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
-
<script src="js/jquery.min.js"></script>
+
-
<script src="js/jquery.dropotron.min.js"></script>
+
-
<script src="js/config.js"></script>
+
-
<script src="js/skel.min.js"></script>
+
-
<script src="js/skel-panels.min.js"></script>
+
-
        <script src="imageslider/js-image-slider.js"></script>
+
-
       
+
-
<noscript>
+
-
<link rel="stylesheet" href="css/skel-noscript.css" />
+
-
<link rel="stylesheet" href="css/style.css" />
+
-
<link rel="stylesheet" href="css/style-desktop.css" />
+
-
</noscript>
+
-
</head>
+
-
<body class="homepage">
+
-
<!-- Header Wrapper -->
+
    <title>Home</title>
-
<div id="header-wrapper" class="wrapper">
+
 
-
<div class="container">
+
<style>
-
<div class="row">
+
 
-
<div class="12u">
+
h1, h2, h3, h4 {
-
+
border: none;
-
<!-- Header -->
+
text-decoration: none;
-
<div id="header">
+
}
-
                                            <div id="sliderFrame">
+
 
-
         <div id="slider">
+
#footer h2 {
-
            <img src="http://www.robertshadbolt.com/content/01-articles/06-1200x400/1200x400.gif" alt="caption for picture 1" />
+
font-family: 'Lobster', cursive;
-
            <img src="http://www.robertshadbolt.com/content/01-articles/06-1200x400/1200x400.gif" alt="caption for picture 2"/>
+
color: rgba(123, 36, 216, 0.7);
-
            <img src="http://www.robertshadbolt.com/content/01-articles/06-1200x400/1200x400.gif" alt="caption for picture 3"/>
+
}
-
            <img src="http://www.robertshadbolt.com/content/01-articles/06-1200x400/1200x400.gif" alt="Caption for slide 4" />
+
 
 +
.jumbotron {
 +
  text-align: center;
 +
  background-color: rgba(88, 167, 166, 0.52);
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,167,166,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
 +
  margin-top: -100px;
 +
}
 +
.jumbotron .btn {
 +
  padding: 14px 24px;
 +
  font-size: 21px;
 +
}
 +
 
 +
 
 +
/* RESPONSIVE CSS
 +
-------------------------------------------------- */
 +
 
 +
@media (min-width: 768px) {
 +
 
 +
  /* Navbar positioning foo */
 +
  .navbar-wrapper {
 +
    margin-top: 20px;
 +
  }
 +
  .navbar-wrapper .container {
 +
    padding-right: 15px;
 +
    padding-left: 15px;
 +
  }
 +
  .navbar-wrapper .navbar {
 +
    padding-right: 0;
 +
    padding-left: 0;
 +
  }
 +
 
 +
@media (min-width: 992px) {
 +
  .featurette-heading {
 +
    margin-top: 120px;
 +
  }
 +
}
 +
</style>
 +
  </head>
 +
 
 +
<body>
 +
<div class="jumbotron">
 +
 
 +
<div class="animated shake">
 +
        <h1>NU Models: Breaking Down Walls!</h1>
 +
</div>
 +
        <p class="lead">NU Models seeks to expand promoter and ribosome binding site characterization of E. coli to other non-model organisms chosen for their promise in other fields of research. All processes take place in a cell-free system to provide a consistent characterization platform. This information is useful in synthetic biology applications for healthcare, the environment, and industry as it provides a basis for DNA design in organisms other than E. coli that are more optimized for the needs of a given application.</p>
 +
         <p><a class="btn btn-lg btn-success" href="https://2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
 +
      </div>
 +
 
 +
 
 +
<div class="container">
 +
<div class="row">
 +
        <div class="col-lg-4">
 +
          <h2>Updates</h2>
 +
          <p><strong>October 9th</strong>: Sent in our construct--the spinach-aptmer to iGEM HQ! This RFP-spinach aptamer deviates from currently submitted parts because it monitors and measures both mRNA concentration and protein concentration simultaneously via fluorescence.</p>
 +
          <p><strong>October 17th</strong>: Characterized our part</p>
 +
        </div>
 +
        <div class="col-lg-4">
 +
          <h2>Collaboration</h2>
 +
          <p>Sent our water sample to the Cornell Team!</p>
 +
          <p>In contact with the UChicago Team about exchanging constructs</p>
 +
      </div>
 +
        <div class="col-lg-4">
 +
          <h2>Getting Ready</h2>
 +
          <p>For the Jamboree!</p>
 +
          <p>See you there!</p>
         </div>
         </div>
-
    </div>
+
      </div>
-
                                   
+
</div>
-
+
-
<!-- Logo -->
+
-
<div id="logo">
+
-
<h1><a href="#">NU Models: Think Outside the Cell</a></h1> <!-- can link to "project" -->
+
-
<span class="byline">Exploring transcription and translation rates in non-model organisms using a cell-free system</span>
+
-
<img id="nulogo" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/>
+
-
                                           
+
-
</div>
+
-
<!-- /Logo -->
+
-
+
-
<!-- Nav -->
+
-
<nav id="nav">
+
-
                                          <a href ="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/archive/f/f0/20120817084834!IGEM_logo.png" id="igemlogo"/></a>
+
-
<ul>
+
-
                                               
+
-
<li class="current_page_item"><a href="#">Home</a></li>
+
-
<li>
+
-
                                       
+
-
<span>Project</span>
+
-
<ul>
+
-
<li><a href="#">Overview</a></li>
+
-
<li><a href="#">Parts</a></li>
+
-
<li><a href="#">Modeling</a></li>
+
-
<li>
+
-
<span>Other information</span>
+
-
+
-
</li>
+
-
<li><a href="#">Even more information</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Official team profile</a></li>
+
-
<li><a href="#">Notebook</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
+
-
                                                <li><a href="https://2014.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
+
-
</ul>
+
-
</nav>
+
-
<!-- /Nav -->
+
-
</div>
 
-
<!-- /Header -->
 
-
</div>
+
    <!-- Bootstrap core JavaScript
-
</div>
+
    ================================================== -->
-
</div>
+
    <!-- Placed at the end of the document so the pages load faster -->
-
</div>
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
<!-- /Header Wrapper -->
+
<script type="text/javascript>
-
+
$(document).ready(function(){
-
<!-- Intro Wrapper -->
+
$('.bxslider').bxSlider({
-
<div id="intro-wrapper" class="wrapper wrapper-style1">
+
responsive: false,
-
<div class="title">The Introduction</div>
+
auto: true,
-
<div class="container">
+
autoHover: true
-
<div class="row">
+
});
-
<div class="12u">
+
});
-
+
</script>
-
<!-- Intro -->
+
    <script src="http:2014.igem.org/Team:Northwestern/bootstrap.js"></script>
-
<section id="intro">
+
    <script src="../../assets/js/docs.min.js"></script>
-
<p class="style1">Most of the existing genetic engineering has been done with E. Coli</p>
+
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-
<p class="style2">
+
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-
But what if we could work in more organisms?
+
 
-
+
</div><!--container-->
-
</p>
+
</body>
-
<p class="style3">The goal of our project was to explore and compare the different transcriptional and translational rates of known model organisms such as E. coli to various non-model strains, with all processes taking place in cell free systems.  This is in the hopes that by compiling a list of well-characterized parts such as promoters and RBSs, the information could be used to further the field of synthetic biology through environmental, health, and industrial applications by eliminating the need to modify E. Coli to meet particular environmental settings.</p>
+
<div id="footer">
-
+
<h2>Thank you sponsors!</h2>
-
+
<div class="row">
-
+
<div class="col-md-3">
-
<ul class="actions">
+
<img style="width: 200px;" src="http://isbab2013.org/wp-content/uploads/2013/02/VWR-logo.png"/>
-
<li><a href="https://2014.igem.org/Team:Northwestern/Project" class="button button-style3 button-big">Learn More</a></li>
+
</div>
-
</ul>
+
<div class="col-md-3">
-
</section>
+
<img style="width: 200px;" src="http://www.cmidd.northwestern.edu/sites/all/files/images/A-Promega%20Logo_blue.png"/>
-
<!-- /Intro -->
+
</div>
-
+
<div class="col-md-3">
-
</div>
+
<img style="width: 200px;" src="http://www.idtdna.com/pages/images/gblocks/neb_logo.png?sfvrsn=12"/>
-
</div>
+
</div>
-
</div>
+
<div class="col-md-3">
-
</div>
+
<img style="width: 200px;" src="http://www.brandtinstruments.net/images/thermo_logo.png"/>
-
<!-- /Intro Wrapper -->
+
</div>
-
+
</div><!--row-->
-
+
<div class="row">
-
<!-- Main Wrapper -->
+
<div class="col-md-3">
-
<div class="wrapper wrapper-style2">
+
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png"/>
-
<div class="title">The Details</div>
+
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/9/96/USAScientific.gif"/>
-
<div class="container">
+
</div>
-
<div class="row">
+
<div class="col-md-3">
-
<div class="12u">
+
<img style="width: 200px;" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/>
-
+
</div>
-
<!-- Main -->
+
<div class="col-md-3">
-
<div id="main">
+
<img style="width: 200px;" src="http://www.mccormick.northwestern.edu/marketing/images/logos-and-branding/logos-for-download/transparency/mccormick-purple-transparency.png"/>
-
+
</div>
-
<!-- Image -->
+
<div class="col-md-3">
-
<a href="http://fav.me/d5pjw3g" class="image image-featured">
+
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/f/fd/Genomics_logo_1.gif"/>
-
<img src="" alt="" />
+
</div>
-
</a>
+
-
<!-- /Image -->
+
-
<!-- Features -->
+
-
<section id="features">
+
-
<p class="style1">
+
-
<p>Here are the highlights of our project! Coming soon</p>
+
-
<p class="byline">Want to collaborate? email <a href="www.gmail.com">nuigem2014@gmail.com</a></p>
+
-
</header>
+
-
+
-
+
-
</section>
+
-
<!-- /Features -->
+
-
+
-
</div>
+
-
<!-- /Main -->
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
 +
 +
</div>
 +
</div>
 +
</html>
</html>

Latest revision as of 22:55, 16 October 2014

Dropdown menu from bootstrap

Home

NU Models: Breaking Down Walls!

NU Models seeks to expand promoter and ribosome binding site characterization of E. coli to other non-model organisms chosen for their promise in other fields of research. All processes take place in a cell-free system to provide a consistent characterization platform. This information is useful in synthetic biology applications for healthcare, the environment, and industry as it provides a basis for DNA design in organisms other than E. coli that are more optimized for the needs of a given application.

Learn More

Updates

October 9th: Sent in our construct--the spinach-aptmer to iGEM HQ! This RFP-spinach aptamer deviates from currently submitted parts because it monitors and measures both mRNA concentration and protein concentration simultaneously via fluorescence.

October 17th: Characterized our part

Collaboration

Sent our water sample to the Cornell Team!

In contact with the UChicago Team about exchanging constructs

Getting Ready

For the Jamboree!

See you there!