<template>
  <nav class="navbar navbar-expand-lg header d-print-none">
    <a
      class="navbar-brand px-4"
      href="/#/documentation"
    >
      <span class="fw-semi-bold d-sm-down-none">Sing App Vue</span> &nbsp; Documentation
    </a>
    <ul class="navbar-nav ms-auto d-md-down-none">
      <li class="nav-item me-1">
        <a
          class="nav-link"
          href="https://twitter.com/flatlogic"
        >
          <img
            src="../assets/documentation/twitter-logo.svg"
            alt="twitter"
          >
        </a>
      </li>
      <li class="nav-item me-1">
        <a
          class="nav-link"
          href="https://dribbble.com/flatlogic"
        >
          <img
            src="../assets/documentation/dribble-logo.svg"
            alt="dribble"
          >
        </a>
      </li>
      <li class="nav-item me-1">
        <a
          class="nav-link"
          href="https://www.facebook.com/flatlogic"
        >
          <img
            src="../assets/documentation/facebook-logo.svg"
            alt="facebook"
          >
        </a>
      </li>
      <li class="nav-item me-1">
        <a
          class="nav-link"
          href="https://instagram.com/flatlogiccom/"
        >
          <img
            src="../assets/documentation/instagram-logo.svg"
            alt="instagram"
          >
        </a>
      </li>
      <li class="nav-item me-1">
        <a
          class="nav-link"
          href="https://www.linkedin.com/company/flatlogic/"
        >
          <img
            src="../assets/documentation/linkedin-logo.svg"
            alt="linkedin"
          >
        </a>
      </li>
      <li class="nav-item me-3">
        <a
          class="nav-link"
          href="https://github.com/flatlogic"
        >
          <img
            src="../assets/documentation/github-logo.svg"
            alt="github"
          >
        </a>
      </li>
    </ul>
    <ul class="navbar-nav ms-auto ms-lg-0 flex-row">
      <li class="nav-item d-sm-down-none me-2">
        <a
          class="btn btn-default"
          href="https://demo.flatlogic.com/sing-app-vue"
        >
          Live Preview
        </a>
      </li>
      <li class="nav-item me-4">
        <a
          class="btn btn-warning text-gray fw-semi-bold"
          href="https://flatlogic.com/templates/sing-app-vue"
          target="_blank"
        >
          Buy Now
        </a>
      </li>
    </ul>
  </nav>
</template>

<script setup>
</script>
