Difference between revisions of "Team:Stanford-Brown/Attributions"

Line 1: Line 1:
−
{{Stanford-Brown}}
+
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
  
−
<html>
+
<html lang="en">
−
<head>
+
<head>
−
+
  <meta charset="utf-8">
−
<!-- Website Title & Description for Search Engine purposes -->
+
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<title></title>
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
−
<meta name="description" content="">
+
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
+
  <meta name="description" content="">
−
<!-- Mobile viewport optimized -->
+
  <meta name="author" content="">
−
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
  <link rel="icon" href="../../favicon.ico">
−
+
−
<!-- Bootstrap CSS -->
+
−
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
−
<link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet">
+
−
+
−
<!-- Custom CSS -->
+
−
<link href="includes/css/styles.css" rel="stylesheet">
+
−
+
−
<!-- Include Modernizr in the head, before any other Javascript -->
+
−
<script src="includes/js/modernizr-2.6.2.min.js"></script>
+
−
+
−
</head>
+
−
<body>
+
  
−
<div class="container" id="main">
+
  <title>Carousel Template for Bootstrap</title>
  
−
<div class="carousel slide" id="myCarousel">
 
  
−
<!-- Indicators -->
 
−
<ol class="carousel-indicators">
 
−
<li class="active" data-slide-to="0" data-target="#myCarousel"></li>
 
−
<li data-slide-to="1" data-target="#myCarousel"></li>
 
−
<li data-slide-to="2" data-target="#myCarousel"></li>
 
−
</ol>
 
  
−
<!-- Wrapper for slides -->
+
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
−
<div class="carousel-inner">
+
    <!--[if lt IE 9]>
−
+
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
−
<div class="item active" id="slide1">
+
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
−
<div class="carousel-caption">
+
      <![endif]-->
−
<h4></h4>
+
    </head>
−
<p></p>
+
<!-- NAVBAR
−
</div><!-- end carousel-caption -->
+
  ================================================== -->
−
</div><!-- end item -->
+
  <body>
 +
    <!-- NAVBAR
 +
    ================================================== -->
 +
    <div class="container">
 +
      <nav class="navbar navbar-inverse navbar-fixed-top oriEdit">
  
−
<div class="item" id="slide2">
+
        <div class="container">
−
<div class="carousel-caption">
+
−
<h4></h4>
+
−
<p></p>
+
−
</div><!-- end carousel-caption -->
+
−
</div><!-- end item -->
+
  
−
<div class="item" id="slide3">
+
          <div class="navbar-header">
−
<div class="carousel-caption">
+
−
<h4>Home Page</h4>
+
−
<p></p>
+
−
</div><!-- end carousel-caption -->
+
−
</div><!-- end item -->
+
  
−
</div><!-- carousel-inner -->
+
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  
−
<!-- Controls -->
+
              <span class="sr-only">Toggle navigation</span>
−
<a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="icon-prev"></span></a>
+
              <span class="icon-bar"></span>
−
<a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="icon-next"></span></a>
+
              <span class="icon-bar"></span>
 +
              <span class="icon-bar"></span>
 +
             
 +
            </button>
 +
            <a class="navbar-brand" href="#">SB iGEM</a>
 +
              <!-- <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2015/e/e1/SB_logo.jpg" alt="SB Logo"></a>
 +
            -->
 +
          </div>
  
−
</div><!-- end myCarousel -->
+
          <div id="navbar" class="navbar-collapse collapse">
  
−
+
            <ul class="nav navbar-nav">
−
<h2>Attributions</h2>
+
  
−
<h3>General Support</h3>
+
              <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>    
−
<h3>Project support and advice</h3>
+
−
<h3>Fundraising help and advice</h3>
+
−
<h3>Lab support</h3>
+
−
<h3>Difficult technique support</h3>
+
−
<h3>Project advisor support</h3>
+
−
<h3>Wiki support</h3>
+
−
<h3>Presentation coaching</h3>
+
−
<h3>Human Practices support</h3>
+
−
<h3>Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</h3>
+
−
<h3>Company Sponsors</h3>
+
  
−
<hr>
+
              <li class="dropdown">
−
+
                <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
−
<div class="container"><!-- Logos of sponsors -->
+
                <ul class="dropdown-menu">
