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

Line 24: Line 24:
 
   ================================================== -->
 
   ================================================== -->
 
   <body>
 
   <body>
    <!-- NAVBAR
+
      <!-- NAVBAR
    ================================================== -->
+
      ================================================== -->
    <div class="container">
+
      <div class="container">
      <nav class="navbar navbar-inverse 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>
         </div>
+
         </nav>
       </nav>
+
      </div>  
    </div>  
+
 
 +
       <div class="jumbotron oridomiLeft">
 +
        <div class="container">
 +
          <h1>Attributions<small> Many thanks to the following<small></h1>
 +
        </div><!--end container-->
 +
      </div><!-- end jumbotron-->
  
    <div class="jumbotron oridomiLeft">
 
 
       <div class="container">
 
       <div class="container">
         <h1>Attributions<small> Many thanks to the following<small></h1>
+
         <h3>General Support</h3>
      </div><!--end container-->
+
        <h3>Project support and advice</h3>
    </div><!-- end jumbotron-->
+
        <h3>Fundraising help and advice</h3>
 +
        <h3>Lab support</h3>
 +
        <h3>Difficult technique support</h3>
 +
        <h3>Project advisor support</h3>
 +
        <h3>Wiki support</h3>
 +
        <h3>Presentation coaching</h3>
 +
        <h3>Human Practices support</h3>
 +
        <h3>Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</h3>
 +
        <h3>Company Sponsors</h3>
  
    <div class="container">
+
        <hr>
      <h3>General Support</h3>
+
       
      <h3>Project support and advice</h3>
+
        <div class="container"><!-- Logos of sponsors -->
      <h3>Fundraising help and advice</h3>
+
          <div class="row">
      <h3>Lab support</h3>
+
          </div><!-- end col-sm-1 -->
      <h3>Difficult technique support</h3>
+
      <h3>Project advisor support</h3>
+
      <h3>Wiki support</h3>
+
      <h3>Presentation coaching</h3>
+
      <h3>Human Practices support</h3>
+
      <h3>Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</h3>
+
      <h3>Company Sponsors</h3>
+
  
      <hr>
+
          <div class="col-sm-2">
     
+
            <img src="https://static.igem.org/mediawiki/2015/a/ac/SB_geneious_logo.png" alt="geneious" class="img-responsive" height="100">
      <div class="container"><!-- Logos of sponsors -->
+
          </div>
        <div class="row">
+
          <div class="col-sm-2">
         </div><!-- end col-sm-1 -->
+
            <img src="https://static.igem.org/mediawiki/2015/2/2c/SB_IDT_Logo.png" alt="IDT" class="img-responsive" height="100">
 +
          </div>
 +
         
 +
         </div><!-- end row -->
 +
      </div><!-- end container -->
  
        <div class="col-sm-2">
+
      <!-- START THE FEATURETTES -->
          <img src="https://static.igem.org/mediawiki/2015/a/ac/SB_geneious_logo.png" alt="geneious" class="img-responsive" height="100">
+
 
 +
      <div class="container">
 +
 
 +
      <div class="row featurette">
 +
        <a href="https://2015.igem.org/Stanford-Brown/Vision">
 +
          <div class="col-md-7 well btn btn-default" id="be1">
 +
            <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</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>
 +
        </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 class="col-sm-2">
+
      </div>
           <img src="https://static.igem.org/mediawiki/2015/2/2c/SB_IDT_Logo.png" alt="IDT" class="img-responsive" height="100">
+
 
 +
 
 +
      <div class="row featurette">
 +
         <div class="col-md-7 col-md-push-5 well btn btn-default" id="be2">
 +
           <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</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>
          
+
         <div class="col-md-5 col-md-pull-7">
      </div><!-- end row -->
+
          <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
    </div><!-- end container -->
+
        </div>
 +
      </div>
  
    <!-- START THE FEATURETTES -->
 
  
    <div class="container">
+
      <div class="row featurette">
 
+
         <div class="col-md-7 well" id="be3">
    <div class="row featurette">
+
           <h2 class="featurette-heading">Polystyrene <span class="small">Engineering E. coli to produce polystyrene</span></h2>
      <a href="https://2015.igem.org/Stanford-Brown/Vision">
+
         <div class="col-md-7 well btn btn-default" id="be1">
+
           <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</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>
      </a>
+
        <div class="col-md-5">
      <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">
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
        </div>
 
       </div>
 
       </div>
    </div>
 
  
  
    <div class="row featurette">
+
      <div class="row featurette">
      <div class="col-md-7 col-md-push-5 well btn btn-default" id="be2">
+
        <div class="col-md-7 col-md-push-5 well btn btn-default" id="be4">
        <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</span></h2>
+
          <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>
+
          <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>
      <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="row featurette">
      <div class="col-md-7 well" id="be3">
+
      <div class="col-md-7 well btn btn-default" id="be5">  
         <h2 class="featurette-heading">Polystyrene <span class="small">Engineering E. coli to produce polystyrene</span></h2>
+
         <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">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">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>
+
       </div><!-- end well -->
 
       <div class="col-md-5">
 
       <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">
 
         <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
Line 167: Line 187:
  
 
     <div class="row featurette">
 
     <div class="row featurette">
       <div class="col-md-7 col-md-push-5 well btn btn-default" id="be4">
+
       <div class="col-md-7 col-md-push-5 well btn btn-default" id="be6">  
         <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="small">Optimizing the production of biological PHA</span></h2>
+
 
 +
         <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>
 
         <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>
 
       <div class="col-md-5 col-md-pull-7">
 
       <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">
+
         <img class="featurette-image img-responsive center-block img-rounded" data-src="http://lorempixel.com/300/300" alt="Generic placeholder image">
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  
 
+
   </div><!-- /.container -->
    <div class="row featurette">
+
  <!-- /END THE FEATURETTES -->
    <div class="col-md-7 well btn btn-default" 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 btn btn-default" 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 -->
+
  
  

Revision as of 04:30, 3 September 2015

Carousel Template for Bootstrap

Attributions Many thanks to the following

General Support

Project support and advice

Fundraising help and advice

Lab support

Difficult technique support

Project advisor support

Wiki support

Presentation coaching

Human Practices support

Thanks and acknowledgements for all other people involved in helping make a successful iGEM team

Company Sponsors


geneious
IDT

But how? with the following projects below

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

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

C.A.S.H. Cellulose Associated Spore HYDRAS, or a biological contractile mechanism

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.

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


Copyright © 2015 Stanford-Brown iGEM Team