Difference between revisions of "Template:NCHU Taichung/navbar"

Line 18: Line 18:
 
<body>
 
<body>
 
   <div class="ui borderless main inverted menu fixed grid">
 
   <div class="ui borderless main inverted menu fixed grid">
    <div class="ui text container tablet computer only row">
+
  <div class="ui text container tablet computer only row">
      <a class="item" href="https://2018.igem.org/Team:NCHU_Taichung">
+
    <a class="item" href="https://2018.igem.org/Team:NCHU_Taichung">
        <img class="logo" id="logo" src="https://static.igem.org/mediawiki/2018/7/73/T--NCHU_Taichung--logo3.png">
+
      <img class="logo" id="logo" src="https://static.igem.org/mediawiki/2018/7/73/T--NCHU_Taichung--logo3.png" />
      </a>
+
     </a>
      <a class="item" href="https://2018.igem.org/Team:NCHU_Taichung">Home</a>
+
      <div class="ui dropdown item">Project
+
        <i class="dropdown icon"></i>
+
        <div class="menu">
+
          <a class="item" href="#">Description</a>
+
          <div class="item">
+
            <i class="dropdown icon"></i>Background
+
            <div class="menu" id="submenu">
+
              <a class="item" href="#">Endophytes</a>
+
              <a class="item" href="#">Phytoremediation</a>
+
            </div>
+
          </div>
+
          <a class="item" href="#">Design</a>
+
          <a class="item" href="#">Model</a>
+
          <a class="item" href="#">Result</a>
+
          <a class="item" href="#">Demonstrate</a>
+
        </div>
+
      </div>
+
      <div class="ui dropdown item">Parts
+
        <i class="dropdown icon"></i>
+
        <div class="menu">
+
          <a class="item" href="#">Overview</a>
+
          <a class="item" href="#">Improve</a>
+
          <a class="item" href="#">Basic</a>
+
          <a class="item" href="#">Composite</a>
+
        </div>
+
      </div>
+
      <div class="ui dropdown item">Human Practice
+
        <i class="dropdown icon"></i>
+
        <div class="menu">
+
          <a class="item" href="#">Integrated</a>
+
          <a class="item" href="#">Engagement</a>
+
          <a class="item" href="#">Entrepreneurship </a>
+
        </div>
+
      </div>
+
      <div class="ui dropdown item">Lab
+
        <i class="dropdown icon"></i>
+
        <div class="menu">
+
          <a class="item" href="./notebook">Notebook</a>
+
          <a class="item" href="#">Protocol</a>
+
          <a class="item" href="#">Safety</a>
+
        </div>
+
      </div>
+
      <div class="ui dropdown item">
+
        <i class="trophy icon"></i>
+
        <div class="menu">
+
          <a class="item" href="#">Medals</a>
+
          <a class="item" href="#">prizes</a>
+
        </div>
+
      </div>
+
     </div>
+
    <div class="ui text container mobile only row" id="sidebar">
+
      <a class="item" href="./index.html">
+
        <img class="logo" id="logo" src="https://static.igem.org/mediawiki/2018/7/73/T--NCHU_Taichung--logo3.png">
+
      </a>
+
      <div class="ui right inverted menu" id="openSidebar">
+
        <a class="menu item">
+
          <i class="ui bars icon"></i>
+
        </a>
+
      </div>
+
    </div>
+
  </div>
+
  <div class="ui inverted menu" id="sidemenu">
+
 
     <a class="item" href="https://2018.igem.org/Team:NCHU_Taichung">Home</a>
 
     <a class="item" href="https://2018.igem.org/Team:NCHU_Taichung">Home</a>
 
     <div class="ui dropdown item">Project
 
     <div class="ui dropdown item">Project
Line 126: Line 63:
 
         <a class="item" href="#">Protocol</a>
 
         <a class="item" href="#">Protocol</a>
 
         <a class="item" href="#">Safety</a>
 
         <a class="item" href="#">Safety</a>
 +
      </div>
 +
    </div>
 +
    <div class="ui dropdown item">Team
 +
      <i class="dropdown icon"></i>
 +
      <div class="menu">
 +
        <a class="item" href="./Member">Members</a>
 +
        <a class="item" href="#">Attributions</a>
 +
        <a class="item" href="#">Collaboration</a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 136: Line 81:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
  <div class="ui text container mobile only row" id="sidebar">
 +
    <a class="item" href="./index.html">
 +
      <img class="logo" id="logo" src="https://static.igem.org/mediawiki/2018/7/73/T--NCHU_Taichung--logo3.png" />
 +
    </a>
 +
    <div class="ui right inverted menu" id="openSidebar">
 +
      <a class="menu item">
 +
        <i class="ui bars icon"></i>
 +
      </a>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="ui inverted menu" id="sidemenu">
 +
  <a class="item" href="https://2018.igem.org/Team:NCHU_Taichung">Home</a>
 +
  <div class="ui dropdown item">Project
 +
    <i class="dropdown icon"></i>
 +
    <div class="menu">
 +
      <a class="item" href="#">Description</a>
 +
      <div class="item">
 +
        <i class="dropdown icon"></i>Background
 +
        <div class="menu" id="submenu">
 +
          <a class="item" href="#">Endophytes</a>
 +
          <a class="item" href="#">Phytoremediation</a>
 +
        </div>
 +
      </div>
 +
      <a class="item" href="#">Design</a>
 +
      <a class="item" href="#">Model</a>
 +
      <a class="item" href="#">Result</a>
 +
      <a class="item" href="#">Demonstrate</a>
 +
    </div>
 +
  </div>
 +
  <div class="ui dropdown item">Parts
 +
    <i class="dropdown icon"></i>
 +
    <div class="menu">
 +
      <a class="item" href="#">Overview</a>
 +
      <a class="item" href="#">Improve</a>
 +
      <a class="item" href="#">Basic</a>
 +
      <a class="item" href="#">Composite</a>
 +
    </div>
 +
  </div>
 +
  <div class="ui dropdown item">Human Practice
 +
    <i class="dropdown icon"></i>
 +
    <div class="menu">
 +
      <a class="item" href="#">Integrated</a>
 +
      <a class="item" href="#">Engagement</a>
 +
      <a class="item" href="#">Entrepreneurship </a>
 +
    </div>
 +
  </div>
 +
  <div class="ui dropdown item">Team
 +
    <i class="dropdown icon"></i>
 +
    <div class="menu">
 +
      <a class="item" href="./Member">Members</a>
 +
      <a class="item" href="#">Attributions</a>
 +
      <a class="item" href="#">Collaboration</a>
 +
    </div>
 +
  </div>
 +
  <div class="ui dropdown item">Lab
 +
    <i class="dropdown icon"></i>
 +
    <div class="menu">
 +
      <a class="item" href="./notebook">Notebook</a>
 +
      <a class="item" href="#">Protocol</a>
 +
      <a class="item" href="#">Safety</a>
 +
    </div>
 +
  </div>
 +
  <div class="ui dropdown item">
 +
    <i class="trophy icon"></i>
 +
    <div class="menu">
 +
      <a class="item" href="#">Medals</a>
 +
      <a class="item" href="#">prizes</a>
 +
    </div>
 +
  </div>
 +
</div>

Revision as of 16:30, 11 October 2018

NCHU_Taichung