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

Line 7: Line 7:
 
   <meta name="author" content="YoYoHung">
 
   <meta name="author" content="YoYoHung">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
 
  <link rel="stylesheet" href="./style/main.css">
 
 
   <link href="https://2018.igem.org/wiki/index.php?title=Team:NCHU_Taichung/style/main.css&amp;action=raw&amp;ctype=text/css"
 
   <link href="https://2018.igem.org/wiki/index.php?title=Team:NCHU_Taichung/style/main.css&amp;action=raw&amp;ctype=text/css"
 
     type="text/css" rel="stylesheet">
 
     type="text/css" rel="stylesheet">
 +
  <link rel="stylesheet" href="./style/main.css">
 +
  <link rel="stylesheet" href="./style/member.css">
 
</head>
 
</head>
  
Line 20: Line 20:
 
       </a>
 
       </a>
 
       <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">Team
 
        <i class="dropdown icon"></i>
 
        <div class="menu">
 
          <a class="item" href="#">Members</a>
 
          <a class="item" href="#">Attributions</a>
 
          <a class="item" href="#">Collaboration</a>
 
          <a class="item" href="#">Sponsers</a>
 
        </div>
 
      </div>
 
 
       <div class="ui dropdown item">Project
 
       <div class="ui dropdown item">Project
 
         <i class="dropdown icon"></i>
 
         <i class="dropdown icon"></i>
 
         <div class="menu">
 
         <div class="menu">
 
           <a class="item" href="#">Description</a>
 
           <a class="item" href="#">Description</a>
          <a class="item" href="#">Design</a>
 
          <a class="item" href="#">Experiments</a>
 
          <a class="item" href="#">Results</a>
 
          <a class="item" href="#">Improve</a>
 
          <a class="item" href="#">Safety</a>
 
 
           <div class="item">
 
           <div class="item">
             <i class="dropdown icon"></i>Parts
+
             <i class="dropdown icon"></i>Background
             <div class="menu">
+
             <div class="menu" id="submenu">
              <a class="item" href="#">Over</a>
+
               <a class="item" href="#">Endophytes</a>
              <a class="item" href="#">Basic</a>
+
               <a class="item" href="#">Phytoremediation</a>
              <a class="item" href="#">Compo</a>
+
               <a class="item" href="#">Collection</a>
+
               <a class="item" href="#">Improve</a>
+
 
             </div>
 
             </div>
 
           </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>
 
       </div>
      <a class="item" href="#">Notebook </a>
 
 
       <div class="ui dropdown item">Human Practice
 
       <div class="ui dropdown item">Human Practice
 
         <i class="dropdown icon"></i>
 
         <i class="dropdown icon"></i>
 
         <div class="menu">
 
         <div class="menu">
          <a class="item" href="#">Human Practices Silver</a>
+
           <a class="item" href="#">Integrated</a>
           <a class="item" href="#">Integrated Human Practices</a>
+
 
           <a class="item" href="#">Engagement</a>
 
           <a class="item" href="#">Engagement</a>
 
           <a class="item" href="#">Entrepreneurship </a>
 
           <a class="item" href="#">Entrepreneurship </a>
           <a class="item" href="#">Applied Design (Product Design)</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>
Line 74: Line 82:
 
   </div>
 
   </div>
 
   <div class="ui inverted menu" id="sidemenu">
 
   <div class="ui inverted menu" id="sidemenu">
     <a class="item" href="./index.html">Home</a>
+
     <a class="item" href="https://2018.igem.org/Team:NCHU_Taichung">Home</a>
    <div class="ui dropdown item">Team
+
      <i class="dropdown icon"></i>
+
      <div class="menu">
+
        <a class="item" href="#">Members</a>
+
        <a class="item" href="#">Attributions</a>
+
        <a class="item" href="#">Collaboration</a>
+
        <a class="item" href="#">Sponsers</a>
+
      </div>
+
    </div>
+
 
     <div class="ui dropdown item">Project
 
     <div class="ui dropdown item">Project
 
       <i class="dropdown icon"></i>
 
       <i class="dropdown icon"></i>
 
       <div class="menu">
 
       <div class="menu">
 
         <a class="item" href="#">Description</a>
 
         <a class="item" href="#">Description</a>
        <a class="item" href="#">Design</a>
 
        <a class="item" href="#">Experiments</a>
 
        <a class="item" href="#">Results</a>
 
        <a class="item" href="#">Improve</a>
 
        <a class="item" href="#">Safety</a>
 
 
         <div class="item">
 
         <div class="item">
           <i class="dropdown icon"></i>Parts
+
           <i class="dropdown icon"></i>Background
 
           <div class="menu" id="submenu">
 
           <div class="menu" id="submenu">
             <a class="item" href="#">Over</a>
+
             <a class="item" href="#">Endophytes</a>
             <a class="item" href="#">Basic</a>
+
             <a class="item" href="#">Phytoremediation</a>
            <a class="item" href="#">Compo</a>
+
            <a class="item" href="#">Collection</a>
+
            <a class="item" href="#">Improve</a>
+
 
           </div>
 
           </div>
 
         </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>
 
     </div>
    <a class="item" href="#">Notebook </a>
 
 
     <div class="ui dropdown item">Human Practice
 
     <div class="ui dropdown item">Human Practice
 
       <i class="dropdown icon"></i>
 
       <i class="dropdown icon"></i>
 
       <div class="menu">
 
       <div class="menu">
        <a class="item" href="#">Human Practices Silver</a>
+
         <a class="item" href="#">Integrated</a>
         <a class="item" href="#">Integrated Human Practices</a>
+
 
         <a class="item" href="#">Engagement</a>
 
         <a class="item" href="#">Engagement</a>
 
         <a class="item" href="#">Entrepreneurship </a>
 
         <a class="item" href="#">Entrepreneurship </a>
         <a class="item" href="#">Applied Design (Product Design)</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>
 
   </div>
 
   </div>

Revision as of 09:35, 11 October 2018

NCHU_Taichung