<?php
    include 'includes/header.php';
?>

<!-- Start Slider Area -->


<!-- End Slider Area -->

  <body>
 
<!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing">

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

  <header class="section-header">
    <h2>Pricing</h2>
    <p>Check our Pricing</p>
  </header>

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

    <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="100">
      <div class="box">
        <h3 style="color: #07d5c0;">Free Plan</h3>
        <div class="price"><sup>$</sup>0<span> / mo</span></div>
        <img src="assets/img/pricing-free.png" class="img-fluid" alt="">
        <ul>
          <li>Aida dere</li>
          <li>Nec feugiat nisl</li>
          <li>Nulla at volutpat dola</li>
          <li class="na">Pharetra massa</li>
          <li class="na">Massa ultricies mi</li>
        </ul>
        <a href="#" class="btn-buy">Buy Now</a>
      </div>
    </div>

    <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="200">
      <div class="box">
        <span class="featured">Featured</span>
        <h3 style="color: #65c600;">Starter Plan</h3>
        <div class="price"><sup>$</sup>19<span> / mo</span></div>
        <img src="assets/img/pricing-starter.png" class="img-fluid" alt="">
        <ul>
          <li>Aida dere</li>
          <li>Nec feugiat nisl</li>
          <li>Nulla at volutpat dola</li>
          <li>Pharetra massa</li>
          <li class="na">Massa ultricies mi</li>
        </ul>
        <a href="#" class="btn-buy">Buy Now</a>
      </div>
    </div>

    <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="300">
      <div class="box">
        <h3 style="color: #ff901c;">Business Plan</h3>
        <div class="price"><sup>$</sup>29<span> / mo</span></div>
        <img src="assets/img/pricing-business.png" class="img-fluid" alt="">
        <ul>
          <li>Aida dere</li>
          <li>Nec feugiat nisl</li>
          <li>Nulla at volutpat dola</li>
          <li>Pharetra massa</li>
          <li>Massa ultricies mi</li>
        </ul>
        <a href="#" class="btn-buy">Buy Now</a>
      </div>
    </div>

    <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="400">
      <div class="box">
        <h3 style="color: #ff0071;">Ultimate Plan</h3>
        <div class="price"><sup>$</sup>49<span> / mo</span></div>
        <img src="assets/img/pricing-ultimate.png" class="img-fluid" alt="">
        <ul>
          <li>Aida dere</li>
          <li>Nec feugiat nisl</li>
          <li>Nulla at volutpat dola</li>
          <li>Pharetra massa</li>
          <li>Massa ultricies mi</li>
        </ul>
        <a href="#" class="btn-buy">Buy Now</a>
      </div>
    </div>

  </div>

</div>

</section><!-- End Pricing Section -->


  <?php
    include 'includes/footer.php';
  ?>