@extends('layouts.frontend.app')

@section('content')

<section class="module paralax paallax-3 mt-1" style="background-image: url(''); background-position: 100% 120px; height: 120px;">
    <div class="container">
        <div class="row">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mt-4">
                  <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Subscription</li>
                </ol>
            </nav>
        </div>
        <!-- <h3><span style="background-color: #dc3545; border-radius: 10px; padding: 10px;">Customize Your own PC. </span></h3> --}} -->
    </div>
</section>

 <section class="ftco-section ftco-degree-bg">
     
<!-- All Prising Table  -->
<div class="demo2">
    <div class="container">
        <h4 class="text-center text-success font-wight-bold py-5">All Subscription Plan: for User</h4>
        <div class="row">
            <div class="col-md-4 col-sm-6 mb-5">
                <div class="pricingTable2">
                    <div class="pricingTable-header">
                        <h3 class="title">Free</h3>
                        <div class="price-value">$00.00 per Year</div>
                    </div>
                    <ul class="pricing-content">
                        <li><i class="fa fa-check"></i> View All Post</li>
                        <li><i class="fa fa-times"></i> Post Upload </li>
                        <li><i class="fa fa-times"></i> Edit Post</li>
                        {{-- <li><i class="fa fa-times"></i> Advertisement</li> --}}
                        <li><i class="fa fa-check"></i> New Post Email</li>
                    </ul>
                    <a href="#" class="pricingTable-signup">Subscribe Now</a>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 mb-5">
                <div class="pricingTable2 blue">
                    <div class="pricingTable-header">
                        <h3 class="title">Premium</h3>
                        <div class="price-value">$4.99 per Year</div>
                    </div>
                    <ul class="pricing-content">
                        <li><i class="fa fa-check"></i> View All Post</li>
                        <li><i class="fa fa-times"></i> Post Upload </li>
                        <li><i class="fa fa-times"></i> Edit Post</li>
                        {{-- <li><i class="fa fa-check"></i> Advertisement</li> --}}
                        <li><i class="fa fa-check"></i> New Post Email</li>
                    </ul>
                    <a href="#" class="pricingTable-signup">Subscribe Now</a>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 mb-5">
                <div class="pricingTable2 pink">
                    <div class="pricingTable-header">
                        <h3 class="title">Ultimate</h3>
                        <div class="price-value">$9.99 per Year</div>
                    </div>
                    <ul class="pricing-content">
                        <li><i class="fa fa-check"></i> View All Post</li>
                        <li><i class="fa fa-check"></i> Post Upload </li>
                        <li><i class="fa fa-check"></i> Edit Post</li>
                        {{-- <li><i class="fa fa-check"></i> Advertisement</li> --}}
                        <li><i class="fa fa-check"></i> New Post Email</li>
                    </ul>
                    <a href="#" class="pricingTable-signup">Subscribe Now</a>
                </div>
            </div>

        </div>
    </div>
</div>
<br>



 </section>   




 <div class="container-fluid bg-danger p-3">
    <h3 class="text-center text-light font-weight-bold text-uppercase"> Payment System We Accept </h3>
    <p class="text-center text-light">Pay Us Easily Using Your Comfortable Payment Method</p>
    <div class="container text-center">
        <div class="row text-center">
        <img class="img-thumbnail mx-4" src="{{ asset('images/bkash.jpeg')}}" width="150px">
        <img class="img-thumbnail ml-4" src="{{ asset('images/dbbl.jpeg')}}" width="150px">
        <img class="img-thumbnail ml-4" src="{{ asset('images/nogod.jpeg')}}" width="150px">
        <img class="img-thumbnail ml-4" src="{{ asset('images/visa.png')}}" width="150px">
        <img class="img-thumbnail ml-4" src="{{ asset('images/paypal.png')}}" width="150px">
        <img class="img-thumbnail ml-4" src="{{ asset('images/master.jpeg')}}" width="150px">
        </div>
    </div>
</div>





@endsection