Team:Northwestern

From 2014.igem.org

(Difference between revisions)
 
(39 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>
 +
<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=Oswald' rel='stylesheet' type='text/css'>
+
    <meta name="author" content="">
-
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
+
   
-
<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>
+
-
<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">
+
-
+
-
<!-- Header -->
+
-
<div id="header">
+
-
+
-
<!-- Logo -->
+
-
<div id="logo">
+
-
<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>
+
-
<h1><a href="#">Cell-free protein synthesis </a></h1> <!-- can link to "project" -->
+
-
<span class="byline">More information coming soon</span>
+
-
                                           
+
-
</div>
+
-
<!-- /Logo -->
+
-
+
-
<!-- Nav -->
+
-
<nav id="nav">
+
-
                                         
+
-
<ul>
+
-
                                               
+
-
<li class="current_page_item"><a href="https://2014.igem.org/Team:Northwestern">Home</a></li>
+
-
<li>
+
-
                                       
+
-
<span>Project</span>
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Northwestern/Project">Overview</a></li>
+
-
<li><a href="https://2014.igem.org/Team:Northwestern/Parts">Parts</a></li>
+
-
<li><a href="https://2014.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
+
-
<li>
+
-
<span>Other information</span>
+
-
<ul>
+
-
<li><a href="#">Possible list item 1</a></li>
+
-
<li><a href="#">Possible list item 2</a></li>
+
-
<li><a href="#">Possible list item 3</a></li>
+
-
<li><a href="#">Possible list item 4</a></li>
+
-
<li><a href="#">Possible list item 5</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Even more information</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Team:Northwestern/Team">Official team profile</a></li>
+
-
<li><a href="https://2014.igem.org/Team:Northwestern/Notebook">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>
+
h1, h2, h3, h4 {
-
<!-- /Header -->
+
border: none;
 +
text-decoration: none;
 +
}
-
</div>
+
#footer h2 {
-
</div>
+
font-family: 'Lobster', cursive;
-
</div>
+
color: rgba(123, 36, 216, 0.7);
-
</div>
+
}
-
<!-- /Header Wrapper -->
+
-
+
-
<!-- Intro Wrapper -->
+
-
<div id="intro-wrapper" class="wrapper wrapper-style1">
+
-
<div class="title">The Introduction</div>
+
-
<div class="container">
+
-
<div class="row">
+
-
<div class="12u">
+
-
+
-
<!-- Intro -->
+
-
<section id="intro">
+
-
<p class="style1">Much genetic engineering have been done with e. coli...but</p>
+
-
<p class="style2">
+
-
Problems in medicine and biology might be better solved if we have more model organisms to work with: this is why we are developing cell-free protein synthesis for non-model organisms
+
-
+
-
</p>
+
-
<p class="style3">The goal of project name was to exlore and compare the different transcriptional ad translational rates of known model organisms such as E. Coli to various non-model strains. This is in the hopes that by compilling a list of well-characterized parts, the information could be used to further the field of synthetic biology through environmental, health and ______ applications</p>
+
-
<!--
+
-
<p class="style3">Mauris tellus lacus, tincidunt eget mattis at, laoreet vel velit.
+
-
Aliquam diam ante, aliquet sit amet vulputate lorem at placerat at nisl.  
+
-
Maecenas et gravida ligula sed lacus euismod tincidunt nullam eget justo orci.</p>
+
-
-->
+
-
<ul class="actions">
+
-
<li><a href="https://2014.igem.org/Team:Northwestern/Project" class="button button-style3 button-big">Learn MOre</a></li>
+
-
</ul>
+
-
</section>
+
-
<!-- /Intro -->
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<!-- /Intro Wrapper -->
+
-
+
-
<!-- Main Wrapper -->
+
-
<div class="wrapper wrapper-style2">
+
-
<div class="title">The Details</div>
+
-
<div class="container">
+
-
<div class="row">
+
-
<div class="12u">
+
-
+
-
<!-- Main -->
+
-
<div id="main">
+
-
+
-
<!-- Image -->
+
-
<a href="http://fav.me/d5pjw3g" class="image image-featured">
+
-
<img src="" alt="" />
+
-
</a>
+
-
<!-- /Image -->
+
-
<!-- Features -->
+
-
<section id="features">
+
-
<header class="style1">
+
-
<h2>Here are the highlights of our project! Coming soon</h2>
+
-
<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>
+
 +
.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>
 +
 +
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script type="text/javascript>
 +
$(document).ready(function(){
 +
$('.bxslider').bxSlider({
 +
responsive: false,
 +
auto: true,
 +
autoHover: true
 +
});
 +
});
 +
</script>
 +
    <script src="http:2014.igem.org/Team:Northwestern/bootstrap.js"></script>
 +
    <script src="../../assets/js/docs.min.js"></script>
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
 +
 
 +
</div><!--container-->
 +
</body>
 +
<div id="footer">
 +
<h2>Thank you sponsors!</h2>
 +
<div class="row">
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://isbab2013.org/wp-content/uploads/2013/02/VWR-logo.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.cmidd.northwestern.edu/sites/all/files/images/A-Promega%20Logo_blue.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.idtdna.com/pages/images/gblocks/neb_logo.png?sfvrsn=12"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.brandtinstruments.net/images/thermo_logo.png"/>
 +
</div>
 +
 +
</div><!--row-->
 +
 +
<div class="row">
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png"/>
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/9/96/USAScientific.gif"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.mccormick.northwestern.edu/marketing/images/logos-and-branding/logos-for-download/transparency/mccormick-purple-transparency.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/f/fd/Genomics_logo_1.gif"/>
 +
</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!