Team:Northwestern

From 2014.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
{{:Team:Northwestern/Templates/Reset}}
{{:Team:Northwestern/Templates/Reset}}
-
{{Team:Northwestern/Template/nav_only}}
+
{{Team:Northwestern/Template/nav}}
{{Team:Northwestern/Template/bootstrap/orange}}
{{Team:Northwestern/Template/bootstrap/orange}}
-
 
<html>
<html>
Line 18: Line 17:
     <title>Home</title>
     <title>Home</title>
-
 
+
 
-
   
+
<style>
<style>
-
 
-
html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
 
-
margin: 0;
 
-
padding: 0;
 
-
border: 0;
 
-
font-size: 100%;
 
-
font: inherit;
 
-
vertical-align: baseline;
 
-
}
 
-
 
-
article, aside, details, figcaption, figure,
 
-
footer, header, hgroup, menu, nav, section {
 
-
display: block;
 
-
}
 
-
 
-
 
-
body {
 
-
background: #eeeeee;
 
-
background: -webkit-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: -moz-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: -o-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: -ms-linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background: linear-gradient(top, #eeeeee, #cccccc 100%);
 
-
background-attachment:fixed;
 
-
}
 
-
 
h1, h2, h3, h4 {
h1, h2, h3, h4 {
border: none;
border: none;
text-decoration: none;
text-decoration: none;
 +
}
 +
 +
#footer h2 {
 +
font-family: 'Lobster', cursive;
 +
color: rgba(123, 36, 216, 0.7);
}
}
.jumbotron {
.jumbotron {
   text-align: center;
   text-align: center;
-
   background-color: transparent;
+
   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 {
.jumbotron .btn {
Line 61: Line 40:
   font-size: 21px;
   font-size: 21px;
}
}
-
 
-
 
-
/* GLOBAL STYLES
 
-
-------------------------------------------------- */
 
-
/* Padding below the footer and lighter body text */
 
-
 
-
body {
 
-
  padding-bottom: 40px;
 
-
  color: #5a5a5a;
 
-
}
 
-
 
-
 
-
/* CUSTOMIZE THE CAROUSEL
 
-
-------------------------------------------------- */
 
-
 
-
/* Carousel base class */
 
-
.carousel {
 
-
  height: 500px;
 
-
  margin-bottom: 60px;
 
-
}
 
-
/* Since positioning the image, we need to help out the caption */
 
-
.carousel-caption {
 
-
  z-index: 10;
 
-
}
 
-
 
-
/* Declare heights because of positioning of img element */
 
-
.carousel .item {
 
-
  height: 500px;
 
-
  background-color: #777;
 
-
}
 
-
.carousel-inner > .item > img {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  min-width: 100%;
 
-
  height: 500px;
 
-
}
 
-
 
-
 
-
 
-
/* MARKETING CONTENT
 
-
-------------------------------------------------- */
 
-
 
-
/* Center align the text within the three columns below the carousel */
 
-
.marketing .col-lg-4 {
 
-
  margin-bottom: 20px;
 
-
  text-align: center;
 
-
}
 
-
.marketing h2 {
 
-
  font-weight: normal;
 
-
}
 
-
.marketing .col-lg-4 p {
 
-
  margin-right: 10px;
 
-
  margin-left: 10px;
 
-
}
 
-
 
-
 
-
/* Featurettes
 
-
------------------------- */
 
-
 
-
.featurette-divider {
 
-
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
 
-
}
 
-
 
-
/* Thin out the marketing headings */
 
-
.featurette-heading {
 
-
  font-weight: 300;
 
-
  line-height: 1;
 
-
  letter-spacing: -1px;
 
-
}
 
-
 
Line 151: Line 59:
     padding-left: 0;
     padding-left: 0;
   }
   }
-
 
-
  /* The navbar becomes detached from the top, so we round the corners */
 
-
  .navbar-wrapper .navbar {
 
-
    border-radius: 4px;
 
-
  }
 
-
 
-
  /* Bump up size of carousel content */
 
-
  .carousel-caption p {
 
-
    margin-bottom: 20px;
 
-
    font-size: 21px;
 
-
    line-height: 1.4;
 
-
  }
 
-
 
-
  .featurette-heading {
 
-
    font-size: 50px;
 
-
  }
 
-
}
 
@media (min-width: 992px) {
@media (min-width: 992px) {
Line 178: Line 69:
<body>
<body>
 +
<div class="jumbotron">
-
 
+
<div class="animated shake">
-
 
+
-
<div class="container">
+
-
<div class="jumbotron">
+
         <h1>NU Models: Breaking Down Walls!</h1>
         <h1>NU Models: Breaking Down Walls!</h1>
-
         <p class="lead">NU Models seeks to expand 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>
+
</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>
         <p><a class="btn btn-lg btn-success" href="https://2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
       </div>
       </div>
-
</div>
 
-
 
Line 194: Line 82:
  <div class="row">
  <div class="row">
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <h2>Accomplishments</h2>
+
           <h2>Updates</h2>
-
           <p>parts submitted, and etc
+
           <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>
+
           <p><strong>October 17th</strong>: Characterized our part</p>
-
           <p><a class="btn btn-primary" href="#" role="button">View details</a></p>
+
         </div>
         </div>
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <h2>Heading</h2>
+
           <h2>Collaboration</h2>
-
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
           <p>Sent our water sample to the Cornell Team!</p>
-
           <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
+
           <p>In contact with the UChicago Team about exchanging constructs</p>
       </div>
       </div>
         <div class="col-lg-4">
         <div class="col-lg-4">
-
           <h2>Heading</h2>
+
           <h2>Getting Ready</h2>
-
           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.</p>
+
           <p>For the Jamboree!</p>
-
           <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
+
           <p>See you there!</p>
         </div>
         </div>
       </div>
       </div>
</div>
</div>
-
 
-
      <!-- FOOTER -->
 
-
      <footer>
 
-
<div class="container">
 
-
        <p class="pull-right"><a href="#">Back to top</a></p>
 
-
        <p>&copy; 2014 Company, Inc. &middot; <a href="#">Hm</a> &middot; <a href="www.bootstrap.com">Bootstrap</a></p>
 
-
      </footer>
 
-
 
-
    </div><!-- /.container -->
 
-
 
Line 226: Line 103:
     ================================================== -->
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <!-- 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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
<script type="text/javascript>
<script type="text/javascript>
$(document).ready(function(){
$(document).ready(function(){
Line 237: Line 113:
});
});
</script>
</script>
-
      
+
     <script src="http:2014.igem.org/Team:Northwestern/bootstrap.js"></script>
-
  <script src="http://www.bootstrap/javascript/assets/js/docs.min.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>
-
  <script src="http://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.26/skrollr.min.js"></script>
+
</div><!--row-->
-
  </body>
+
<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"