<script setup lang="ts">

</script>

<template>
  <div class="pricing2" id="pricing2">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-12">
          <div class="section-heading wow fadeInUp" data-wow-delay="0.2s">
            <h2 class="title">
              Pricing <span class="color">Packages</span>
              <span class="bg-text">Pricing</span>
            </h2>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md-6">
          <div class="price-box basic wow fadeInUp">
            <div class="price-title">
              <h3 class="heading-title">Basic Plan</h3>
              <p class="heading-sub-title">This is basic Service Plan</p>
            </div>
            <div class="price-rate">
              <div class="center-align-content">
                <p class="price">$250</p>
                <p class="duration">/mo</p>
                <i class="fas fa-dollar-sign"></i>
              </div>
            </div>
            <div class="service-feature">
              <ul class="service-feature-list">
                <li>
                  <p>Android Application</p>
                </li>
                <li>
                  <p><del>IOS Application</del></p>
                </li>
                <li>
                  <p><del>UX/UI Designs</del></p>
                </li>
                <li>
                  <p>Wordpress Develop</p>
                </li>
                <li>
                  <p>PSD to HTML</p>
                </li>
                <li>
                  <p><del>Digital Marketing</del></p>
                </li>
                <li>
                  <p>Content Editing</p>
                </li>
              </ul>
            </div>
            <div class="buy-btn-wrapper">
              <a class="mybtn3 mybtn-bg" href="#"><span>Start Now <i
                  class="fas fa-shopping-cart"></i></span></a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6">
          <div class="price-box standard wow fadeInUp">
            <div class="price-title">
              <h3 class="heading-title">Standard Plan</h3>
              <p class="heading-sub-title">This is Standard Service Plan</p>
            </div>
            <div class="price-rate">
              <div class="center-align-content">
                <p class="price">$350</p>
                <p class="duration">/mo</p>
                <i class="fas fa-dollar-sign"></i>
              </div>
            </div>
            <div class="service-feature">
              <ul class="service-feature-list">
                <li>
                  <p>Android Application</p>
                </li>
                <li>
                  <p>IOS Application</p>
                </li>
                <li>
                  <p><del>UX/UI Designs</del></p>
                </li>
                <li>
                  <p>Wordpress Develop</p>
                </li>
                <li>
                  <p>PSD to HTML</p>
                </li>
                <li>
                  <p>Digital Marketing</p>
                </li>
                <li>
                  <p>Content Editing</p>
                </li>
              </ul>
            </div>
            <div class="buy-btn-wrapper">
              <a class="mybtn3 mybtn-bg" href="#"><span>Start Now <i
                  class="fas fa-shopping-cart"></i></span></a>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6">
          <div class="price-box premium wow fadeInUp">
            <div class="price-title">
              <h3 class="heading-title">Premium Plan</h3>
              <p class="heading-sub-title">This is Premium Service Plan</p>
            </div>
            <div class="price-rate">
              <div class="center-align-content">
                <p class="price">$450</p>
                <p class="duration">/mo</p>
                <i class="fas fa-dollar-sign"></i>
              </div>
            </div>
            <div class="service-feature">
              <ul class="service-feature-list">
                <li>
                  <p>Android Application</p>
                </li>
                <li>
                  <p>IOS Application</p>
                </li>
                <li>
                  <p>UX/UI Designs</p>
                </li>
                <li>
                  <p>Wordpress Develop</p>
                </li>
                <li>
                  <p>PSD to HTML</p>
                </li>
                <li>
                  <p>Digital Marketing</p>
                </li>
                <li>
                  <p>Content Editing</p>
                </li>
              </ul>
            </div>
            <div class="buy-btn-wrapper">
              <a class="mybtn3 mybtn-bg" href="#"><span>Start Now <i
                  class="fas fa-shopping-cart"></i></span></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>