Docker-Docs/_includes/navigation.html

34 lines
1.6 KiB
HTML

<div class="logo-mobile">
<a href="/">
<img src="/images/docker-icon.svg" alt="Docker Docs" title="Docker Docs" width="30" height="30" />
</a>
</div>
<div class="search-form" id="search-div">
<form class="search-form form-inline" id="searchForm" action="/search/" method="get">
<label for="st-search-input" class="sr-only">Search</label>
<input class="search-field form-control ds-input" id="st-search-input" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
<div id="autocompleteResults"></div>
<!-- <button type="submit" class="search-submit btn btn-default">Search</button> -->
</form>
</div>
<div class="sidebar-toggle">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="nav-container hidden-sm hidden-xs">
<div id="tabs">
<ul class="tabs jsTOCHorizontal">
{%- for entry in site.data.toc.horizontalnav -%}
<li><a href="{{ entry.path }}" id="{{ entry.node }}">{{ entry.title }}</a></li>
{%- endfor -%}
</ul>
</div>
<div class="ctrl-right">
<a href="javascript:void(0)" id="menu-toggle" aria-label="Current page's menu toggle"><i class="fa fa-indent" aria-hidden="true"></i></a>
</div>
</div>