3 <div class="container">
5 <div class="col-sm-4 col-md-4 logo">
6 <a href="/"><img src="{{ STATIC_URL }}img/f4f-logo.png" alt="Fed4Fire Portal" width="80px" /></a>
10 <div id="secondary" class="col-sm-8 col-md-8 secondary">
12 <li><a href="/portal/about">About</a></li>
13 <li><a href="http://doc.fed4fire.eu/">Documentation</a></li>
14 <li><a target="_blank" href="http://www.fed4fire.eu">Project website</a></li>
20 <div class="container">
23 <div class="col-md-12 navigation">
25 <li><a href="/">DASHBOARD</a></li>
27 <!--<li id="nav-institution" class=""><a href="/portal/institution">AUTHORITY</a></li>-->
29 <a class="dropdown-toggle" data-toggle="dropdown" href="#">SLICES <span class="caret"></span></a>
31 <div class="dropdown-menu" style="z-index:99;">
32 <ul id="dropdown-slice-list">
33 <li><a href="/portal/slice_request/">Request Slice</a></li>
37 <li id="nav-service"><a href="/portal/servicedirectory">SERVICES</a></li>
38 <li id="nav-support"><a href="http://doc.fed4fire.eu/support.html">SUPPORT</a></li>
40 <li id="nav-account"><a href="/portal/account/">{{ username }}</a></li>
41 <li id="nav-logout"><span class="glyphicon glyphicon-off iconlogout"></span> <a id="logout" data-username="{{ username }}" href="#">LOGOUT</a></li>
45 <div class="col-sm-4 col-md-4 navigation">
52 $(document).ready(function() {
53 $('li.slices').mouseenter(function() {
54 $('div#menu-slice-list').fadeIn(100);
56 $('div#menu-slice-list').mouseleave(function(e) {
57 if (!$('li.slices').is(":hover")) {