<div class="container py-5 my-5">

  <section class="p-md-3 mx-md-5 text-center text-lg-left">

    <h2 class="text-center mx-auto font-weight-bold mb-5">Dan's Demo</h2>

    <div class="row">

      <div class="col-lg-4 mb-1 mt-2 p-2">

        <div class="card text-center">

          <div class="card-header white-text grey darken-3">

            <h4>Economy Package</h4>

            <div class="d-flex justify-content-center align-items-end">

              <h3 class="mb-0 h3">$250</h3>              

            </div>

          </div>        

          <div class="card-body">

            <p class="lead font-weight-bold">One Job</p>                        

             <div class="text-center">

              <div class='mb-1'><i class="fa fa-briefcase grey-text"></i> <b>1</b> Job Posting</div>

              <div><i class="fa fa-calendar grey-text"></i> <b>30</b> Days Online</div>            

            </div>

            <hr/>

            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit,

                sedt do eiusmod tempor incididunt ut labore et dolore magna

                aliqua.ss

            </p>

            <a class="btn btn-amber btn-md" href="#" role="button">Post Now</a>

          </div>

        </div>

      </div>

     <div class="col-lg-4 mb-1 mt-2 p-2">

        <div class="card text-center">

          <div class="card-header white-text grey darken-3">

            <h4>Deluxe Package</h4>

            <div class="d-flex justify-content-center align-items-end">

              <h3 class="mb-0 h3">$700</h3>              

            </div>

          </div>        

          <div class="card-body">

            <p class="lead font-weight-bold">Multi-Job</p>                        

             <div class="text-center">

              <div class='mb-1'><i class="fa fa-briefcase grey-text"></i> <b>3</b> Job Postings</div>

              <div><i class="fa fa-calendar grey-text"></i> <b>30</b> Days Online</div>            

            </div>

            <hr/>

            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit,

                sedt do eiusmod tempor incididunt ut labore et dolore magna

                aliqua.ss

            </p>

            <a class="btn btn-amber btn-md" href="#" role="button">Post Now</a>

          </div>

        </div>

      </div>

      <div class="col-lg-4 mb-1 p-2">

        <div class="card text-center">

          <div class="card-header white-text grey darken-3">

            <h4>Premium Package</h4>

            <div class="d-flex justify-content-center align-items-end">

              <h3 class="mb-0 h3">$1000</h3>              

            </div>

          </div>        

          <div class="card-body">

            <p class="lead font-weight-bold">Multi-Job</p>                        

             <div class="text-center">

              <div class='mb-1'><i class="fa fa-briefcase grey-text"></i> <b>5</b> Job Postings</div>

              <div><i class="fa fa-calendar grey-text"></i> <b>30</b> Days Online</div>            

            </div>

            <hr/>

            <p class="card-text mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit,

                sedt do eiusmod tempor incididunt ut labore et dolore magna

                aliqua.ss

            </p>

            <a class="btn btn-amber btn-md" href="#" role="button">Post Now</a>

          </div>

        </div>

      </div>

    </div>

  </section>

</div>