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

Line 11: Line 11:
 
   <link rel="icon" href="../../favicon.ico">
 
   <link rel="icon" href="../../favicon.ico">
  
   <title>Carousel Template for Bootstrap</title>
+
   <title>SB iGEM 2015 Practices</title>
  
    </head>
+
</head>
 
+
<body>
  <body>
+
 
     <!-- NAVBAR
 
     <!-- NAVBAR
 
     ================================================== -->
 
     ================================================== -->
Line 33: Line 32:
 
                
 
                
 
             </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" heigt= alt="SB Logo"></a>
+
            -->
+
 
           </div>
 
           </div>
  
Line 45: Line 42:
  
 
               <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>
 +
                  <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</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">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/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/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/Collaboration">Collaboration</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaboration">Collaboration</a></li>
 
                 </ul>
 
                 </ul>
Line 63: Line 60:
  
 
               <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>
Line 83: Line 80:
 
       </nav>
 
       </nav>
 
     </div>  
 
     </div>  
 +
  
 
     <div class="jumbotron oridomiLeft">
 
     <div class="jumbotron oridomiLeft">
 
       <div class="container">
 
       <div class="container">
         <h1>Welcome to our Projects<small> BiOrigami<small></h1>
+
         <h1>Outreach and Human Practices!</h1>
         <p>See our projects below</p>
+
         <p>Yeah do yo thing!!! I'm really tired right now...</p>
       </div><!--end container-->
+
       </div>
     </div><!-- end jumbotron-->
+
     </div><!-- end jumbotron -->
  
 
     <!-- START THE FEATURETTES -->
 
     <!-- START THE FEATURETTES -->
Line 95: Line 93:
 
     <div class="container">
 
     <div class="container">
  
    <div class="row featurette">
+
      <div class="row featurette">
      <a href="https://2015.igem.org/Stanford-Brown/Vision">
+
         <div class="col-md-7 well">
         <div class="col-md-7 well" id="be1">
+
           <h2 class="featurette-heading">2015 Bay Area Maker Faire <span class="small">Spreading the love of synthetic biology</span></h2>
           <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</span></h2>
+
           <p class="lead">In May 2015, our team participated in the 2015 Bay Area Maker Faire. We presented the Stanford-Brown iGEM projects to a variety of people, from scientists to young children, and had interactive activities such as origami and DNA extractions to spread the love of synthetic biology. </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><!-- end well -->
         </div>
+
        <div class="col-md-5">
      </a>
+
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
      <div class="col-md-5">
+
        </div><!-- end 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="row featurette">
    <div class="row featurette">
+
        <div class="col-md-7 col-md-push-5 well">
      <div class="col-md-7 col-md-push-5 well" id="be2">
+
          <h2 class="featurette-heading">Poster sessions and presentations <span class="small">Interacting with other researchers</span></h2>
        <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</span></h2>
+
          <p class="lead">We undertook several poster sessions and gave presentations during the summer to showcase our work at various events, including the California Academy of Sciences, NASA Ames ASL poster sessions, Stanford REU program presentation sessions. </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" data-src="holder.js/500x500/auto" 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="col-md-7 panel">
 +
          <h2 class="featurette-heading">Interviews <span class="small">Picking the brains of experts</span></h2>
 +
          <p class="lead">We interviewed several scientists specializing in different fields, and asked them what they would do with biOrigami./p>
 +
          </div>
 +
          <div class="col-md-5">
 +
            <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" 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 col-md-push-5 well">
        <h2 class="featurette-heading">Polystyrene <span class="small">Engineering E. coli to produce polystyrene</span></h2>
+
            <h2 class="featurette-heading">Collaboration <span class="small">Because collaboration between researchers is greater than the sum of its parts</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">We collaborated with the Edinburgh iGEM team on their biosensors and participated in the InterLab Study to help contribute to the iGEM community. </p>
      </div>
+
          </div>
      <div class="col-md-5">
+
          <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" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
      </div>
+
          </div>
    </div>
+
        </div>
  
 +
        <div class="row featurette">
 +
          <div class="col-md-7 col-md-push-5 well" id="be6"> 
  
    <div class="row featurette">
+
            <h2 class="featurette-heading">CRATER <span class="small">Crisper Assited Transformation Efficient Reaction</span></h2>
      <div class="col-md-7 col-md-push-5 well" id="be4">
+
            <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>
        <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="small">Optimizing the production of biological PHA</span></h2>
+
          </div>
        <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="col-md-5 col-md-pull-7">
      </div>
+
            <img class="featurette-image img-responsive center-block img-rounded" data-src="http://lorempixel.com/300/300" alt="Generic placeholder image">
      <div class="col-md-5 col-md-pull-7">
+
          </div>
        <img class="featurette-image img-responsive center-block img-rounded" src="http://lorempixel.com/300/300" alt="Generic placeholder image">
+
        </div>
      </div>
+
      </div><!-- end container -->
    </div>
+
  
 +
      <!-- /END THE FEATURETTES -->
  
    <div class="row featurette">
+
      <div class="container">
    <div class="col-md-7 well" id="be5">
+
        <div class="row featurette">
      <h2 class="featurette-heading">C.A.S.H.<span class="small"> Cellulose Associated Spore HYDRAS, or a biological contractile mechanism</span></h2>
+
          <div class="col-md-7 col-md-push-5 well" id="be6">   
      <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>
+
  
 +
            <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 -->
+
       </div>
  <!-- /END THE FEATURETTES -->
+
 
+
  <div class="container">
+
  <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>
+
  
</body>
+
    </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:56, 3 September 2015

SB iGEM 2015 Practices

Outreach and Human Practices!

Yeah do yo thing!!! I'm really tired right now...

2015 Bay Area Maker Faire Spreading the love of synthetic biology

In May 2015, our team participated in the 2015 Bay Area Maker Faire. We presented the Stanford-Brown iGEM projects to a variety of people, from scientists to young children, and had interactive activities such as origami and DNA extractions to spread the love of synthetic biology.

Generic placeholder image

Poster sessions and presentations Interacting with other researchers

We undertook several poster sessions and gave presentations during the summer to showcase our work at various events, including the California Academy of Sciences, NASA Ames ASL poster sessions, Stanford REU program presentation sessions.

Generic placeholder image

Interviews Picking the brains of experts

We interviewed several scientists specializing in different fields, and asked them what they would do with biOrigami./p>

Generic placeholder image

Collaboration Because collaboration between researchers is greater than the sum of its parts

We collaborated with the Edinburgh iGEM team on their biosensors and participated in the InterLab Study to help contribute to the iGEM community.

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

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