<header class="Home_titleBar__3XDTs">
  <a href="/" class="Home_title__1dfd5">
    <span class="Home_titlePrefix__vIot9">IBM</span>&nbsp;&nbsp;Cloud
    Annotations
  </a>

  <nav class="titlebar_mainlinks">
    <a
      class="
        Home_link__3O3aj
        {%
        if
        include.active
        ==
        'guides'
        %}activeLink{%
        endif
        %}
      "
      href="{{ '/docs' | relative_url }}"
      >Docs</a
    >
    <a
      class="
        Home_link__3O3aj
        {%
        if
        include.active
        ==
        'workshops'
        %}activeLink{%
        endif
        %}
      "
      href="{{ '/workshops' | relative_url }}"
      >Workshops</a
    >
    <a
      class="
        Home_link__3O3aj
        {%
        if
        include.active
        ==
        'demos'
        %}activeLink{%
        endif
        %}
      "
      href="{{ '/demos' | relative_url }}"
      >Demos</a
    >
    <a
      class="
        Home_link__3O3aj
        {%
        if
        include.active
        ==
        'sdks'
        %}activeLink{%
        endif
        %}
        lastLink
      "
      href="{{ '/sdks' | relative_url }}"
      >SDKs</a
    >
  </nav>

  <a
    class="Home_link__3O3ajgithub"
    href="https://ibm.biz/cloud-annotations-developer"
    target="_blank"
    rel="noopener noreferrer"
    ><div>IBM Developer</div>
    <svg
      class="Home_link__3O3ajgithubicon"
      focusable="false"
      preserveAspectRatio="xMidYMid meet"
      aria-label="Open resource"
      xmlns="http://www.w3.org/2000/svg"
      width="20"
      height="20"
      viewBox="0 0 32 32"
      role="img"
      style="will-change: transform"
    >
      <path
        d="M26 28H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9v2H6v20h20v-9h2v9a2 2 0 0 1-2 2z"
      ></path>
      <path d="M21 2v2h5.59L18 12.59 19.41 14 28 5.41V11h2V2h-9z"></path></svg
  ></a>

  <a
    class="Home_link__3O3ajgithub"
    href="https://github.com/cloud-annotations"
    target="_blank"
    rel="noopener noreferrer"
    ><div>GitHub</div>
    <svg
      class="Home_link__3O3ajgithubicon"
      focusable="false"
      preserveAspectRatio="xMidYMid meet"
      aria-label="Open resource"
      xmlns="http://www.w3.org/2000/svg"
      width="20"
      height="20"
      viewBox="0 0 32 32"
      role="img"
      style="will-change: transform"
    >
      <path
        d="M26 28H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h9v2H6v20h20v-9h2v9a2 2 0 0 1-2 2z"
      ></path>
      <path d="M21 2v2h5.59L18 12.59 19.41 14 28 5.41V11h2V2h-9z"></path></svg
  ></a>
</header>
