Team:Northwestern

From 2014.igem.org

(Difference between revisions)
 
(43 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=Source+Sans+Pro:400,400italic,700,900" rel="stylesheet" />
+
    <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">
+
-
<h1><a href="#">Our Project: Cell-free protein synthesis </a></h1> <!-- can link to "project" -->
+
-
<span class="byline">More information coming soon</span>
+
-
                                           
+
-
</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="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">there is this problem....the problem...the problem</p>
+
-
<p class="style2">
+
-
our project is a solution...it's a solution...it's a solution...it's a new step forward!
+
-
+
-
</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>We can put some highlights in this section</h2>
+
-
<p class="byline">or can just take this section out, do more paragraphs of literature review</p>
+
-
</header>
+
-
<div class="feature-list">
+
-
<div>
+
-
<div class="row">
+
-
<div class="6u">
+
-
<section>
+
-
<h3 class="fa fa-comment"><a href="link">what we can use it for</a></h3>
+
-
<p>this new technology can be developed into this and this in the near future</p>
+
-
</section>
+
-
</div>
+
-
<div class="6u">
+
-
<section>
+
-
<h3 class="fa fa-refresh"><a href="link">Community Impact</a></h3>
+
-
<p>if we were doing the wasteware treatment this would be more relevant</p>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
-
<div class="6u">
+
-
<section>
+
-
<h3 class="fa fa-picture-o"><a href="link">Adding to the Parts Registry</a></h3>
+
-
<p>This summer we added a total of __ parts!</p>
+
-
</section>
+
-
</div>
+
-
<div class="6u">
+
-
<section>
+
-
<h3 class="fa fa-cog"><a href="link">Outreach</a></h3>
+
-
<p> A community outreach can be going to organizations in your community and talking about their project. </p>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
-
<div class="6u">
+
-
<section>
+
-
<h3 class="fa fa-wrench"><a href="link">Collaboration with Uchicago</a></h3>
+
-
<p>They are awesome, we are awesome, together even more awesome</p>
+
-
</section>
+
-
</div>
+
-
<div class="6u">
+
-
<section>
+
-
<h3 class="fa fa-check"><a href="link">some other important link</a></h3>
+
-
<p>a one-two line description of what this links to</p>
+
-
</section>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
+
-
</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!

Retrieved from "http://2014.igem.org/Team:Northwestern"