Pricing

<section class="shortcodes" id="pricing-shortcodes">
<div class="container">
<div class="row pricing-style-1">
  <div class="col-12"><h2>Pricing Style 1</h2></div>
  <div class="col-12 col-md-12 col-lg-12 mx-auto">
    <div class="row justify-content-center">
      <div class="col-10 col-sm-7 col-md-7 col-lg-4 text-center pricing-item">
        <div class="title">
          <h3>Plan 1</h3>
          <p>Lorem Ipsum Dolor</p>
        </div>
        <span class="price">$ 199</span>
        <ul>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
        </ul>
        <div class="buynow">
          <a href="#" title="buy now">Buy Now</a>
        </div>
      </div>
      <div class="col-10 col-sm-7 col-md-7 col-lg-4 text-center pricing-item highlighted">
        <div class="title">
          <h3>Plan 2</h3>
          <p>Lorem Ipsum Dolor</p>
        </div>
        <span class="price">$ 199</span>
        <ul>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
        </ul>
        <div class="buynow">
          <a href="#" title="buy now">Buy Now</a>
        </div>
      </div>
      <div class="col-10 col-sm-7 col-md-7 col-lg-4 text-center pricing-item">
        <div class="title">
          <h3>Plan 3</h3>
          <p>Lorem Ipsum Dolor</p>
        </div>
        <span class="price">$ 199</span>
        <ul>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
          <li>Lorem Ipsum Dolor</li>
        </ul>
        <div class="buynow">
          <a href="#" title="buy now">Buy Now</a>
        </div>
      </div>
    </div>
  </div>
</div></div></section>
          

<section class="shortcodes" id="pricing-shortcodes">
<div class="container">
<div class="row pricing-style-2">
  <div class="col-12"><h2>Pricing Style 2</h2></div>
  <div class="col-12 col-md-12 col-lg-12 mx-auto">
    <div class="row justify-content-center">
      <div class="col-10 col-sm-7 col-md-7 col-lg-4 text-center">
        <div class="pricing-item">
          <div class="title">
            <h3>Plan 1</h3>
            <p>Lorem Ipsum Dolor</p>
          </div>
          <span class="price">$ 199</span>
          <ul>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
          </ul>
          <div class="buynow">
            <a href="#" title="buy now">Buy Now</a>
          </div>
        </div>
      </div>
      <div class="col-10 col-sm-7 col-md-7 col-lg-4 text-center">
        <div class="pricing-item highlighted">
          <div class="title">
            <h3>Plan 2</h3>
            <p>Lorem Ipsum Dolor</p>
          </div>
          <span class="price">$ 199</span>
          <ul>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
          </ul>
          <div class="buynow">
            <a href="#" title="buy now">Buy Now</a>
          </div>
        </div>
      </div>
      <div class="col-10 col-sm-7 col-md-7 col-lg-4 text-center">
        <div class="pricing-item">
          <div class="title">
            <h3>Plan 3</h3>
            <p>Lorem Ipsum Dolor</p>
          </div>
          <span class="price">$ 199</span>
          <ul>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
            <li>Lorem Ipsum Dolor</li>
          </ul>
          <div class="buynow">
            <a href="#" title="buy now">Buy Now</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div></div></section>