Difference between revisions of "Template:EPFL/Header"

 
(25 intermediate revisions by 3 users not shown)
Line 3: Line 3:
  
 
<body>
 
<body>
−
    <header>
+
  <header>
−
        <nav class="navbar navbar-expand-lg navbar-transparent navbar-dark bg-dark py-3" id="navbar_main">
+
    <nav class="navbar navbar-expand-lg navbar-transparent navbar-dark bg-dark 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>
−
                <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">
+
        <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">
 
                     <span class="navbar-toggler-icon"></span>
 
                     <span class="navbar-toggler-icon"></span>
 
                 </button>
 
                 </button>
−
                <div class="collapse navbar-collapse" id="navbar_main_collapse">
+
        <div class="collapse navbar-collapse" id="navbar_main_collapse">
  
−
                    <ul class="navbar-nav align-items-lg-center ml-lg-auto">
+
          <ul class="navbar-nav align-items-lg-center ml-lg-auto">
−
                      <li class="nav-item active">
+
            <li class="nav-item active">
−
                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL">HOME</a>
+
              <a class="nav-link" href="https://2018.igem.org/Team:EPFL">HOME</a>
−
                      </li>
+
            </li>
−
                      <li class="nav-item dropdown">
+
            <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>
+
              <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="dropdown-menu dropdown-menu-lg py-0">
−
                              <div class="list-group list-group-flush">
+
                <div class="list-group list-group-flush">
−
                                  <a href="https://2018.igem.org/Team:EPFL/Description" class="list-group-item list-group-item-action">
+
                  <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 d-flex align-items-center">
−
                                          <div class="media-body ml-3">
+
                      <div class="media-body ml-3">
−
                                              <h2 class="heading h6 mb-1">Description</h2>
+
                        <h2 class="heading h6 mb-1">Description</h2>
−
                                              <p class="mb-0">Take a closer look at CAPOEIRA</p>
+
                        <p class="mb-0">Take a closer look at CAPOEIRA</p>
−
                                          </div>
+
                      </div>
−
                                      </div>
+
                    </div>
−
                                  </a>
+
                  </a>
−
                                  <a href="https://2018.igem.org/Team:EPFL/Design" class="list-group-item list-group-item-action">
+
                  <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 d-flex align-items-center">
−
                                          <div class="media-body ml-3">
+
                      <div class="media-body ml-3">
−
                                              <h2 class="heading h6 mb-1">Design</h2>
+
                        <h2 class="heading h6 mb-1">Design</h2>
−
                                          </div>
+
                        <p class="mb-0">Learn more about how we designed CAPOEIRA</p>
−
                                      </div>
+
                      </div>
−
                                  </a>
+
                    </div>
−
                                </a>
+
                  </a>
−
                                <a href="https://2018.igem.org/Team:EPFL/Demonstrate" class="list-group-item list-group-item-action">
+
                  <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 d-flex align-items-center">
−
                                        <div class="media-body ml-3">
+
                      <div class="media-body ml-3">
−
                                            <h2 class="heading h6 mb-1">Demonstration</h2>
+
                        <h2 class="heading h6 mb-1">Software</h2>
−
                                        </div>
+
                        <p class="mb-0">Explore the Bioinformatic Pipeline implemented in CAPOEIRA</p>
−
                                    </div>
+
                      </div>
−
                                </a>
+
                    </div>
−
                                  <a href="https://2018.igem.org/Team:EPFL/InterLab" class="list-group-item list-group-item-action">
+
                  </a>
−
                                      <div class="media d-flex align-items-center">
+
                  </a>
−
                                          <div class="media-body ml-3">
+
                  <a href="https://2018.igem.org/Team:EPFL/Results" class="list-group-item list-group-item-action">
−
                                              <h2 class="heading h6 mb-1">Interlab</h2>
+
                    <div class="media d-flex align-items-center">
−
                                              <p class="mb-0">Learn more about our participation in the interlab study</p>
+
                      <div class="media-body ml-3">
−
                                          </div>
+
                        <h2 class="heading h6 mb-1">Results</h2>
