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

Line 13: Line 13:
 
   <title>Carousel Template for Bootstrap</title>
 
   <title>Carousel Template for Bootstrap</title>
  
−
    </head>
+
</head>
  
−
  <body>
+
<body>
 
     <!-- NAVBAR
 
     <!-- NAVBAR
 
     ================================================== -->
 
     ================================================== -->
Line 91: Line 91:
 
     </div><!-- end jumbotron-->
 
     </div><!-- end jumbotron-->
  
−
     <!-- START THE FEATURETTES -->
+
     <div class="list-group">
−
 
+
      <div class="list-group-item">
−
    <div class="container">
+
        <div class="row-action-primary">
−
 
+
          <i class="mdi-file-folder"></i>
−
    <div class="row featurette">
+
        </div>
−
      <a href="https://2015.igem.org/Stanford-Brown/Vision">
+
         <div class="row-content">
−
         <div class="col-md-7 well" id="be1">
+
           <div class="action-secondary"><i class="mdi-material-info"></i></div>
−
           <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</span></h2>
+
          <h4 class="list-group-item-heading">Tile with an icon</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 class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.</p>
 
         </div>
 
         </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="list-group-separator"></div>
−
 
+
      <div class="list-group-item">
−
 
+
        <div class="row-action-primary">
−
    <div class="row featurette">
+
          <i class="mdi-file-folder"></i>
−
      <div class="col-md-7 col-md-push-5 well" id="be2">
+
        </div>
−
        <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</span></h2>
+
        <div class="row-content">
−
        <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="action-secondary"><i class="mdi-material-info"></i></div>
 +
          <h4 class="list-group-item-heading">Tile with an icon</h4>
 +
          <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
 +
        </div>
 
       </div>
 
       </div>
−
       <div class="col-md-5 col-md-pull-7">
+
       <div class="list-group-separator"></div>
−
         <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
      <div class="list-group-item">
 +
         <div class="row-action-primary">
 +
          <i class="mdi-file-folder"></i>
 +
        </div>
 +
        <div class="row-content">
 +
          <div class="action-secondary"><i class="mdi-material-info"></i></div>
 +
          <h4 class="list-group-item-heading">Tile with an icon</h4>
 +
          <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
 +
        </div>
 
       </div>
 
       </div>
 +
      <div class="list-group-separator"></div>
 
     </div>
 
     </div>
  
 +
  </body>
  
−
    <div class="row featurette">
+
   </html>
−
      <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" 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" 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" 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>
+
−
 
+
−
</html>
+
  
−
{{Stanford-Brown_Footer}}
+
  {{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 20:59, 25 August 2015

Carousel Template for Bootstrap

Our Biobricks So many bricks

See our bricks below!

Tile with an icon

Donec id elit non mi porta gravida at eget metus.

Tile with an icon

Maecenas sed diam eget risus varius blandit.

Tile with an icon

Maecenas sed diam eget risus varius blandit.

 


	


		


		

			
Copyright © 2015 Stanford-Brown iGEM Team