−
<div class="row">
+
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">Our Team</a></li>
−
</div><!-- end col-sm-1 -->
+
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
 +
                </ul>
 +
              </li> 
 +
 
 +
              <li class="dropdown">
 +
                <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</a>
 +
                <ul class="dropdown-menu">
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Overview</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Practices">Human Practicies</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Outreach</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaboration">Collaboration</a></li>
 +
                </ul>
 +
              </li>
 +
 
 +
              <li class="dropdown">
 +
                <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
 +
                <ul class="dropdown-menu">
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Projects">Project Overview</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Vision">The Vision</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Biobricks">BioBricks</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks and Protocols</a></li>
 +
                  <li class="divider"></li>
 +
                  <li class="dropdown-header">Sub-Projects</li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/PS">PS Synthesis</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/PHA">PHA Synthesis</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/CRATER">CRATER</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/CASH">CASH</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Cellulose">Cellulose</a></li>
 +
                </ul>
 +
              </li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </nav>
 +
    </div>
 +
 
 +
    <div class="jumbotron oridomiLeft">
 +
      <div class="container">
 +
        <h1>Attributions<small> Many thanks to the following<small></h1>
 +
      </div><!--end container-->
 +
    </div><!-- end jumbotron-->
 +
 
 +
    <div class="container">
 +
      <h3>General Support</h3>
 +
      <h3>Project support and advice</h3>
 +
      <h3>Fundraising help and advice</h3>
 +
      <h3>Lab support</h3>
 +
      <h3>Difficult technique support</h3>
 +
      <h3>Project advisor support</h3>
 +
      <h3>Wiki support</h3>
 +
      <h3>Presentation coaching</h3>
 +
      <h3>Human Practices support</h3>
 +
      <h3>Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</h3>
 +
      <h3>Company Sponsors</h3>
 +
 
 +
      <hr>
 +
     
 +
      <div class="container"><!-- Logos of sponsors -->
 +
        <div class="row">
 +
        </div><!-- end col-sm-1 -->
 +
 
 +
        <div class="col-sm-2">
 +
          <img src="https://static.igem.org/mediawiki/2015/a/ac/SB_geneious_logo.png" alt="geneious" class="img-responsive" height="100">
 +
        </div>
 +
        <div class="col-sm-2">
 +
          <img src="https://static.igem.org/mediawiki/2015/2/2c/SB_IDT_Logo.png" alt="IDT" class="img-responsive" height="100">
 +
        </div>
 +
       
 +
      </div><!-- end row -->
 +
    </div><!-- end container -->
 +
 
 +
    <!-- START THE FEATURETTES -->
 +
 
 +
    <div class="container">
 +
 
 +
    <div class="row featurette">
 +
      <a href="https://2015.igem.org/Stanford-Brown/Vision">
 +
        <div class="col-md-7 well btn btn-default" id="be1">
 +
          <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</span></h2>
 +
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 +
        </div>
 +
      </a>
 +
      <div class="col-md-5">
 +
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
    <div class="row featurette">
 +
      <div class="col-md-7 col-md-push-5 well btn btn-default" id="be2">
 +
        <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</span></h2>
 +
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 +
      </div>
 +
      <div class="col-md-5 col-md-pull-7">
 +
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
    <div class="row featurette">
 +
      <div class="col-md-7 well" id="be3">
 +
        <h2 class="featurette-heading">Polystyrene <span class="small">Engineering E. coli to produce polystyrene</span></h2>
 +
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 +
      </div>
 +
      <div class="col-md-5">
 +
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
    <div class="row featurette">
 +
      <div class="col-md-7 col-md-push-5 well btn btn-default" id="be4">
 +
        <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="small">Optimizing the production of biological PHA</span></h2>
 +
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 +
      </div>
 +
      <div class="col-md-5 col-md-pull-7">
 +
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
    <div class="row featurette">
 +
    <div class="col-md-7 well btn btn-default" id="be5">
 +
      <h2 class="featurette-heading">C.A.S.H.<span class="small"> Cellulose Associated Spore HYDRAS, or a biological contractile mechanism</span></h2>
 +
      <p class="lead">Based on work done by Chen et al. at Columbia university, we sought to employ the contractile properties of bacterial spores to use as a contractile mechanism for biOrigami.</p>
 +
    </div><!-- end well -->
 +
    <div class="col-md-5">
 +
      <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
  <div class="row featurette">
 +
    <div class="col-md-7 col-md-push-5 well btn btn-default" id="be6"> 
 +
 
 +
      <h2 class="featurette-heading">CRATER <span class="small">Crisper Assited Transformation Efficient Reaction</span></h2>
 +
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 +
    </div>
 +
    <div class="col-md-5 col-md-pull-7">
 +
      <img class="featurette-image img-responsive center-block img-rounded" data-src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 +
    </div>
 +
  </div>
 +
 
 +
</div><!-- /.container -->
 +
<!-- /END THE FEATURETTES -->
 +
 
 +
 
 +
 
 +
</body>
  
−
<div class="col-sm-2">
 
−
<img src="https://static.igem.org/mediawiki/2015/a/ac/SB_geneious_logo.png" alt="geneious" class="img-responsive" height="100">
 
−
</div>
 
−
<div class="col-sm-2">
 
−
<img src="https://static.igem.org/mediawiki/2015/2/2c/SB_IDT_Logo.png" alt="IDT" class="img-responsive" height="100">
 
−
</div>
 
−
 
−
</div><!-- end row -->
 
−
</div><!-- end container -->
 
−
 
−
</body>
 
 
</html>
 
</html>
  
 
{{Stanford-Brown_Footer}}
 
{{Stanford-Brown_Footer}}
 +
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}

Revision as of 06:55, 25 August 2015

Carousel Template for Bootstrap

Attributions Many thanks to the following

General Support

Project support and advice

Fundraising help and advice

Lab support

Difficult technique support

Project advisor support

Wiki support

Presentation coaching

Human Practices support

Thanks and acknowledgements for all other people involved in helping make a successful iGEM team

Company Sponsors

geneious
IDT

Our Vision to create biological origami aka BiOrigami

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
Generic placeholder image

But how? with the following projects below

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Polystyrene Engineering E. coli to produce polystyrene

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Polyhydroxyalkanoates Optimizing the production of biological PHA

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

C.A.S.H. Cellulose Associated Spore HYDRAS, or a biological contractile mechanism

Based on work done by Chen et al. at Columbia university, we sought to employ the contractile properties of bacterial spores to use as a contractile mechanism for biOrigami.

Generic placeholder image

CRATER Crisper Assited Transformation Efficient Reaction

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Copyright © 2015 Stanford-Brown iGEM Team