−
                                      </div>
+
                        <p class="mb-0">Discover the Results of our experiments</p>
−
                                  </a>
+
                      </div>
−
                                  <a href="https://2018.igem.org/Team:EPFL/Results" class="list-group-item list-group-item-action">
+
                    </div>
−
                                      <div class="media d-flex align-items-center">
+
                  </a>
−
                                          <div class="media-body ml-3">
+
                  </a>
−
                                              <h2 class="heading h6 mb-1">Results</h2>
+
                  <a href="https://2018.igem.org/Team:EPFL/Demonstrate" class="list-group-item list-group-item-action">
−
                                          </div>
+
                    <div class="media d-flex align-items-center">
−
                                      </div>
+
                      <div class="media-body ml-3">
−
                                  </a>
+
                        <h2 class="heading h6 mb-1">Demonstration</h2>
−
                                  <a href="https://2018.igem.org/Team:EPFL/Improve" class="list-group-item list-group-item-action">
+
                        <p class="mb-0">Demonstration of how our Therapeutic System works</p>
−
                                      <div class="media d-flex align-items-center">
+
                      </div>
−
                                          <div class="media-body ml-3">
+
                    </div>
−
                                              <h2 class="heading h6 mb-1">Improve</h2>
+
                  </a>
−
                                          </div>
+
                  <a href="https://2018.igem.org/Team:EPFL/InterLab" class="list-group-item list-group-item-action">
−
                                      </div>
+
                    <div class="media d-flex align-items-center">
−
                                  </a>
+
                      <div class="media-body ml-3">
−
                              </div>
+
                        <h2 class="heading h6 mb-1">Interlab</h2>
−
                          </div>
+
                        <p class="mb-0">Learn more about our participation in the Interlab Study</p>
−
                      </li>
+
                      </div>
−
                      <li class="nav-item dropdown">
+
                    </div>
−
                          <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
+
                  </a>
−
                          <div class="dropdown-menu dropdown-menu-lg py-0">
+
                  <a href="https://2018.igem.org/Team:EPFL/Parts" class="list-group-item list-group-item-action">
−
                              <div class="list-group list-group-flush">
+
                    <div class="media d-flex align-items-center">
−
                                  <a href="https://2018.igem.org/Team:EPFL/Team" class="list-group-item list-group-item-action">
+
                      <div class="media-body ml-3">
−
                                      <div class="media d-flex align-items-center">
+
                        <h2 class="heading h6 mb-1">Parts</h2>
−
                                          <div class="media-body ml-3">
+
                        <p class="mb-0">Discover the Parts that make up CAPOEIRA</p>
−
                                              <h2 class="heading h6 mb-1">Team Members</h2>
+
                      </div>
−
                                              <p class="mb-0">Learn more about our Team Members</p>
+
                    </div>
−
                                          </div>
+
                  </a>
−
                                      </div>
+
                  <a href="https://2018.igem.org/Team:EPFL/Improve" class="list-group-item list-group-item-action">
−
                                  </a>
+
                    <div class="media d-flex align-items-center">
−
                                  <a href="#" class="list-group-item list-group-item-action">
+
                      <div class="media-body ml-3">
−
                                      <div class="media d-flex align-items-center">
+
                        <h2 class="heading h6 mb-1">Improve</h2>
−
                                          <div class="media-body ml-3">
+
                        <p class="mb-0">Explore our Novel and Improvements Parts</p>
−
                                              <h2 class="heading h6 mb-1">Team Building</h2>
+
                      </div>
−
                                              <p class="mb-0">Get a sneak peak into the life of our team outside the lab</p>
+
                    </div>
−
                                          </div>
+
                  </a>
−
                                      </div>
+
                  <a href="https://2018.igem.org/Team:EPFL/Measurement" class="list-group-item list-group-item-action">
−
                                  </a>
+
                    <div class="media d-flex align-items-center">
−
                                  <a href="https://2018.igem.org/Team:EPFL/Collaborations" class="list-group-item list-group-item-action">
