158 lines
5.0 KiB
Vue
158 lines
5.0 KiB
Vue
<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> |