first commit
This commit is contained in:
158
app/components/PriceArea.vue
Normal file
158
app/components/PriceArea.vue
Normal file
@@ -0,0 +1,158 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user