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&action=raw&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