Difference between revisions of "Team:Vilnius-Lithuania/Main"

Line 1: Line 1:
 
{{Vilnius-Lithuania}}
 
{{Vilnius-Lithuania}}
 +
<html>
 +
  <header class="header-area">
 +
      <nav class="navigation">
 +
        <div class="back">
 +
            <a href="https://2018.igem.org/Team:Vilnius-Lithuania/Main"><img class="back-icon" src="https://static.igem.org/mediawiki/2018/0/08/T--Vilnius-Lithuania-back.png"/></a>
 +
        </div>
 +
        <ul class="navigation-list">
 +
            <li id="project-list-item" class="navigation-list-item">
 +
              <a class="navigation-list-item-anchor" href="https://2018.igem.org/Team:Vilnius-Lithuania/Description">
 +
                  <div class="image-container">
 +
                    <img class="image-logo" src="https://static.igem.org/mediawiki/2018/thumb/a/a2/T--Vilnius-Lithuania--Project-Icon.png/600px-T--Vilnius-Lithuania--Project-Icon.png">
 +
                  </div>
 +
                  <span class="image-logo-text">project</span>
 +
              </a>
 +
            </li>
 +
            <li id="parts-list-item" class="navigation-list-item">
 +
              <a class="navigation-list-item-anchor" href="#">
 +
                  <div class="image-container">
 +
                    <img class="image-logo" src="files/images/icons/navigation-icons/PARTS@300x.png">
 +
                  </div>
 +
                  <span class="image-logo-text">parts</span>
 +
              </a>
 +
            </li>
 +
            <li id="notebook-list-item" class="navigation-list-item">
 +
              <a class="navigation-list-item-anchor" href="#">
 +
                  <div class="image-container">
 +
                    <img class="image-logo" src="files/images/icons/navigation-icons/Notebook@300x.png">
 +
                  </div>
 +
                  <span class="image-logo-text">notebook</span>
 +
              </a>
 +
            </li>
 +
            <li id="hp-list-item" class="navigation-list-item">
 +
              <a class="navigation-list-item-anchor" href="#">
 +
                  <div class="image-container">
 +
                    <img class="image-logo" src="files/images/icons/navigation-icons/HumanPractices@300x.png">
 +
                  </div>
 +
                  <span class="image-logo-text">human practices</span>
 +
              </a>
 +
            </li>
 +
            <li id="team-list-item" class="navigation-list-item">
 +
              <a class="navigation-list-item-anchor" href="#">
 +
                  <div class="image-container">
 +
                    <img class="image-logo" src="files/images/icons/navigation-icons/Team@300x.png">
 +
                  </div>
 +
                  <span class="image-logo-text">team</span>
 +
              </a>
 +
            </li>
 +
        </ul>
 +
      </nav>
 +
  </header>
 +
  <div class="main-content-container">
 +
      <section class="sub-menu">
 +
        <ul class="sub-menu-ul sub-menu__project-sub-menu">
 +
            <li class="sub-menu-li" name="Description"><a href="Project.html">Description</a></li>
 +
            <li class="sub-menu-li" name="DesignResult"><a href="#">Design and Results</a></li>
 +
            <li class="sub-menu-li" name="Modeling"><a href="#">Modeling</a></li>
 +
            <li class="sub-menu-li" name="Safety"><a href="#">Safety</a></li>
 +
            <li class="sub-menu-li" name="Proof"><a href="#">Proof of Concept</a></li>
 +
            <li class="sub-menu-li" name="Interlab"><a href="#">InterLab</a></li>
 +
            <li class="sub-menu-li" name="Software"><a href="#">Software</a></li>
 +
        </ul>
 +
        <ul class="sub-menu-ul sub-menu__parts-sub-menu">
 +
            <li class="sub-menu-li" name="Overview"><a href="#">Overview</a></li>
 +
            <li class="sub-menu-li" name="BasicParts"><a href="#">Basic Parts</a></li>
 +
            <li class="sub-menu-li" name="CompositeParts"><a href="#">Composite Parts</a></li>
 +
            <li class="sub-menu-li" name="PartCollection"><a href="#">Part Collection</a></li>
 +
        </ul>
 +
        <ul class="sub-menu-ul sub-menu__notebook-sub-menu">
 +
            <li class="sub-menu-li" name="LabBook"><a href="#">Lab Book</a></li>
 +
            <li class="sub-menu-li" name="Protocols"><a href="#">Protocols</a></li>
 +
            <li class="sub-menu-li" name="Medals"><a href="#">Medals</a></li>
 +
        </ul>
 +
        <ul class="sub-menu-ul sub-menu__humanpractices-sub-menu">
 +
            <li class="sub-menu-li" name="Silver"><a href="#">Human Practices Overview</a></li>
 +
            <li class="sub-menu-li" name="Integrated"><a href="#">Public Engagement</a></li>
 +
            <li class="sub-menu-li" name="Collaborations"><a href="#">Collaborations</a></li>
 +
        </ul>
 +
        <ul class="sub-menu-ul sub-menu__team-sub-menu">
 +
            <li class="sub-menu-li" name="Members"><a href="#">Members</a></li>
 +
            <li class="sub-menu-li" name="Attributions"><a href="#">Attributions</a></li>
 +
            <li class="sub-menu-li" name="Sponsors"><a href="#">Sponsors</a></li>
 +
        </ul>
 +
      </section>
 +
      <div class="hexagon">
 +
        <div class="liposome-container">
 +
            <video class="liposome-video" infinite muted inline poster="">
 +
              <source class="liposome-exposition loading" src="/files/images/Expositions/Attributions.mp4" type="video/mp4">
 +
            </video>
 +
            <img class="static-image" src="/files/images/Expositions/static.png"/>
 +
        </div>
 +
      </div>
 +
  </div>
 +
  <div class="invert-box">
 +
      <a href="#" class="invert-image">
 +
      <img src="/files/images/icons/invert-button/INVERT@300x.png"/>
 +
      </a>
 +
      <span class="invert-text">invert</span>
 +
  </div>
 +
  <script src="../files/js/navAnimations.js"> </script>
 +
  <script>
 +
      $('.hamburger-anchor').click(function() {
 +
          $('.sidebar').toggleClass("sidebar-expanded")
 +
          $('.sidebar').get(0).appendChild($('.navigation').get(0))
 +
      })
 +
      $('.close-anchor').click(function() {
 +
          $('.sidebar').toggleClass("sidebar-expanded")
 +
      })
 +
  </script>
 +
</html>

Revision as of 23:28, 15 October 2018

invert