| Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/pricing-plan.blade.php |
@extends('layouts.frontend')
@section('content')
<div id="wrapper-content" class="wrapper-content pt-0 pb-0">
<div class="inner-page-banner heading-title-behind text-center">
<div class="heading heading-style-title-behind mb-0">
<div class="heading-title-wrapper">
<span>Pricing Plan</span>
<h1 class="text-white heading-title h2 font-weight-semibold">Pricing Plan</h1>
<ul class="po-bread breadcrumb justify-content-center fadeInUp animated" data-animate="fadeInUp">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item">Pricing Plan</li>
</ul>
</div>
</div>
</div>
<div class="container mt-8 pb-10">
<div class="page-description text-center">
Each type of hosting service we provide is further optimized with unique performance tweaks!
</div>
<div id="pricing-table" class="section-pricing-table pt-6">
<div class="card-deck">
<div class="pricing-table card rounded">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold text-dark font-size-md mb-3 text-uppercase">
Free
</div>
<div class="mb-5">
<span class="price text-primary">$0 </span>
<span>/</span>
<span>Mo</span>
</div>
<p class="text-gray mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="features list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Duration: 2 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">5 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Contact Display</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 mt-auto p-0">
<a href="#" class="btn btn-primary btn-block lh-lg font-weight-bold rounded">Register
Now</a>
</div>
</div>
<div class="pric-act pricing-table card rounded text-white">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold font-size-md mb-3 text-uppercase">basic</div>
<div class="mb-5">
<span class="price text-white">$29 </span>
<span>/</span>
<span>Mo</span>
</div>
<p class="mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="features list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span>Duration: 5 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span> 10 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span>Contact Display</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span>Price Range</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 p-0 mt-auto">
<a href="#" class="btn btn-white lh-lg text-primary btn-block font-weight-bold rounded">Register
Now</a>
</div>
</div>
<div class="pricing-table card rounded">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold text-dark font-size-md mb-3 text-uppercase">
premium
</div>
<div class="mb-5">
<span class="price text-primary">$59</span>
<span>/</span>
<span>Mo</span>
</div>
<p class="text-gray mb-6">Sed faucibus lectus quis tellus fermentum.
</p>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Duration: 10 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark"> 20 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Contact Display</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Price Range</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Business Hours</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 p-0 mt-auto">
<a href="#" class="btn btn-primary btn-block lh-lg font-weight-bold rounded">Register
Now</a>
</div>
</div>
<div class="pricing-table card rounded">
<div class="card-header bg-transparent border-0 p-0">
<div class="font-weight-semibold text-dark font-size-md mb-3 text-uppercase">utilmate</div>
<div class="mb-5">
<span class="price text-primary">$99</span>
<span>/</span>
<span>Mo</span>
</div>
<div class="text-gray mb-6">Sed faucibus lectus quis tellus fermentum.
</div>
</div>
<div class="card-body px-0 pt-5 pb-7">
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Duration: 30 days</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark"> 30 Listing</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Contact Display</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Price Range</span>
</li>
<li class="list-group-item bg-transparent p-0 mb-1">
<span class="text-green font-size-md d-inline-block mr-3"><i class="fal fa-check"></i></span>
<span class="text-dark">Business Hours</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent border-0 p-0 mt-auto">
<a href="#" class="btn btn-primary btn-block lh-lg font-weight-bold rounded">Register
Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- wrapper-content -->
<footer class="main-footer main-footer-style-01 bg-pattern-01 pt-8 pb-5">
<div class="footer-second">
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
<div class="mb-8"><img src="images/logo.svg" width="250" alt="TradeValy"></div>
<div class="mb-7">
<div class="font-size-md font-weight-semibold text-dark mb-4">Global Headquaters</div>
<p class="mb-0"> Nishindara Se-Re Bangla<br>
Nagor , Bogura<br>
Bangladesh. </p>
</div>
</div>
<div class="col-md-6 col-lg mb-4 mb-lg-0">
<div class="font-size-md font-weight-semibold text-dark mb-4"> Company </div>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">About Us</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Team</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Careers</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Investors</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">Contact Us</a> </li>
</ul>
</div>
<div class="col-md-6 col-lg mb-4 mb-lg-0">
<div class="font-size-md font-weight-semibold text-dark mb-4"> Quick Links </div>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">FAQS</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Support</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Sitemap</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Community</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Offices</a> </li>
</ul>
</div>
<div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
<div class="pl-0 pl-lg-9">
<div class="font-size-md font-weight-semibold text-dark mb-4">Our Newsletter</div>
<div class="mb-4">Subscribe to our newsletter and<br>
we will inform you about newset directory and promotions </div>
<div class="form-newsletter">
<form>
<div class="input-group bg-white">
<input type="text" class="form-control border-0" placeholder="Email Address... ">
<button type="button" class="input-group-append btn btn-white bg-transparent text-dark border-0"> <i class="fas fa-arrow-right"></i> </button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-last mt-5 mt-md-5">
<div class="container">
<div class="footer-last-container position-relative">
<div class="row align-items-center">
<div class="col-lg-4 mb-3 mb-lg-0">
<div class="social-icon text-dark">
<ul class="list-inline">
<li class="list-inline-item mr-5"> <a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter"> </i> <span>Twitter</span> </a> </li>
<li class="list-inline-item mr-5"> <a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f"> </i> <span>Facebook</span> </a> </li>
<li class="list-inline-item mr-5"> <a target="_blank" title="Rss" href="#"> <i class="fas fa-rss"></i> <span>Rss</span> </a> </li>
</ul>
</div>
</div>
<div class="col-lg-5 mb-3 mb-lg-0">
<div> © 2021 Copyright | tradevaly.com | All rights reserved. </div>
</div>
<div class="back-top text-left text-lg-right gtf-back-to-top"> <a href="#" class="link-hover-secondary-primary"><i class="fal fa-arrow-up"></i><span>Back To Top</span></a> </div>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- site-wrapper home-main -->
@endsection