Bddot Subscription page

<template>
  <div class="container pt-5">
    <p class="mb-0">
      Auto subscription: After Trial period user will bill for Subscription fee monthly basis. User can select pay yearly and save money
      or month to month basis.
    </p>
    <p class="text-danger">* 3 Months trial period.</p>
    <div class="mx-auto d-flex justify-content-between mb-5 pricing-table">
      <div class="pricing-table__item">
        <h3 class="text-pacific">Tier One</h3>
        <div>
          <p class="mb-1">One Chamber</p>
          <h2 class="text-tartiary">600 TK</h2>
          <p class="font-italic text-elf-green mb-0">500 Tk if payed advance</p>
          <p>50 Tk per month</p>
          <ul class="mb-4 pricing-table__list">
            <li>Accept appointment request via Online BDDOT.com</li>
            <li>Doctor Dash Board</li>
            <li>Create Patient appointment from Doctor dash board</li>
            <li>Approve and Deny Appointment Via Doctor Dashboard</li>
            <li>Accept appointment request for Virtual Appointment</li>
            <li>Manage your schedule and holiday via Doctor Dashboard</li>
            <li>Track and Manage your Practice via Doctor Dashboard</li>
            <li>Mange your doctor practice Via Mobile App and internet browser</li>
          </ul>
          <a to="" class="btn btn-primary badge-pill px-4">Continue</a>
        </div>
      </div>
      <div class="pricing-table__item">
        <h3 class="text-pacific">Tier Two</h3>
        <div>
          <p class="mb-1">Two Chamber</p>
          <h2 class="text-tartiary">900 TK</h2>
          <p class="font-italic text-elf-green mb-0">850 Tk if payed advance</p>
          <p>75 Tk per month</p>
          <ul class="mb-4 pricing-table__list">
            <li>Accept appointment request via Online BDDOT.com</li>
            <li>Doctor Dash Board</li>
            <li>Create Patient appointment from Doctor dash board</li>
            <li>Approve and Deny Appointment Via Doctor Dashboard</li>
            <li>Accept appointment request for Virtual Appointment</li>
            <li>Manage your schedule and holiday via Doctor Dashboard</li>
            <li>Track and Manage your Practice via Doctor Dashboard</li>
            <li>Manage your doctor practice Via Mobile App and internet browser</li>
          </ul>
          <a to="" class="btn btn-primary badge-pill px-4">Continue</a>
        </div>
      </div>
      <div class="pricing-table__item">
        <h3 class="text-pacific">Tier Three</h3>
        <div>
          <p class="mb-1">Upto 5 Chambers</p>
          <h2 class="text-tartiary">3600 TK</h2>
          <p class="font-italic text-elf-green mb-0">3350 Tk if payed advance</p>
          <p>300 Tk per month</p>
          <ul class="mb-4 pricing-table__list">
            <li>Accept appointment request via Online BDDOT.com</li>
            <li>Doctor Dash Board</li>
            <li>Create Patient appointment from Doctor dash board</li>
            <li>Approve and Deny Appointment Via Doctor Dashboard</li>
            <li>Accept appointment request for Virtual Appointment</li>
            <li>Manage your schedule and holiday via Doctor Dashboard</li>
            <li>Track and Manage your Practice via Doctor Dashboard</li>
            <li>Manage your doctor practice Via Mobile App and internet browser</li>
          </ul>
          <a to="" class="btn btn-primary badge-pill px-4">Continue</a>
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
// @ is an alias to /src

@Component({
  components: {},
})
export default class Subscription extends Vue {}
</script>