<template>
    <nav class="navbar navbar-light bg-light justify-content-between">
      <span>
        <a class="navbar-brand" href="#/">ScuttleVue❈</a>

        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#/profile">Profile</a>
          </li>
        </ul>

        <div class="my-2 my-lg-0">
          Settings
        </div>
      </span>


    </nav>
</template>

<script>
  export default {
    name: 'navbar'
  }
</script>
