Difference between revisions of "Team:BostonU HW/CSS"

Line 310: Line 310:
 
                 <div class="col-lg-12 text-center">
 
                 <div class="col-lg-12 text-center">
 
                     <h2>Fluigi is a specify, design, build workflow to aid microfluidic device development.</h2>
 
                     <h2>Fluigi is a specify, design, build workflow to aid microfluidic device development.</h2>
−
                 
+
   
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 317: Line 317:
 
         <!-- /.container -->
 
         <!-- /.container -->
 
     </section>
 
     </section>
 +
 +
 +
 +
<section id="services" class="services bg-primary">
 +
        <div class="container">
 +
            <div class="row text-center">
 +
                <div class="col-lg-10 col-lg-offset-1">
 +
                    <h2>Background in Microfluidics</h2>
 +
                    <hr class="small">
 +
                    <div class="row">
 +
                        <div align="center ">
 +
                            <div class="service-item">
 +
                              <span class="fa-stack fa-4x">
 +
                                <i class="fa fa-circle fa-stack-2x"></i>
 +
                                <i class="fa fa-cloud fa-stack-1x text-primary"></i>
 +
                            </span>
 +
                         
 +
                           
 +
            </br>
 +
Microfluidic devices consist of valves and channels that can manipulate small volumes of liquids laid out in a customizable fashion. Using this, scientists can reduce reagent costs, automate experiments, and attain a high and more precise throughput with predictable fluid flow.
 +
</br>
 +
What are microfluidics used for?
 +
</br>
 +
However, due to the technical agility, high cost and long build time, microfluidics are not very highly used. The current method of photolithography costs $80,000 and an expert to use.
 +
<br/>
 +
Here's where Fluigi comes into use!
 +
 +
        </div>
 +
</div>
 +
</div>           
 +
                         
 +
 +
                        </div>                     
 +
                    </div>
 +
                    <!-- /.row (nested) -->
 +
                </div>
 +
                <!-- /.col-lg-10 -->
 +
            </div>
 +
            <!-- /.row -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </section>
 +
 +
<div class="col-lg-10 col-lg-offset-1">
 +
<h2 align="center"> Where can we use microfluidics? </h2>
 +
            <br>
 +
Sythetic Biology.
 +
<br>
 +
Experiments to monitor precise control of the number and concentration of input.
 +
<br>
 +
Single-cell tracking.
 +
<br>
 +
Microchemostat: environment control.
 +
<br>
 +
 +
        </div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<div class="container">
 +
            <div class="row">
 +
             
 +
<div class="col-lg-10 col-lg-offset-1 text-center">
 +
</br>
 +
</div>
 +
</div>
 +
</div>
  
 
     <!-- Services -->
 
     <!-- Services -->
Line 327: Line 399:
 
                     <hr class="small">
 
                     <hr class="small">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-md-3  col-sm-6">
+
                         <div class="col-md-4 ">
 
                             <div class="service-item">
 
                             <div class="service-item">
 
                               <span class="fa-stack fa-4x">
 
                               <span class="fa-stack fa-4x">
Line 342: Line 414:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <div class="col-md-3 col-sm-6">
+
                         <div class="col-md-4">
 
                             <div class="service-item">
 
                             <div class="service-item">
 
                                 <span class="fa-stack fa-4x">
 
                                 <span class="fa-stack fa-4x">
Line 356: Line 428:
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                         <div class="col-md-3 col-sm-6">
+
                         <div class="col-md-4">
 
                             <div class="service-item">
 
                             <div class="service-item">
 
                                 <span class="fa-stack fa-4x">
 
                                 <span class="fa-stack fa-4x">
Line 435: Line 507:
 
     </section>
 
     </section>
  
−
    <!-- Call to Action -->
+
 
−
    <aside class="call-to-action bg-primary">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-lg-12 text-center">
+
−
                    <h3>The buttons below are impossible to resist.</h3>
+
−
                    <a href="#" class="btn btn-lg btn-light">Click Me!</a>
+
−
                    <a href="#" class="btn btn-lg btn-dark">Look at Me!</a>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </aside>
+
  
 
      
 
      
Line 457: Line 518:
 
  <div class="col-lg-10 col-lg-offset-1 text-center">
 
  <div class="col-lg-10 col-lg-offset-1 text-center">
 
                     <h2>Contact Us</h2>
 
                     <h2>Contact Us</h2>
−
                     <ul class="list-unstyled">
+
                     <ul>
−
                       <li><i class="fa fa-envelope-o fa-fw"></i>  <a href="http://twitter.com/iGemHWBU">Twitter</a>
+
                       <a href="http://twitter.com/iGemHWBU">Twitter</a>
−
                        </li>
+
                      <br/>
−
                        <li><i class="fa fa-envelope-o fa-fw"></i>  <a href="mailto:bu.igemhw2016@gmail.com">Email us</a>
+
                      <a href="mailto:bu.igemhw2016@gmail.com">Email us here</a>
−
                        </li>
+
        <br/>
−
                    </ul>
+
                      <a href="http://cidarlab.org/Fluigi">About us</a>
−
                    <br>
+
                      <br/><br/><br/>
−
                    <ul class="list-inline">
+
−
                        <li>
+
−
                            <a href="#"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
+
−
                        </li>
+
−
                        <li>
+
−
                            <a href="#"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
+
−
                        </li>
+
−
                        <li>
+
−
                            <a href="#"><i class="fa fa-dribbble fa-fw fa-3x"></i></a>
+
−
                        </li>
+
 
                     </ul>
 
                     </ul>
 
                     <hr class="small">
 
                     <hr class="small">
 
                     <p class="text-muted">Copyright &copy; Boston University Hardware Team Website 2016</p>
 
                     <p class="text-muted">Copyright &copy; Boston University Hardware Team Website 2016</p>
−
                </div>
+
    </div>
−
            </div>
+
</div>
 
         </div>
 
         </div>
 
     </footer>
 
     </footer>

Revision as of 21:04, 26 June 2016

BU 2016

iGem Special Track: Hardware


Find Out More

Fluigi is a specify, design, build workflow to aid microfluidic device development.

Background in Microfluidics


Microfluidic devices consist of valves and channels that can manipulate small volumes of liquids laid out in a customizable fashion. Using this, scientists can reduce reagent costs, automate experiments, and attain a high and more precise throughput with predictable fluid flow.
What are microfluidics used for?
However, due to the technical agility, high cost and long build time, microfluidics are not very highly used. The current method of photolithography costs $80,000 and an expert to use.
Here's where Fluigi comes into use!

Where can we use microfluidics?


Sythetic Biology.
Experiments to monitor precise control of the number and concentration of input.
Single-cell tracking.
Microchemostat: environment control.