+
                      <div class="media-body ml-3">
−
                                      <div class="media d-flex align-items-center">
+
                        <h2 class="heading h6 mb-1">Measurement</h2>
−
                                          <div class="media-body ml-3">
+
                        <p class="mb-0">Learn about measurement approaches we used for Part Characterization</p>
−
                                              <h2 class="heading h6 mb-1">Collaborations</h2>
+
                      </div>
−
                                          </div>
+
                    </div>
−
                                      </div>
+
                  </a>
−
                                  </a>
+
                </div>
−
                              </div>
+
              </div>
−
                          </div>
+
            </li>
−
                      </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 class="nav-item dropdown">
+
                  <a href="https://2018.igem.org/Team:EPFL/Collaborations" class="list-group-item list-group-item-action">
−
                          <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
+
                    <div class="media d-flex align-items-center">
−
                          <div class="dropdown-menu dropdown-menu-lg py-0">
+
                      <div class="media-body ml-3">
−
                              <div class="list-group list-group-flush">
+
                        <h2 class="heading h6 mb-1">Collaborations</h2>
−
                                  <a href="https://2018.igem.org/Team:EPFL/Team" class="list-group-item list-group-item-action">
+
                        <p class="mb-0">Discover the interactions we had with other iGEM Teams during CAPOEIRA</p>
−
                                      <div class="media d-flex align-items-center">
+
                      </div>
−
                                          <div class="media-body ml-3">
+
                    </div>
−
                                              <h2 class="heading h6 mb-1">Integrated Human Practices</h2>
+
                  </a>
−
                                              <p class="mb-0">Discover how we integrated Human Practices into the Purpose, Design and Implementation of CAPOEIRA</p>
+
                </div>
−
                                          </div>
+
              </div>
−
                                      </div>
+
            </li>
−
                                  </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>
+
−
                              </div>
+
−
                          </div>
+
−
                      </li>
+
  
−
                      <li class="nav-item">
+
            <li class="nav-item dropdown">
−
                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Notebook#">Lab</a>
+
              <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
−
                       </li>
+
              <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/Ethics" 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">Ethics</h2>
 +
                        <p class="mb-0">Explore the ethical considerations of CAPOEIRA</p>
 +
                      </div>
 +
                    </div>
 +
                  </a>
  
−
                      <li class="nav-item">
+
                  <a href="https://2018.igem.org/Team:EPFL/Applied_Design" class="list-group-item list-group-item-action">
−
                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Safety">Safety</a>
+
                    <div class="media d-flex align-items-center">
−
                       </li>
+
                      <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">
+
            <li class="nav-item">
−
                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Entrepreneurship">Entrepeneurship</a>
+
              <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Notebook#">Lab</a>
−
                      </li>
+
            </li>
−
                      <li class="nav-item">
+
 
−
                          <a class="nav-link" href="https://2018.igem.org/Team:EPFL/Entrepreneurship">Attributions</a>
+
            <li class="nav-item">
−
                       </li>
+
              <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 dropdown">
 +
              <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Acknowledgements</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/Attributions" 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">Attributions</h2>
 +
                      </div>
 +
                    </div>
 +
                  </a>
 +
                  <a href="https://2018.igem.org/Team:EPFL/Sponsors" 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">Sponsors</h2>
 +
                      </div>
 +
                    </div>
 +
                  </a>
 +
                  <a href="https://2018.igem.org/Team:EPFL/Partners" 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">Partners</h2>
 +
                      </div>
 +
                    </div>
 +
                  </a>
 +
 
 +
                  <a href="https://2018.igem.org/Team:EPFL/Awards" 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">Awards</h2>
 +
                      </div>
 +
                    </div>
 +
                  </a>
  
−
                    </ul>
 
 
                 </div>
 
                 </div>
−
            </div>
+
              </div>
−
         </nav>
+
            </li>
−
     </header>
+
 
 +
          </ul>
 +
         </div>
 +
      </div>
 +
     </nav>
 +
  </header>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 14:54, 7 December 2018

iGEM EPFL 2018