Style 1
Standard
Business
Recommended
<section class="pt-section pricing style-1 bg-light">
<div class="container">
<!-- Style 1 -->
<div class="section-title">
<h2 class="mb-5">Style 1</h2>
</div>
<div class="row">
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top d-flex flex-wrap justify-content-between align-items-center">
<h6 class="mb-0">Standard</h6>
<img src="../themes/custom/agency_plus/assets/images/shortcodes/icon-1.png" alt="Pricing Icon 1">
</div>
<div class="pricing-bottom">
<h2>$250</h2>
<ul class="list-default pl-0 mt-4">
<li><i class="fa fa-check text-primary mr-4"></i>UI/UX Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Website Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Best Hosting Plans</li>
<li><i class="fa fa-check text-primary mr-4"></i>App Development</li>
<li><i class="fa fa-check text-primary mr-4"></i>24<span class="sub">*</span>7 Support</li>
</ul>
<a href="#" class="btn btn-primary mt-4" tabindex="-1">choose Now</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top d-flex flex-wrap justify-content-between align-items-center">
<h6 class="mb-0">Business</h6>
<img src="../themes/custom/agency_plus/assets/images/shortcodes/icon-2.png" alt="Pricing Icon 2">
</div>
<div class="pricing-bottom">
<h2>$750</h2>
<ul class="list-default pl-0 mt-4">
<li><i class="fa fa-check text-primary mr-4"></i>UI/UX Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Website Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Best Hosting Plans</li>
<li><i class="fa fa-check text-primary mr-4"></i>App Development</li>
<li><i class="fa fa-check text-primary mr-4"></i>24<span class="sub">*</span>7 Support</li>
</ul>
<a href="#" class="btn btn-primary mt-4" tabindex="-1">choose Now</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top d-flex flex-wrap justify-content-between align-items-center">
<h6 class="mb-0">Recommended</h6>
<img src="../themes/custom/agency_plus/assets/images/shortcodes/icon-3.png" alt="Pricing Icon 3">
</div>
<div class="pricing-bottom">
<h2>$1600</h2>
<ul class="list-default pl-0 mt-4">
<li><i class="fa fa-check text-primary mr-4"></i>UI/UX Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Website Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Best Hosting Plans</li>
<li><i class="fa fa-check text-primary mr-4"></i>App Development</li>
<li><i class="fa fa-check text-primary mr-4"></i>24<span class="sub">*</span>7 Support</li>
</ul>
<a href="#" class="btn btn-primary mt-4" tabindex="-1">choose Now</a>
</div>
</div>
</div>
</div>
<div class="view-plan text-center mt-5">
<a href="#" class="btn btn-outline-primary" tabindex="-1">View All Pricing</a>
</div>
</div>
</section>
Style 2
<section class="pt-section pricing style-2">
<div class="container">
<!-- Style 2 -->
<div class="section-title">
<h2 class="mb-5">Style 2</h2>
</div>
<div class="row">
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top">
<h6>BASIC PLAN</h6>
<h2>$125.00</h2>
</div>
<div class="pricing-bottom">
<p>Duis aute irure dolor in repr heerit
in voluptate velit esse.</p>
<ul class="list-circled-icon pl-0 mt-4">
<li><i class="fa fa-chevron-right"></i>VFX Sources</li>
<li><i class="fa fa-chevron-right"></i>Video Editing</li>
<li><i class="fa fa-chevron-right"></i>Drone Camera</li>
<li><i class="fa fa-chevron-right"></i>2 Cameraman Services</li>
</ul>
</div>
<div class="pricing-link">
<a href="#" class="btn btn-outline-primary" tabindex="-1">choose Plan</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box active">
<div class="pricing-top">
<h6>Standard Plan</h6>
<h2>$750.00</h2>
</div>
<div class="pricing-bottom">
<p>Duis aute irure dolor in repr heerit
in voluptate velit esse.</p>
<ul class="list-circled-icon pl-0 mt-4">
<li><i class="fa fa-chevron-right"></i>VFX Sources</li>
<li><i class="fa fa-chevron-right"></i>Video Editing</li>
<li><i class="fa fa-chevron-right"></i>Drone Camera</li>
<li><i class="fa fa-chevron-right"></i>2 Cameraman Services</li>
</ul>
</div>
<div class="pricing-link">
<a href="#" class="btn btn-primary" tabindex="-1">choose Plan</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top">
<h6>Premium Plan</h6>
<h2>$1600.00</h2>
</div>
<div class="pricing-bottom">
<p>Duis aute irure dolor in repr heerit
in voluptate velit esse.</p>
<ul class="list-circled-icon pl-0 mt-4">
<li><i class="fa fa-chevron-right"></i>VFX Sources</li>
<li><i class="fa fa-chevron-right"></i>Video Editing</li>
<li><i class="fa fa-chevron-right"></i>Drone Camera</li>
<li><i class="fa fa-chevron-right"></i>2 Cameraman Services</li>
</ul>
</div>
<div class="pricing-link">
<a href="#" class="btn btn-outline-primary" tabindex="-1">choose Plan</a>
</div>
</div>
</div>
</div>
<div class="view-plan text-center mt-6">
<a href="#" class="btn btn-outline-primary" tabindex="-1">View All Pricing</a>
</div>
</div>
</section>
Style 3
Standard
$250/mon
Business
$750/mon
Premium
$1600/mon
<section class="pt-section pricing style-3">
<div class="container">
<!-- Style 3 -->
<div class="section-title">
<h2 class="mb-5">Style 3</h2>
</div>
<div class="row">
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top">
<h6>Standard</h6>
<h2>$250<span>/mon</span></h2>
</div>
<div class="pricing-bottom">
<div class="pricing-img">
<img src="../themes/custom/agency_plus/assets/images/shortcodes/icon-1.png" alt="Pricing Icon 1">
</div>
<ul class="list-default pl-0">
<li><i class="fa fa-check text-primary mr-4"></i>UI/UX Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Website Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Best Hosting Plans</li>
<li><i class="fa fa-check text-primary mr-4"></i>App Development</li>
<li><i class="fa fa-check text-primary mr-4"></i>24<span class="sub">*</span>7 Support</li>
</ul>
<a href="#" class="btn btn-primary mt-4" tabindex="-1">choose Now</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top shape-center">
<h6>Business</h6>
<h2>$750<span>/mon</span></h2>
</div>
<div class="pricing-bottom">
<div class="pricing-img">
<img src="../themes/custom/agency_plus/assets/images/shortcodes/icon-2.png" alt="Pricing Icon 2">
</div>
<ul class="list-default pl-0">
<li><i class="fa fa-check text-primary mr-4"></i>UI/UX Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Website Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Best Hosting Plans</li>
<li><i class="fa fa-check text-primary mr-4"></i>App Development</li>
<li><i class="fa fa-check text-primary mr-4"></i>24<span class="sub">*</span>7 Support</li>
</ul>
<a href="#" class="btn btn-primary mt-4" tabindex="-1">choose Now</a>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top shape-right">
<h6>Premium</h6>
<h2>$1600<span>/mon</span></h2>
</div>
<div class="pricing-bottom">
<div class="pricing-img">
<img src="../themes/custom/agency_plus/assets/images/shortcodes/icon-3.png" alt="Pricing Icon 3">
</div>
<ul class="list-default pl-0">
<li><i class="fa fa-check text-primary mr-4"></i>UI/UX Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Website Design</li>
<li><i class="fa fa-check text-primary mr-4"></i>Best Hosting Plans</li>
<li><i class="fa fa-check text-primary mr-4"></i>App Development</li>
<li><i class="fa fa-check text-primary mr-4"></i>24<span class="sub">*</span>7 Support</li>
</ul>
<a href="#" class="btn btn-primary mt-4" tabindex="-1">choose Now</a>
</div>
</div>
</div>
</div>
<div class="view-plan text-center mt-5">
<a href="#" class="btn btn-outline-primary" tabindex="-1">View All Pricing</a>
</div>
</div>
</section>
Style 4
Standard
$125.00
Duis aute irure dolor in repr heerit in voluptate velit esse.
Recommended
Business
$650.00
Duis aute irure dolor in repr heerit in voluptate velit esse.
Premium
$1600.00
Duis aute irure dolor in repr heerit in voluptate velit esse.
<section class="pt-section pricing style-4 bg-light">
<div class="container">
<!-- Style 4 -->
<div class="section-title">
<h2 class="mb-5">Style 4</h2>
</div>
<div class="row">
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top">
<img src="../themes/custom/agency_plus/assets/images/shortcodes/1.png" alt="Pricing Icon 1">
<h6>Standard</h6>
</div>
<div class="pricing-bottom">
<h2>$125.00</h2>
<p>Duis aute irure dolor in repr heerit
in voluptate velit esse.</p>
<ul class="list-circled-icon pl-0 mt-4">
<li><i class="fa fa-chevron-right"></i>UI/UX Design</li>
<li><i class="fa fa-chevron-right"></i>Website Design</li>
<li><i class="fa fa-chevron-right"></i>24*7 Support</li>
<li><i class="fa fa-chevron-right"></i>Best Hosting Plans</li>
</ul>
<div class="pricing-button text-center">
<a href="#" class="btn btn-outline-black" tabindex="-1">choose Plan</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box active">
<div class="pricing-top">
<span class="recommended">Recommended</span>
<img src="../themes/custom/agency_plus/assets/images/shortcodes/2.png" alt="Pricing Icon 2">
<h6>Business</h6>
</div>
<div class="pricing-bottom">
<h2>$650.00</h2>
<p>Duis aute irure dolor in repr heerit
in voluptate velit esse.</p>
<ul class="list-circled-icon pl-0 mt-4">
<li><i class="fa fa-chevron-right"></i>UI/UX Design</li>
<li><i class="fa fa-chevron-right"></i>Website Design</li>
<li><i class="fa fa-chevron-right"></i>24*7 Support</li>
<li><i class="fa fa-chevron-right"></i>Best Hosting Plans</li>
</ul>
<div class="pricing-button text-center">
<a href="#" class="btn btn-primary" tabindex="-1">choose Plan</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-5 mb-md-0">
<div class="pricing-box">
<div class="pricing-top">
<img src="../themes/custom/agency_plus/assets/images/shortcodes/3.png" alt="Pricing Icon 3">
<h6>Premium</h6>
</div>
<div class="pricing-bottom">
<h2>$1600.00</h2>
<p>Duis aute irure dolor in repr heerit
in voluptate velit esse.</p>
<ul class="list-circled-icon pl-0 mt-4">
<li><i class="fa fa-chevron-right"></i>UI/UX Design</li>
<li><i class="fa fa-chevron-right"></i>Website Design</li>
<li><i class="fa fa-chevron-right"></i>24*7 Support</li>
<li><i class="fa fa-chevron-right"></i>Best Hosting Plans</li>
</ul>
<div class="pricing-button text-center">
<a href="#" class="btn btn-outline-black" tabindex="-1">choose Plan</a>
</div>
</div>
</div>
</div>
</div>
<div class="view-plan text-center mt-5">
<a href="#" class="btn btn-outline-primary" tabindex="-1">View All Pricing</a>
</div>
</div>
</section>