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

Line 91: Line 91:
 
     </div><!-- end jumbotron-->
 
     </div><!-- end jumbotron-->
  
−
<div class="container">
+
    <div class="container">
  
−
  <h4>A List Group</h4>
+
      <div class="col-sm-6">
−
         
+
        <a href="" class="btn" id="be1">
−
          <div class="list-group">
+
          <h4>Biobrick 1: Ba13423000</h4>
−
            <a href="#" class="list-group-item">
+
          <p>Description of the biobrick bla bla bla bla</p>
−
              <h4 class="list-group-item-heading">Kale</h4>
+
        </a>
−
              <p class="list-group-item-text">Kale or borecole is a vegetable with green or purple leaves, in which the central leaves do not form a head.</p>
+
      </div>
−
            </a>
+
−
            <a href="#" class="list-group-item">
+
−
              <h4 class="list-group-item-heading">Carrots</h4>
+
−
              <p class="list-group-item-text">The carrot is a root vegetable, usually orange in colour, though purple, red, white, and yellow varieties exist. It has a crisp texture when fresh.</p>
+
−
            </a>
+
−
            <a href="#" class="list-group-item">
+
−
              <h4 class="list-group-item-heading">Steel-cut oats</h4>
+
−
              <p class="list-group-item-text">Steel-cut oats are whole grain groats which have been cut into pieces. They are commonly used in Scotland and Ireland to make porridge.</p>
+
−
            </a>
+
−
          </div><!-- list-group -->
+
  
 +
      <div class="col-sm-6">
 +
        <a href="" class="btn" id="be2">
 +
          <h4>Biobrick 1: Ba13423000</h4>
 +
          <p>Description of the biobrick bla bla bla bla</p>
 +
        </a>
 +
      </div>
  
−
          <div class="col-sm-6">
+
      <div class="col-sm-6">
−
            <a href="" class="btn" id="be1">
+
        <a href="" class="btn" id="be3">
−
              <h4>Biobrick 1: Ba13423000</h4>
+
          <h4>Biobrick 1: Ba13423000</h4>
−
              <p>Description of the biobrick bla bla bla bla</p>
+
          <p>Description of the biobrick bla bla bla bla</p>
−
            </a>
+
        </a>
−
          </div>
+
      </div>
  
 +
      <div class="col-sm-6">
 +
        <a href="" class="btn" id="be4">
 +
          <h4>Biobrick 1: Ba13423000</h4>
 +
          <p>Description of the biobrick bla bla bla bla</p>
 +
        </a>
 +
      </div>
  
−
    <div class="list-group">
+
       <div class="col-sm-6">
−
       <div class="list-group-item btn" id="be1">
+
         <a href="" class="btn" id="be5">
−
         <div class="row-action-primary">
+
           <h4>Biobrick 1: Ba13423000</h4>
−
          <i class="mdi-file-folder"></i>
+
           <p>Description of the biobrick bla bla bla bla</p>
−
        </div>
+
         </a>
−
        <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">Donec id elit non mi porta gravida at eget metus.</p>
+
−
         </div>
+
 
       </div>
 
       </div>
−
      <div class="list-group-separator"></div>
+
 
−
       <div class="list-group-item">
+
       <div class="col-sm-6">
−
         <div class="row-action-primary">
+
         <a href="" class="btn" id="be6">
−
          <i class="mdi-file-folder"></i>
+
           <h4>Biobrick 1: Ba13423000</h4>
−
        </div>
+
           <p>Description of the biobrick bla bla bla bla</p>
−
        <div class="row-content">
+
         </a>
−
          <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 class="list-group-separator"></div>
+
−
      <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><!-- end container -->
+
    </div><!-- end container -->
 
   </body>
 
   </body>
  

Revision as of 21:24, 25 August 2015

Carousel Template for Bootstrap

Our Biobricks So many bricks

See our bricks below!

Biobrick 1: Ba13423000

Description of the biobrick bla bla bla bla

Biobrick 1: Ba13423000

Description of the biobrick bla bla bla bla

Biobrick 1: Ba13423000

Description of the biobrick bla bla bla bla

Biobrick 1: Ba13423000

Description of the biobrick bla bla bla bla

Biobrick 1: Ba13423000

Description of the biobrick bla bla bla bla

Biobrick 1: Ba13423000

Description of the biobrick bla bla bla bla

 

 


	


		


		

			
Copyright © 2015 Stanford-Brown iGEM Team