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

Line 16: Line 16:
  
 
<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>
+
          </button>
            <a class="navbar-brand" href="#">SB iGEM</a>
+
          <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">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>
+
  
          <div id="navbar" class="navbar-collapse collapse">
+
        <div id="navbar" class="navbar-collapse collapse">
  
            <ul class="nav navbar-nav">
+
          <ul class="nav navbar-nav">
  
              <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>     
+
            <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>     
  
              <li class="dropdown">
+
            <li class="dropdown">
                <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</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/Team">Our Team</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/Attributions">Attributions</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
                 </ul>
+
                 <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</a></li>
               </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">Outreach</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/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/Practices">Human Practicies</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/Collaboration">Collaboration</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">Projects</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/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/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/Biobricks">BioBricks</a></li>
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks and Protocols</a></li>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks and Protocols</a></li>
                  <li class="divider"></li>
+
                <li class="divider"></li>
                  <li class="dropdown-header">Sub-Projects</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/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/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/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/CASH">CASH</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/Cellulose">Cellulose</a></li>
                </ul>
+
              </ul>
              </li>
+
            </li>
            </ul>
+
          </ul>
          </div>
+
 
         </div>
 
         </div>
       </nav>
+
       </div>
    </div>  
+
     </nav>
 
+
  </div>  
     <div class="jumbotron oridomiLeft">
+
      <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="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="col-sm-6">
+
  <div class="container">
        <a href="" class="btn" id="be1">
+
          <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="col-sm-6">
+
    <div class="col-sm-6">
        <a href="" class="btn" id="be2">
+
      <a href="" class="btn" id="be1">
          <h4>Biobrick 1: Ba13423000</h4>
+
        <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>
+
        <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>
+
    </div>
  
      <div class="col-sm-6">
+
    <div class="col-sm-6">
        <a href="" class="btn" id="be3">
+
      <a href="" class="btn" id="be2">
          <h4>Biobrick 1: Ba13423000</h4>
+
        <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.a</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>
        </a>
+
      </a>
      </div>
+
    </div>
  
      <div class="col-sm-6">
+
    <div class="col-sm-6">
        <a href="" class="btn" id="be4">
+
      <a href="" class="btn" id="be3">
          <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>
+
        <h4>Biobrick 1: Ba13423000</h4>
        </a>
+
        <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>
  
      <div class="col-sm-6">
+
    <div class="col-sm-6">
         <a href="" class="btn" id="be5">
+
      <a href="" class="btn" id="be4">
          <h4>Biobrick 1: Ba13423000</h4>
+
         <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>
          <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>
       </div>
+
 
 +
    <div class="col-sm-6">
 +
      <a href="" class="btn" id="be5">
 +
        <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="col-sm-6">
 +
       <a href="" class="btn" id="be6">
 +
        <h4>Biobrick 1: Ba13423000</h4>
 +
        <p>Description of the biobrick bla bla bla bla</p>
 +
      </a>
 +
    </div>
 +
 
 +
  </div><!-- end container -->
  
      <div class="col-sm-6">
+
  <div class="container">
        <a href="" class="btn" id="be6">
+
    <div class="row featurette">
          <h4>Biobrick 1: Ba13423000</h4>
+
      <div class="col-md-7 col-md-push-5 well" id="be6">  
          <p>Description of the biobrick bla bla bla bla</p>
+
        </a>
+
      </div>
+
  
    </div><!-- end container -->
+
        <h2 class="featurette-heading">CRATER <span class="small">Crisper Assited Transformation Efficient Reaction</span></h2>
   </body>
+
        <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>
 +
</body>
  
  </html>
+
</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 04:42, 3 September 2015

Carousel Template for Bootstrap

Our Biobricks So many bricks

See our bricks below!

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


Copyright © 2015 Stanford-Brown iGEM Team