Difference between revisions of "Team:EPFL/Design"

Line 23: Line 23:
 
         <div class="row justify-content-center lead">
 
         <div class="row justify-content-center lead">
 
           <div class="col-md-12">
 
           <div class="col-md-12">
            <nav aria-label="Page navigation example">
 
              <ul class="pagination">
 
  
                <li class="page-item active"><a class="page-link" href="#">Detection</a></li>
+
            <ul class="nav nav-pills nav-fill flex-column flex-sm-row" id="myTab" role="tablist">
                <li class="page-item"><a class="page-link" href="#">Vaccine</a></li>
+
              <li class="nav-item">
                <li class="page-item"><a class="page-link" href="#">Immune Response</a></li>
+
                <a class="nav-link mb-sm-3 active" id="Vaccine-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Vaccine</a>
                <li class="page-item"><a class="page-link" href="https://2018.igem.org/Team:EPFL/Design-FollowUp">Follow Up</a></li>
+
              </li>
               </ul>
+
              <li class="nav-item">
             </nav>
+
                <a class="nav-link mb-sm-3" id="Immune Response-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Immune Response</a>
 +
              </li>
 +
              <li class="nav-item">
 +
                <a class="nav-link mb-sm-3" id="FollowUp-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Follow Up</a>
 +
              </li>
 +
            </ul>
 +
 
 +
           
 +
            <div class="tab-content" id="myTabContent">
 +
 
 +
             
 +
              <div class="tab-pane fade show active" id="Detection" role="tabpanel" aria-labelledby="home-tab">
 +
                <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher
 +
                  synth.</p>
 +
              </div>
 +
 
 +
             
 +
              <div class="tab-pane fade" id="Immune Response" role="tabpanel" aria-labelledby="profile-tab">
 +
                <p>Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
 +
              </div>
 +
 
 +
 
 +
             
 +
              <div class="tab-pane fade" id="Follow Up" role="tabpanel" aria-labelledby="contact-tab">
 +
               
 +
               </div>
 +
             
 +
             </div>
 +
 
 
             <!-- Article body -->
 
             <!-- Article body -->
 
             <article>
 
             <article>

Revision as of 19:00, 11 October 2018

iGEM EPFL 2018

Design

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.

Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.