Difference between revisions of "Team:Stanford-Brown/Projects"
Forrestgtran (Talk | contribs) |
Forrestgtran (Talk | contribs) |
||
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> | + | <title>Projects</title> |
</head> | </head> | ||
<body> | <body> | ||
− | + | <!-- NAVBAR | |
− | + | ================================================== --> | |
− | + | <div class="container"> | |
− | + | <nav class="navbar navbar-material-light-blue navbar-fixed-top oriEdit"> | |
− | + | <div class="container"> | |
− | + | <div class="navbar-header"> | |
− | + | <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="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> | |
− | + | </div> | |
− | + | <div id="navbar" class="navbar-collapse collapse"> | |
− | + | <ul class="nav navbar-nav"> | |
− | + | <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a> | |
− | + | <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/Attributions">Attributions</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="" 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">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/Collaboration">Collaboration</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a href="" 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> | ||
− | + | </div> | |
− | + | </nav> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class="jumbotron oridomiLeft"> | ||
<div class="container"> | <div class="container"> | ||
− | < | + | <h1>Welcome to our Projects<small> BiOrigami<small></h1> |
− | + | <p>See our projects below</p> | |
− | + | </div><!--end container--> | |
− | + | </div><!-- end jumbotron--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- 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> | |
− | <div class="col-md | + | <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> | ||
+ | </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="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> | ||
+ | <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="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> | ||
+ | <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 © 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> | ||
− | |||
{{: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
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.
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.
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.
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.
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.