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>SB iGEM 2015 Practices</title>
+
   <title>Carousel Template for Bootstrap</title>
  
−
</head>
+
    </head>
−
<body>
+
 
 +
  <body>
 
     <!-- NAVBAR
 
     <!-- NAVBAR
 
     ================================================== -->
 
     ================================================== -->
Line 32: Line 33:
 
                
 
                
 
             </button>
 
             </button>
−
             <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">SB iGEM</a>
+
             <a class="navbar-brand" href="#">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 42: Line 45:
  
 
               <li class="dropdown">
 
               <li class="dropdown">
−
                 <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
+
                 <a href="bootstrap-elements.html" 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="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</a>
+
                 <a href="bootstrap-elements.html" 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">Outreach</a></li>
+
                   <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/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>
Line 60: Line 63:
  
 
               <li class="dropdown">
 
               <li class="dropdown">
−
                 <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
+
                 <a href="bootstrap-elements.html" 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 80: Line 83:
 
       </nav>
 
       </nav>
 
     </div>  
 
     </div>  
−
 
  
 
     <div class="jumbotron oridomiLeft">
 
     <div class="jumbotron oridomiLeft">
 
       <div class="container">
 
       <div class="container">
−
         <h1>Outreach and Human Practices!</h1>
+
         <h1>Welcome to our Projects<small> BiOrigami<small></h1>
−
         <p>Yeah do yo thing!!! I'm really tired right now...</p>
+
         <p>See our projects below</p>
−
       </div>
+
       </div><!--end container-->
−
     </div><!-- end jumbotron -->
+
     </div><!-- end jumbotron-->
  
 
     <!-- START THE FEATURETTES -->
 
     <!-- START THE FEATURETTES -->
Line 93: Line 95:
 
     <div class="container">
 
     <div class="container">
  
−
      <div class="row featurette">
+
    <div class="row featurette">
−
         <div class="col-md-7 well">
+
      <a href="https://2015.igem.org/Stanford-Brown/Vision">
−
           <h2 class="featurette-heading">2015 Bay Area Maker Faire <span class="small">Spreading the love of synthetic biology</span></h2>
+
         <div class="col-md-7 well" id="be1">
−
           <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>
+
           <h2 class="featurette-heading">Our Vision<span class="small"> to create biological origami aka BiOrigami</span></h2>
−
         </div><!-- end well -->
+
           <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">
+
         </div>
−
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+
      </a>
−
        </div><!-- end 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">
 
       </div>
 
       </div>
 +
    </div>
  
−
      <div class="row featurette">
+
 
−
        <div class="col-md-7 col-md-push-5 well">
+
    <div class="row featurette">
−
          <h2 class="featurette-heading">Poster sessions and presentations <span class="small">Interacting with other researchers</span></h2>
+
      <div class="col-md-7 col-md-push-5 well" id="be2">
−
          <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>
+
        <h2 class="featurette-heading">But how? <span class="small"> with the following projects below</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">
+
−
          <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 col-md-push-5 well">
+
      <div class="col-md-7 well" id="be3">
−
            <h2 class="featurette-heading">Collaboration <span class="small">Because collaboration between researchers is greater than the sum of its parts</span></h2>
+
        <h2 class="featurette-heading">Polystyrene <span class="small">Engineering E. coli to produce polystyrene</span></h2>
−
            <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>
+
        <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">
−
            <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" 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="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>
+
    <div class="row featurette">
−
            <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-7 col-md-push-5 well" id="be4">
−
          </div>
+
        <h2 class="featurette-heading">Polyhydroxyalkanoates <span class="small">Optimizing the production of biological PHA</span></h2>
−
          <div class="col-md-5 col-md-pull-7">
+
        <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>
−
            <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 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 well" 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><!-- /.container -->
 +
  <!-- /END THE FEATURETTES -->
 +
 +
  <div class="container">
 +
  <div class="row featurette">
 +
    <div class="col-md-7 col-md-push-5 well" id="be6"> 
  
−
       <!-- /END THE FEATURETTES -->
+
       <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:54, 3 September 2015

Carousel Template for Bootstrap

Welcome to our Projects BiOrigami

See our projects below

Our Vision to create biological origami aka BiOrigami

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

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