66 lines
2.0 KiB
HTML

<div class="grid-wrapper">
<div class="grid">
<div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
<a href="/" class="site-title">
<img
src="/images/home-assistant-logo.svg"
width="36"
height="36"
alt="Home Assistant"
/>
<span>{{ site.title }}</span>
</a>
</div>
<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
<nav>
<input type="checkbox" id="toggle" />
<label
for="toggle"
class="toggle"
data-open="Main Menu"
data-close="Close Menu"
></label>
<ul class="menu pull-right">
<li><a href="/getting-started/">Getting started</a></li>
<li>
<a href="/docs/"
>Documentation <i class="icon icon-caret-down"></i
></a>
<ul>
<li><a href="/installation/">Installation</a></li>
<li>
<a href="/docs/configuration/">Configuration</a>
</li>
<li>
<a href="/docs/automation/">Automation</a>
</li>
<li>
<a href="/docs/scripts/">Scripting</a>
</li>
<li>
<a href="/dashboards/">Dashboards</a>
</li>
</ul>
</li>
<li><a href="/integrations/">Integrations</a></li>
<li><a href="/examples/">Examples</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/help/">Need help?</a></li>
<li>
<a href="#" class="show-search" aria-label="Show search" ><i class="icon-search"></i></a>
</li>
</ul>
</nav>
<div class="search-container" style="display: none">
<div class="search">
<i class="icon-search"></i>
<input id="search" placeholder="Search the documentation…" />
<a href="#" class="close"><i class="icon-remove-sign"></i></a>
</div>
</div>
</div>
</div>
</div>