@extends('layouts.app')
@section('content')


  <section id="pricing" class="pricing pricing_bg">

    <div class="container inner_page_pricing" data-aos="fade-up">

      <header class="section-header pricing_head">
        <h1>Our Pricing plan</h1>
        <h5>Choose a plan based on the post codes you may need.  </h5>
      </header>

      <div class="row gy-4" data-aos="fade-left">



        <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
          <div class="box">
            <span class="featured  offer_01"><span style="font-weight: 600; font-size: 16px;">30%</span> off</span>
           <!--- <span class="featured">Featured</span>-->
            
            <div class="price"><sup></sup><img src="assets/img/pound.png" alt="">19.99 <span></span></div>
            <h3 style="color: #294DFF;">3 Outcodes </h3>
            <ul>
              <li>No Contract</li>
              <li>Rolling Monthly Contract</li>
              <li>Cancel At Any Time </li>
              
            </ul>
            <ul>
            
         
            </ul>
            <a href="#" class="btn-buy">Buy Now</a>
            
          </div>
        </div>
        <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
          <div class="box">
            <span class="featured offer_02"><span style="font-weight: 600; font-size: 16px;">30%</span> off</span>
           <!--- <span class="featured">Featured</span>-->
   
            <div class="price"><sup></sup><img src="assets/img/pound.png" alt="">39.99 <span></span></div>
            <h3 style="color: #294DFF;">10 Outcodes </h3>
            <ul>
              <li>No Contract</li>
              <li>Rolling Monthly Contract</li>
              <li>Cancel At Any Time </li>
              
            </ul>
            <ul>
            
           
            </ul>              <a href="#" class="btn-buy">Buy Now</a>
          </div>
        </div>
        <div class="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
          <div class="box">
            <span class="featured offer_03"><span style="font-weight: 600; font-size: 16px;">30%</span> off</span>
           <!--- <span class="featured">Featured</span>-->
           
            <div class="price"><sup></sup><img src="assets/img/pound.png" alt="">59.99 <span></span></div>
            <h3 style="color: #294DFF;">20 Outcodes </h3>
            <ul>
              <li>No Contract</li>
              <li>Rolling Monthly Contract</li>
              <li>Cancel At Any Time </li>
              
            </ul>
            <ul>
           
             
            </ul>              <a href="#" class="btn-buy">Buy Now</a>
          </div>
        </div>
      </div>
    </div>

  </section>
  <main id="main">

    <!-- ======= Breadcrumbs ======= -->
   <!---- <section class="breadcrumbs">
      <div class="container">

        
        <h2>About us</h2>

      </div>
    </section>---><!-- End Breadcrumbs -->

    
      </div>
     

    

  </main><!-- End #main -->

<!--end::Main-->
 @endsection 

@section('additional_scripts')
        {{-- Global Config (global config for global JS scripts) --}}

 @endsection