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

Line 1: Line 1:
 
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
 
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
−
 
  
 
<html lang="en">
 
<html lang="en">
Line 12: Line 11:
 
   <link rel="icon" href="../../favicon.ico">
 
   <link rel="icon" href="../../favicon.ico">
  
−
   <title>SB iGEM 2015</title>
+
   <title>Projects</title>
  
 
</head>
 
</head>
  
 
<body>
 
<body>
−
    <!-- NAVBAR
+
  <!-- NAVBAR
−
    ================================================== -->
+
  ================================================== -->
−
    <div class="container">
+
  <div class="container">
−
      <nav class="navbar navbar-material-light-blue navbar-fixed-top oriEdit">
+
    <nav class="navbar navbar-material-light-blue navbar-fixed-top oriEdit">
  
−
        <div class="container">
+
      <div class="container">
  
−
          <div class="navbar-header">
+
        <div class="navbar-header">
  
−
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  
−
              <span class="sr-only">Toggle navigation</span>
+
            <span class="sr-only">Toggle navigation</span>
−
              <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
−
              <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
−
              <span class="icon-bar"></span>
+
            <span class="icon-bar"></span>
−
             
+
              
−
             </button>
+
          </button>
−
            <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">SB iGEM</a>
+
          <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">SB iGEM</a>
−
          </div>
+
        </div>
  
−
          <div id="navbar" class="navbar-collapse collapse">
+
        <div id="navbar" class="navbar-collapse collapse">
  
−
            <ul class="nav navbar-nav">
+
          <ul class="nav navbar-nav">
  
−
              <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>     
+
            <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>     
  
−
              <li class="dropdown">
+
            <li class="dropdown">
−
                <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
−
                <ul class="dropdown-menu">
+
              <ul class="dropdown-menu">
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">Our Team</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">Our Team</a></li>
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</a></li>
−
                </ul>
+
              </ul>
−
              </li>   
+
            </li>   
  
−
              <li class="dropdown">
+
            <li class="dropdown">
−
                <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</a>
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</a>
−
                <ul class="dropdown-menu">
+
              <ul class="dropdown-menu">
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Outreach</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/Practices">Human Practicies</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/Collaboration">Collaboration</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaboration">Collaboration</a></li>
−
                </ul>
+
              </ul>
−
              </li>
+
            </li>
  
−
              <li class="dropdown">
+
            <li class="dropdown">
−
                <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
−
                <ul class="dropdown-menu">
+
              <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/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/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/Biobricks">BioBricks</a></li>
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks and Protocols</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks and Protocols</a></li>
−
                  <li class="divider"></li>
+
                <li class="divider"></li>
−
                  <li class="dropdown-header">Sub-Projects</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/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/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/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/CASH">CASH</a></li>
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Cellulose">Cellulose</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Cellulose">Cellulose</a></li>
−
                </ul>
+
              </ul>
−
              </li>
+
            </li>
−
            </ul>
+
          </ul>
−
          </div>
+
 
         </div>
 
         </div>
−
       </nav>
+
       </div>
−
    </div>  
+
     </nav>
−
 
+
  </div>
−
     <div class="jumbotron oridomiLeft null">
+
−
      <div class="container">
+
−
        <h1>Welcome to BiOrigami!</h1>
+
−
        <p>We are a group of undergraduate students from Stanford and Brown University who are working at NASA Ames Research Center with a team of wonderful advisors to do synthetic biology</p>
+
−
      </div><!-- end container -->
+
−
    </div><!-- end jumbotron -->
+
  
 +
  <div class="jumbotron oridomiLeft">
 
     <div class="container">
 
     <div class="container">
−
       <div class="row featurette">
+
       <h1>Welcome to our Projects<small> BiOrigami<small></h1>
−
      <div class="col-md-7 well" id="be5">
+
      <p>See our projects below</p>
−
        <h2 class="featurette-heading">BiOrigami?<span class="small"> What is this?</span></h2>
+
    </div><!--end container-->
−
        <p class="lead">As in Biological Origami. Are you interested now? Click to find out more!</p>
+
  </div><!-- end jumbotron-->
−
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Projects" class="btn btn-lg btn-primary">Learn More!</a></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>
+
  
 +
  <!-- START THE FEATURETTES -->
  
−
    <div class="row featurette">
+
  <div class="container">
−
      <div class="col-md-7 col-md-push-5 well" id="be6"> 
+
  
−
        <h2 class="featurette-heading">Who are we?<span class="small"> The 2015 Stanford-Brown iGEM Team</span></h2>
+
  <div class="row featurette">
−
        <p class="lead">A group of strange and funny looking students who decided to spend the summer stuck in a lab together aka the Stanford-Brown 2015 iGEM Team</p>
+
    <a href="https://2015.igem.org/Stanford-Brown/Vision">
−
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Team" class="btn btn-lg btn-info">Learn More!</a></p>
+
       <div class="col-md-7 well btn btn-default" id="be1">
−
      </div>
+
         <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</span></h2>
−
       <div class="col-md-5 col-md-pull-7">
+
        <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>
−
         <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
 
       </div>
 
       </div>
 +
    </a>
 +
    <div class="col-md-5 well">
 +
      <h2 class="featurette-heading">Our BioBricks</h2>
 +
      <p class="lead">What are BioBricks? They are Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo. Click to see more.</p>
 
     </div>
 
     </div>
 +
  </div>
  
−
    <div class="container">
+
 
−
      <div class="row featurette">
+
  <div class="row featurette">
−
      <div class="col-md-7 well" id="be5">  
+
    <div class="col-md-7 col-md-push-5 well btn btn-default" id="be2">
−
        <h2 class="featurette-heading">Outreach<span class="small"> Spreading the joy of synthetic biology to the world!</span></h2>
+
      <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</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>
+
      <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>
−
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Projects" class="btn btn-lg btn-success">Learn More!</a></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>
 +
    <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="row featurette">
−
      <div class="col-md-7 col-md-push-5 well" id="be6">   
+
    <div class="col-md-7 well btn btn-default" 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>
  
−
        <h2 class="featurette-heading">Thanks!<span class="small"> to all these people!</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 class="row featurette">
−
        <p><a href="https://2015.igem.org/Team:Stanford-Brown/Projects" class="btn btn-lg btn-warning">Learn More!</a></p>
+
    <div class="col-md-7 col-md-push-5 well btn btn-default" id="be4">
−
      </div>
+
      <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="small">Optimizing the production of biological PHA</span></h2>
−
      <div class="col-md-5 col-md-pull-7">
+
      <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>
−
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
−
      </div>
+
 
     </div>
 
     </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>
 +
 +
 +
<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 -->
 +
 +
<footer>
 +
  <div class="container">
 +
    <hr></hr>
 +
    <div class="row">
 +
      <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
 +
    </div><!-- end row -->
 +
  </div><!-- end container -->
 +
</footer>
 +
 +
<!-- Bootstrap core JavaScript
 +
  ================================================== -->
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
 +
 +
  <!-- Placed at the end of the document so the pages load faster -->
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
 +
 +
  <!-- Latest compiled and minified CSS -->
 +
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 +
 +
  <!-- Latest compiled and minified JavaScript -->
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/ripples.min.js"></script>
  
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
  
 
</body>
 
</body>
Line 148: Line 202:
 
</html>
 
</html>
  
−
{{Stanford-Brown_Footer}}
 
 
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}
 
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}

Revision as of 03:34, 7 September 2015

Projects

Welcome to our Projects BiOrigami

See our projects below

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.

Our BioBricks

What are BioBricks? They are Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo. Click to see more.

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