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

(Created page with "{{Stanford-Brown/CSS}} {{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/bootstrap}} {{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/pfold}} {{:Te...")
 
Line 119: Line 119:
 
       </a>
 
       </a>
 
     </div><!-- /.carousel -->
 
     </div><!-- /.carousel -->
 
 
 
<div class="oridomiStuff" style="width:50%">
 
fjsldkjfjdskl;fsfajsdf;lajsl;jaslkfjslkfjskljflsdkjfldsf
 
<br>
 
<img src="http://lorempixel.com/200/200" alt="stuff">
 
</div>
 
 
 
    <!-- Marketing messaging and featurettes
 
    ================================================== -->
 
    <!-- Wrap the rest of the page in another container to center all the content. -->
 
 
    <div class="container marketing">
 
 
      <!-- Three columns of text below the carousel -->
 
      <div class="row">
 
        <div class="col-lg-4">
 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
 
          <h2>Heading</h2>
 
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
 
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 
        </div><!-- /.col-lg-4 -->
 
        <div class="col-lg-4">
 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
 
          <h2>Heading</h2>
 
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
 
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 
        </div><!-- /.col-lg-4 -->
 
        <div class="col-lg-4">
 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
 
          <h2>Heading</h2>
 
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
 
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 
        </div><!-- /.col-lg-4 -->
 
      </div><!-- /.row -->
 
  
 
       <!-- START THE FEATURETTES -->
 
       <!-- START THE FEATURETTES -->
Line 163: Line 126:
 
       <div class="row featurette">
 
       <div class="row featurette">
 
         <div class="col-md-7">
 
         <div class="col-md-7">
           <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
+
           <h2 class="featurette-heading">Polystyrene <span class="text-muted">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>
 
           <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>
Line 175: Line 138:
 
       <div class="row featurette">
 
       <div class="row featurette">
 
         <div class="col-md-7 col-md-push-5">
 
         <div class="col-md-7 col-md-push-5">
           <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
+
           <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="text-muted">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>
 
           <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>
Line 187: Line 150:
 
       <div class="row featurette">
 
       <div class="row featurette">
 
         <div class="col-md-7">
 
         <div class="col-md-7">
           <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
+
           <h2 class="featurette-heading">CRATER <span class="text-muted">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>
 
           <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>

Revision as of 23:03, 17 August 2015

Carousel Template for Bootstrap


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

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