Difference between revisions of "Template:EPFL/Header-light"

Line 4: Line 4:
 
<body>
 
<body>
 
     <header>
 
     <header>
         <nav class="navbar navbar-expand-lg navbar-transparent navbar-white bg-white py-3" id="navbar_main">
+
         <nav class="navbar navbar-expand-lg navbar-transparent navbar-light bg-light py-3" id="navbar_main">
 
             <div class="container">
 
             <div class="container">
 
                 <a class="navbar-brand mr-lg-5" href="https://2018.igem.org/Team:EPFL"><strong>iGEM</strong> EPFL 2018</a>
 
                 <a class="navbar-brand mr-lg-5" href="https://2018.igem.org/Team:EPFL"><strong>iGEM</strong> EPFL 2018</a>
Line 28: Line 28:
 
                                       </div>
 
                                       </div>
 
                                   </a>
 
                                   </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Design" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Design</h2>
 +
                                              <p class="mb-0">Learn more about how we designed CAPOEIRA</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Software" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Software</h2>
 +
                                              <p class="mb-0">Explore the Bioinformatic Pipeline implemented in CAPOEIRA</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Results" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Results</h2>
 +
                                              <p class="mb-0">Discover the Results of our experiments</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                </a>
 +
                                <a href="https://2018.igem.org/Team:EPFL/Demonstrate" class="list-group-item list-group-item-action">
 +
                                    <div class="media d-flex align-items-center">
 +
                                        <div class="media-body ml-3">
 +
                                            <h2 class="heading h6 mb-1">Demonstration</h2>
 +
                                            <p class="mb-0">Demonstration of how our Theraputic System works</p>
 +
                                        </div>
 +
                                    </div>
 +
                                </a>
 
                                   <a href="https://2018.igem.org/Team:EPFL/InterLab" class="list-group-item list-group-item-action">
 
                                   <a href="https://2018.igem.org/Team:EPFL/InterLab" class="list-group-item list-group-item-action">
 
                                       <div class="media d-flex align-items-center">
 
                                       <div class="media d-flex align-items-center">
 
                                           <div class="media-body ml-3">
 
                                           <div class="media-body ml-3">
 
                                               <h2 class="heading h6 mb-1">Interlab</h2>
 
                                               <h2 class="heading h6 mb-1">Interlab</h2>
                                               <p class="mb-0">Learn more about our participation in the interlab study</p>
+
                                               <p class="mb-0">Learn more about our participation in the Interlab Study</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Parts" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Parts</h2>
 +
                                              <p class="mb-0">Discover the Parts that make up CAPOEIRA</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Improve" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Improve</h2>
 +
                                              <p class="mb-0">Explore our Novel and Improvements Parts</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Measurement" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Measurement</h2>
 +
                                              <p class="mb-0">Learn about measurement approaches we used for Part Characterization</p>
 
                                           </div>
 
                                           </div>
 
                                       </div>
 
                                       </div>
Line 46: Line 104:
 
                                       <div class="media d-flex align-items-center">
 
                                       <div class="media d-flex align-items-center">
 
                                           <div class="media-body ml-3">
 
                                           <div class="media-body ml-3">
                                               <h2 class="heading h6 mb-1">Team members</h2>
+
                                               <h2 class="heading h6 mb-1">Team Members</h2>
 +
                                              <p class="mb-0">Learn more about our Team Members</p>
 
                                           </div>
 
                                           </div>
 
                                       </div>
 
                                       </div>
 
                                   </a>
 
                                   </a>
                                   <a href="https://2018.igem.org/Team:Example/Collaborations" class="list-group-item list-group-item-action">
+
                                  <a href="#" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Team Building</h2>
 +
                                              <p class="mb-0">Get a Sneak Peak into the life of our team outside the laboratory</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                   <a href="https://2018.igem.org/Team:EPFL/Collaborations" class="list-group-item list-group-item-action">
 
                                       <div class="media d-flex align-items-center">
 
                                       <div class="media d-flex align-items-center">
 
                                           <div class="media-body ml-3">
 
                                           <div class="media-body ml-3">
 
                                               <h2 class="heading h6 mb-1">Collaborations</h2>
 
                                               <h2 class="heading h6 mb-1">Collaborations</h2>
 +
                                              <p class="mb-0">Discover the interactions we had with other iGEM Teams during CAPOEIRA</p>
 
                                           </div>
 
                                           </div>
 
                                       </div>
 
                                       </div>
 
                                   </a>
 
                                   </a>
 +
                              </div>
 +
                          </div>
 +
                      </li>
 +
 +
                      <li class="nav-item dropdown">
 +
                          <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
                          <div class="dropdown-menu dropdown-menu-lg py-0">
 +
                              <div class="list-group list-group-flush">
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Human_Practices" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Integrated Human Practices</h2>
 +
                                              <p class="mb-0">Discover how we integrated Human Practices into the Purpose, Design and Implementation of CAPOEIRA</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Applied_Design" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Applied Design</h2>
 +
                                              <p class="mb-0">Explore how our theraputic system attempts to meet real world medical need</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Public_Engagement" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">Education and Public Engagement</h2>
 +
                                              <p class="mb-0">Discover our Education and Public Engagement work with the public and scientific communities</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                  <a href="https://2018.igem.org/Team:EPFL/Meetups" class="list-group-item list-group-item-action">
 +
                                      <div class="media d-flex align-items-center">
 +
                                          <div class="media-body ml-3">
 +
                                              <h2 class="heading h6 mb-1">European and Eurasian Meetup</h2>
 +
                                              <p class="mb-0">Learn about our interactions with the iGEM Community during the Meetups</p>
 +
                                          </div>
 +
                                      </div>
 +
                                  </a>
 +
                                </a>
 
                               </div>
 
                               </div>
 
                           </div>
 
                           </div>
Line 65: Line 174:
 
                       </li>
 
                       </li>
  
  <li class="nav-item">
+
                      <li class="nav-item">
 
                           <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Safety">Safety</a>
 
                           <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Safety">Safety</a>
 +
                      </li>
 +
 +
                      <li class="nav-item">
 +
                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Entrepreneurship">Entrepeneurship</a>
 +
                      </li>
 +
                      <li class="nav-item">
 +
                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Attributions">Attributions</a>
 
                       </li>
 
                       </li>
  

Revision as of 09:00, 12 October 2018

iGEM EPFL 2018