Difference between revisions of "Template:EPFL/Header"

 
(32 intermediate revisions by 3 users not shown)
Line 1: Line 1:
  {{EPFL/Head}}
+
{{EPFL/Head}}
  <html>
+
<html>
  
  <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>
                                            </div>
+
                    </div>
                                        </div>
+
                  </a>
                                    </a>
+
                  <a href="https://2018.igem.org/Team:EPFL/Improve" 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 d-flex align-items-center">
+
                      <div class="media-body ml-3">
                                            <div class="media-body ml-3">
+
                        <h2 class="heading h6 mb-1">Improve</h2>
                                                <h2 class="heading h6 mb-1">Team Building</h2>
+
                        <p class="mb-0">Explore our Novel and Improvements Parts</p>
                                            </div>
+
                      </div>
                                        </div>
+
                    </div>
                                    </a>
+
                  </a>
                                    <a href="https://2018.igem.org/Team:EPFL/Collaborations" class="list-group-item list-group-item-action">
+
                  <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 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">Measurement</h2>
                                            </div>
+
                        <p class="mb-0">Learn about measurement approaches we used for Part Characterization</p>
                                        </div>
+
                      </div>
                                    </a>
+
                    </div>
                                </div>
+
                  </a>
                            </div>
+
                </div>
                        </li>
+
              </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 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>
                                            </div>
+
                </div>
                                        </div>
+
              </div>
                                    </a>
+
            </li>
                                    <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>
+
                                            </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>
+
                                            </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>
+
  
                       </ul>
+
            <li class="nav-item">
                   </div>
+
              <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>
 +
 
 +
                </div>
 
               </div>
 
               </div>
           </nav>
+
            </li>
       </header>
+
 
   </body>
+
           </ul>
 +
        </div>
 +
       </div>
 +
    </nav>
 +
   </header>
 +
</body>
  
  </html>
+
</html>

Latest revision as of 14:54, 7 December 2018

iGEM EPFL 2018