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

Line 1: Line 1:
<html>
+
<html lang="en">
 
<head>
 
<head>
 
   <title>NCHU_Taichung</title>
 
   <title>NCHU_Taichung</title>
Line 9: Line 9:
 
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.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 rel="stylesheet" href="./style/main.css">
   <link href="https://2018.igem.org/wiki/index.php?title=Team:NCHU_Taichung/style/main.css&action=raw&ctype=text/css" type="text/css" rel="stylesheet">
+
   <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">
 
</head>
 
</head>
  
 
<body>
 
<body>
   <div class="ui borderless main inverted menu fixed">
+
   <div class="ui borderless main inverted menu fixed grid">
     <div class="ui text container">
+
     <div class="ui text container tablet computer only row">
 
       <a class="item" href="./index.html">
 
       <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">
 
         <img class="logo" id="logo" src="https://static.igem.org/mediawiki/2018/7/73/T--NCHU_Taichung--logo3.png">
Line 59: Line 60:
 
           <a class="item" href="#">Applied Design (Product Design)</a>
 
           <a class="item" href="#">Applied Design (Product Design)</a>
 
         </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="./index.html">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
 +
      <i class="dropdown icon"></i>
 +
      <div class="menu">
 +
        <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">
 +
          <i class="dropdown icon"></i>Parts
 +
          <div class="menu" id="submenu">
 +
            <a class="item" href="#">Over</a>
 +
            <a class="item" href="#">Basic</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="#">Notebook </a>
 +
    <div class="ui dropdown item">Human Practice
 +
      <i class="dropdown icon"></i>
 +
      <div class="menu">
 +
        <a class="item" href="#">Human Practices Silver</a>
 +
        <a class="item" href="#">Integrated Human Practices</a>
 +
        <a class="item" href="#">Engagement</a>
 +
        <a class="item" href="#">Entrepreneurship </a>
 +
        <a class="item" href="#">Applied Design (Product Design)</a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Revision as of 15:11, 4 October 2018

NCHU_Taichung