<div class="sidebar-overlay"></div>

<aside class="sidebar" role="navigation">
  <div class="sidebar-header">
    <%= inline_svg "logo-text.svg", height: 42, class: "logo" %>
  </div>

  <ul class="nav sidebar-nav">
    <li><a href="/intro/index.html">Intro</a></li>
    <li><a href="/docs/guides/index.html">Guides</a></li>
    <li><a href="/discovery.html">Service Discovery</a></li>
    <li><a href="/segmentation.html">Service Segmentation</a></li>
    <li><a href="/configuration.html">Service Configuration</a></li>
    <li><a href="/docs/index.html">Docs</a></li>
    <li><a href="/api/index.html">API</a></li>
    <li><a href="/community.html">Community</a></li>
    <li><a href="https://www.hashicorp.com/products/consul/?utm_source=oss&utm_medium=header-nav&utm_campaign=consul">Enterprise</a></li>
    <li><a href="/security.html">Security</a></li>
    <li><a href="https://demo.consul.io/">Demo</a></li>
    <li><a href="/assets/files/press-kit.zip">Press Kit</a></li>
  </ul>

  <div class="divider"></div>

  <ul class="external nav sidebar-nav">
    <li>
      <a href="/downloads.html">
        <%= inline_svg "download.svg" %> Download
      </a>
    </li>
    <li>
      <a href="https://github.com/hashicorp/consul">
        <%= inline_svg "github.svg" %> GitHub
      </a>
    </li>
  </ul>
</aside>
