Team:Northwestern

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
{{:Team:Northwestern/Templates/Reset}}
{{:Team:Northwestern/Templates/Reset}}
-
{{:Team:Northwestern/Templates/noscript}}
+
{{Team:Northwestern/Template/bootstrap}}
-
{{:Team:Northwestern/Templates/Escape}}
+
{{Team:Northwestern/Template/nav}}
 +
{{Team:Northwestern/Templates/Slider}}
<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>
+
    <title>Home</title>
-
<script src="js/jquery.min.js"></script>
+
 
-
<script src="js/jquery.dropotron.min.js"></script>
+
   
-
<script src="js/config.js"></script>
+
<style>
-
<script src="js/skel.min.js"></script>
+
 
-
<script src="js/skel-panels.min.js"></script>
+
h1, h2, h3, h4 {
-
        <script src="imageslider/js-image-slider.js"></script>
+
border: none;
 +
text-decoration: none;
 +
}
 +
 
 +
.jumbotron {
 +
  text-align: center;
 +
  background-color: transparent;
 +
}
 +
.jumbotron .btn {
 +
  padding: 14px 24px;
 +
  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;
 +
}
 +
 
 +
 
 +
 
 +
/* 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;
 +
  }
 +
 
 +
  /* 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) {
 +
  .featurette-heading {
 +
    margin-top: 120px;
 +
  }
 +
}
 +
</style>
 +
  </head>
 +
 
 +
<body>
 +
<div class="navbar-wrapper">
 +
      <div class="container">
 +
 
 +
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
          <div class="container">
 +
            <div class="navbar-header">
 +
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
 +
                <span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
              </button>
          
          
-
<noscript>
+
            </div>
-
<link rel="stylesheet" href="css/skel-noscript.css" />
+
            <div class="navbar-collapse collapse">
-
<link rel="stylesheet" href="css/style.css" />
+
              <ul class="nav navbar-nav">
-
<link rel="stylesheet" href="css/style-desktop.css" />
+
              <li class="active"><a href="#">Home</a></li>
-
</noscript>
+
            <li><a href="https://2014.igem.org/Team:Northwestern/Project">Project</a></li>
-
</head>
+
                <li><a href="https://2014.igem.org/Team:Northwestern/Team">Team</a></li>
-
<body class="homepage">
+
                <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
 +
                <li><a href="https://2014.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
 +
                <li class="dropdown">
 +
                  <a href="#"class="dropdown-toggle" data-toggle="dropdown">To be fixed soon<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="#">Action</a></li>
 +
                    <li><a href="#">Another action</a></li>
 +
                    <li><a href="#">Something else here</a></li>
 +
                    <li class="divider"></li>
 +
                    <li class="dropdown-header">Nav header</li>
 +
                    <li><a href="#">Separated link</a></li>
 +
                    <li><a href="#">One more separated link</a></li>
 +
                  </ul>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
-
<!-- Header Wrapper -->
+
      </div>
-
<div id="header-wrapper" class="wrapper">
+
    </div>  
-
<div class="container">
+
 
-
<div class="row">
+
<div class="container">
-
<div class="12u">
+
<div class="jumbotron">
-
+
        <h1>NU Models: Breaking Down Walls!</h1>
-
<!-- Header -->
+
        <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>
-
<div id="header">
+
        <p><a class="btn btn-lg btn-success" href="http:2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p>
-
                                         
+
      </div>
-
<img id="nulogo" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/>
+
-
                                   
+
-
+
-
<!-- Logo -->
+
-
<div id="logo">
+
-
<h1>NU Models: Think Outside the Cell</h1>
+
-
<span class="byline">Exploring transcription and translation rates in non-model organisms using a cell-free system</span>
+
</div>
</div>
-
<!-- /Logo -->
+
<div class="container">
-
+
<div class="row">
-
<!-- Nav -->
+
        <div class="col-lg-4">
-
<nav id="nav">
+
          <h2>Accomplishments</h2>
-
                                          <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>
+
          <p>parts submitted, and etc
-
<ul>
+
</p>
-
                                               
+
          <p><a class="btn btn-primary" href="#" role="button">View details</a></p>
-
<li class="current_page_item"><a href="#">Home</a></li>
+
        </div>
-
<li>
+
        <div class="col-lg-4">
-
                                       
+
          <h2>Heading</h2>
-
<span>Project</span>
+
          <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>
-
<ul>
+
          <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
-
<li><a href="#">Overview</a></li>
+
      </div>
-
<li><a href="#">Parts</a></li>
+
        <div class="col-lg-4">
-
<li><a href="#">Modeling</a></li>
+
          <h2>Heading</h2>
-
<li>
+
          <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>
-
<span>Other information</span>
+
          <p><a class="btn btn-primary" href="#" role="button">View details &raquo;</a></p>
-
+
        </div>
-
</li>
+
      </div>
-
<li><a href="#">Even more information</a></li>
+
</div>
-
</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>
+
      <!-- FOOTER -->
-
<!-- /Header -->
+
      <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>
+
    </div><!-- /.container -->
-
</div>
+
-
</div>
+
-
</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">Most of the existing genetic engineering has been done with E. Coli</p>
+
-
<p class="style2">
+
-
But what if we could work in more organisms?
+
-
+
-
</p>
+
-
<p class="style3">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>
+
-
+
-
+
-
+
-
<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 -->
+
-
 
 +
    <!-- 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>
 +
  </body>
-
<!-- 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">
 
-
<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>
 
-
 
</html>
</html>

Revision as of 03:58, 1 September 2014

Dropdown menu from bootstrap

Bootstrap 3 Carousel

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

Accomplishments

parts submitted, and etc

View details

Heading

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.

View details »

Heading

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.

View details »

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