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

(Created page with "{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}} <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"...")
 
 
(15 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
   <link rel="icon" href="../../favicon.ico">
 
   <link rel="icon" href="../../favicon.ico">
  
−
   <title>Carousel Template for Bootstrap</title>
+
   <title>Biobricks</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>
+
−
            <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 id="navbar" class="navbar-collapse collapse">
+
           </button>
 +
          <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">SB iGEM</a>
 +
        </div>
  
−
            <ul class="nav navbar-nav">
+
        <div id="navbar" class="navbar-collapse collapse">
  
−
              <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>   
+
          <ul class="nav navbar-nav">
  
−
              <li class="dropdown">
+
            <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>    
−
                <a href="bootstrap-elements.html" 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>
+
−
                </ul>
+
−
              </li> 
+
  
−
              <li class="dropdown">
+
            <li class="dropdown">
−
                <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</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/Outreach">Overview</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/Practices">Human Practicies</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/Outreach">Outreach</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/Collaboration">Collaboration</a></li>
+
              </ul>
−
                </ul>
+
            </li>  
−
              </li>
+
  
−
              <li class="dropdown">
+
            <li class="dropdown">
−
                 <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</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/Projects">Project Overview</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/Vision">The Vision</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/Biobricks">BioBricks</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/Notebooks">Notebooks and Protocols</a></li>
+
              </ul>
−
                  <li class="divider"></li>
+
            </li>
−
                  <li class="dropdown-header">Sub-Projects</li>
+
 
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/PS">PS Synthesis</a></li>
+
            <li class="dropdown">
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/PHA">PHA Synthesis</a></li>
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/CRATER">CRATER</a></li>
+
              <ul class="dropdown-menu">
−
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/CASH">CASH</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/Cellulose">Cellulose</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Vision">The Vision</a></li>
−
                </ul>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Biobricks">BioBricks</a></li>
−
              </li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks and Protocols</a></li>
−
            </ul>
+
                <li class="divider"></li>
−
          </div>
+
                <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>  
+
     </nav>
−
 
+
  </div>  
−
     <div class="jumbotron oridomiLeft">
+
−
      <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="jumbotron oridomiLeft">
 
     <div class="container">
 
     <div class="container">
 +
      <h1>Our Biobricks<small> So many bricks<small></h1>
 +
      <p>See our bricks below!</p>
 +
    </div><!--end container-->
 +
  </div><!-- end jumbotron-->
  
−
    <div class="row featurette">
+
  <div class="container">
−
      <a href="https://2015.igem.org/Stanford-Brown/Vision">
+
<h1>Please go to the parts page to see biobricks</h1>
−
        <div class="col-md-7 well" id="be1">
+
    <div class="col-sm-6">
−
          <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</span></h2>
+
      <a href="" class="btn" id="be1">
−
          <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>
+
        <h4>Biobrick 1: Ba13423000</h4>
−
        </div>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
       </a>
 
       </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>
  
 +
    <div class="col-sm-6">
 +
      <a href="" class="btn" id="be2">
 +
        <h4>Biobrick 1: Ba13423000</h4>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
      </a>
 +
    </div>
  
−
     <div class="row featurette">
+
     <div class="col-sm-6">
−
       <div class="col-md-7 col-md-push-5 well" id="be2">
+
       <a href="" class="btn" id="be3">
−
         <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</span></h2>
+
         <h4>Biobrick 1: Ba13423000</h4>
−
         <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>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.a</p>
−
       </div>
+
       </a>
−
      <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>
  
 +
    <div class="col-sm-6">
 +
      <a href="" class="btn" id="be4">
 +
        <h4>Biobrick 1: Ba13423000</h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Description of the biobrick bla bla bla bla</p>
 +
      </a>
 +
    </div>
  
−
     <div class="row featurette">
+
     <div class="col-sm-6">
−
       <div class="col-md-7 well" id="be3">
+
       <a href="" class="btn" id="be5">
−
         <h2 class="featurette-heading">Polystyrene <span class="small">Engineering E. coli to produce polystyrene</span></h2>
+
         <h4>Biobrick 1: Ba13423000</h4>
−
         <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>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</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>
  
−
 
+
     <div class="col-sm-6">
−
     <div class="row featurette">
+
       <a href="" class="btn" id="be6">
−
       <div class="col-md-7 col-md-push-5 well" id="be4">
+
         <h4>Biobrick 1: Ba13423000</h4>
−
         <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="small">Optimizing the production of biological PHA</span></h2>
+
         <p>Description of the biobrick bla bla bla bla</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>
+
       </a>
−
       </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>
  
 +
  </div><!-- end container -->
 +
  <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>
  
−
    <div class="row featurette">
+
  <!-- Placed at the end of the document so the pages load faster -->
−
    <div class="col-md-7 well" id="be5">
+
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
−
      <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>
+
  
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
  
−
   <div class="row featurette">
+
   <!-- Latest compiled and minified CSS -->
−
    <div class="col-md-7 col-md-push-5 well" 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 -->
+
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
−
  <!-- /END THE FEATURETTES -->
+
  
 +
  <!-- 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>
  
 
</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}}

Latest revision as of 20:53, 18 September 2015

Biobricks

Our Biobricks So many bricks

See our bricks below!

Please go to the parts page to see biobricks

Biobrick 1: Ba13423000

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Biobrick 1: Ba13423000

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Biobrick 1: Ba13423000

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.a

Biobrick 1: Ba13423000

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Description of the biobrick bla bla bla bla

Biobrick 1: Ba13423000

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Biobrick 1: Ba13423000

Description of the biobrick bla bla bla bla
Copyright © 2015 Stanford-Brown iGEM Team