Difference between revisions of "Template:SZU-China/Nav demo"
| Line 221: | Line 221: | ||
<body> | <body> | ||
| − | <div style="height: 56px;background-color: black;opacity: 0.7;padding: 0 1rem | + | <!-- Navbar_down --> |
| + | <div style="height: 16px;width: 100%"></div> | ||
| + | <div style="height: 56px;background-color: black;opacity: 0.7;padding: 0 1rem;"> | ||
<a class="navbar-brand" href="https://2018.igem.org/Team:SZU-China"> | <a class="navbar-brand" href="https://2018.igem.org/Team:SZU-China"> | ||
<img src="https://static.igem.org/mediawiki/2018/1/15/T--SZU-China--logo.png" height="50" alt="Route 66 in navbar"> | <img src="https://static.igem.org/mediawiki/2018/1/15/T--SZU-China--logo.png" height="50" alt="Route 66 in navbar"> | ||
| Line 228: | Line 230: | ||
<div style="height: 56px;width: 60%;float: right;text-align: right;padding-top: 14px"> | <div style="height: 56px;width: 60%;float: right;text-align: right;padding-top: 14px"> | ||
<a class="nav-1-item" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a> | <a class="nav-1-item" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a> | ||
| − | <a class="nav-1-item" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a> | + | <a class="nav-1-item father" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Human_Practices" id="nav1_5" data-id="5">Human Practices</a> |
| − | + | ||
<a class="nav-1-item father" id="nav1_4" data-id="4">Experiment</a> | <a class="nav-1-item father" id="nav1_4" data-id="4">Experiment</a> | ||
<a class="nav-1-item father" id="nav1_3" data-id="3">Project</a> | <a class="nav-1-item father" id="nav1_3" data-id="3">Project</a> | ||
| Line 263: | Line 264: | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | ||
</div> | </div> | ||
| − | <div class="sub_menu son" id="sub5" style="display: none;left: 44.3%"> | + | <div class="sub_menu son" id="sub5" style="display: none;left: 44.3%"> |
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></div> | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Meetup">Meetup</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Meetup">Meetup</a></div> | ||
| Line 271: | Line 272: | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
<div class="header-nav" style="text-align: center;display: none"> | <div class="header-nav" style="text-align: center;display: none"> | ||
| − | <div style="width: 100%;height: | + | <div style="width: 100%;height: 30px;margin-top: 10px;text-align: center;" id="header_list"> |
| − | + | <a class="nav-item1 nav-father" id="nav1" data-id="1">Awards</a> | |
| − | <a class="nav-item1 nav-father | + | <a class="nav-item1 nav-father" id="nav2" data-id="2">Team</a> |
| − | <a class="nav-item1 nav-father | + | <a class="nav-item1 nav-father" id="nav3" data-id="3">Project</a> |
| − | <a class="nav-item1 nav-father | + | <a class="nav-item1 nav-father" id="nav4" data-id="4">Experiment</a> |
| − | <a class="nav-item1 nav-father | + | <a class="nav-item1 nav-father" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Human_Practices" id="nav5" data-id="5">Human Practices</a> |
| − | <a class="nav-item1" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a> | + | |
<a class="nav-item1" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a> | <a class="nav-item1" style="color: white;" href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a> | ||
</div> | </div> | ||
| Line 311: | Line 310: | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div> | ||
</div> | </div> | ||
| − | + | <div class="sub_menu nav_son" id="header_nav5" style="display: none;left: 44.3%"> | |
| − | <div class="sub_menu nav_son" id="header_nav5" style="display: none;left: 44.3%"> | + | |
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Applet">Applet</a></div> | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Meetup">Meetup</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Meetup">Meetup</a></div> | ||
| Line 320: | Line 318: | ||
<div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div> | <div class="nav-sub-item"><a href="https://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div> | ||
</div> | </div> | ||
| − | |||
</div> | </div> | ||
<script> | <script> | ||
| Line 348: | Line 345: | ||
}); | }); | ||
</script> | </script> | ||
| + | <!-- Navbar_down --> | ||
| + | |||
| + | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Revision as of 19:16, 17 October 2018
