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

    <header>

        <nav class="navbar navbar-expand-lg navbar-dark nav-primary rounded" id="navbar_main">

            <div class="container">

                <a class="navbar-brand mr-lg-5" href="https://2018.igem.org/Team:EPFL"><strong>iGEM</strong> EPFL 2018</a>

                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_main_collapse" aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation">

                <div class="collapse navbar-collapse" id="navbar_main_collapse">

                    <ul class="navbar-nav align-items-lg-center ml-lg-auto">

                      <li class="nav-item active">

                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL">HOME</a>

                      </li>

                      <li class="nav-item dropdown">

                          <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</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/Description" 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">Description</h2>

                                              <p class="mb-0">Take a closer look at CAPOEIRA</p>

                                          </div>

                                      </div>

                                  </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 Therapeutic System works</p>

                                        </div>

                                    </div>

                                </a>

                                  <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-body ml-3">

                                              <h2 class="heading h6 mb-1">Interlab</h2>

                                              <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>

                                  </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">Team</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/Team" 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 Members</h2>

                                              <p class="mb-0">Learn more about our Team Members</p>

                                          </div>

                                      </div>

                                  </a>

                      </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">

                                               <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>

                                  <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 therapeutic 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>

                      </li>

                      <li class="nav-item">

                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Notebook#">Lab</a>

                      </li>

                      <li class="nav-item">

                          <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">Entrepreneurship</a>

                      </li>

                      <li class="nav-item">

                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Attributions">Attributions</a>

                       </li>

                    </ul>

                </div>

            </div>

        </nav>

    </header>