Team:WashU StLouis

<body id="page-top" class="index">

 <nav class="navbar navbar-default navbar-fixed-top">
 </nav>
 <header>
Welcome To Our Website!
It's Nice To Meet You
       <a href="#contact" class="page-scroll btn btn-xl">It's Nice To Meet You Too</a>
 </header>


   <section id="overview" class="bg-light-gray row sectionNum1">
           <a href="#overviewModal1" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Last Year

Learn from History

           <a href="#overviewModal2" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Mission Statement

The Goal in a sentance

           <a href="#overviewModal3" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Nitrogen Project

Ain't broke, but we got to fix it.

           <a href="#overviewModal4" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

The Big Picture

Why did we do this?

           <a href="#overviewModal5" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Methods and Materials

Immitation is the best form of flattery.

           <a href="#overviewModal6" class="overview-link" data-toggle="modal">
                 
             <img src="http://placehold.it/400x300" class="img-responsive" alt="">
           </a>

Discussion

Explaining the Results

   </section>
   <section id="team"  class="bg-white row sectionNum2">

Team

NitroGeniuses

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Jessica O'Callaghan

    Chemical Engineering

    Penn State

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Laura Beebe

    Biochemistry and Molecular Biology

    Penn State

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Blake Atckinson

    Biomedical Engineering

    Washington University in St. Louis

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    Charlotte Bourg

    Biochemistry and Spanish

    Washington University in St. Louis

  •                  <img class="img-circle img-responsive" src="http://placehold.it/200x200" alt="">
    

    David Ayeke

    Computer Engineering

    Washington University in St. Louis

  •                  

    Be Part
    Of Our
    Story!

                       <a href="Team" class="page-scroll btn btn-sm btn-warning">Collaboration</a>
    
     </section>
     <section id="collaborations" class="bg-light-gray row  sectionNum3">

Collaboration

<a class="page-scroll" href="#contact">:{ Looking for Collaborators</a>

               
                 
                 
               

Nothing

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.

       </section>
       <section id="advisors" class="bg-white row sectionNum4">

Our Amazing P.I's

The people that made it all possible

                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Tae Seok Moon

Faculty Advisors

                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Fuzhong Zhang

Faculty Advisor


                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Cheryl Immethun

Washington University IGEM Advisor

                 <img src="http://placehold.it/255x255" class="img-responsive img-circle" alt="">

Thomas Mueller

Penn State IGEM Advisor

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.

       </section>
       <section id="contact"  class="bg-white row  sectionNum6">

Contact Us

We can't do this alone

               <form action="mailto:ayekedavidr@wustl.edu" method="post" enctype="text/plain" name="sentMessage" id="contactForm" novalidate>
                       <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name.">

                       <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address.">

                       <input type="tel" class="form-control" placeholder="Your Team" id="igemTeam" required data-validation-required-message="Please enter your Igem Team">

                       <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea>

                     <input type="submit" class="btn btn-xl" value="Send Message"/>
               </form>
       </section>