<script>
export default {}
</script>
<template>
  <div>
    <h1 class="font-weight-bolder">Find everything want you need in <strong class="text-primary">SPN DotDot</strong>
    </h1>
    <p class="font-size-15">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      Ad architecto consequuntur debitis dolorem earumexplicabo in laborum magnam minima nisi odit perspiciatis
      possimus quaerat rerum sequi temporibus totam, velit voluptatum! <br>
    </p>

    <h6 class="font-weight-semibold">Please read about atomic design pattern before you starting read this docs</h6>
    <a class="btn btn-primary-outline btn-sm"
       href="https://dev.to/weezer924/using-atomic-design-with-nuxt-js-and-have-a-great-hacking-time-3lc5">
      Nuxt Atomic Design
    </a>

    <div class="bg bg-primary font-size-11 font-weight-semibold text-white rounded p-1 mt-5">
      Please create documentations after creating new component!
    </div>
  </div>
</template>