<div class="row clearfix pricing-28">
    <div class="col-12" style="text-align:center;">
        <h1>Ready to Purchase?</h1>
        <p>Choose the right plan that works for you.</p>
    </div>
</div>
<div class="row clearfix pricing-28" style="padding: 0;">
    <div class="col-12 col-md-6" style="padding: 0;">
        <div class="card bg-primary text-white p-4 shadow"
             style="text-align:center;position:relative;z-index:5;transform: scale(1.08)"
        >
            <h3 class="h2">PRO</h3>
            <p class="h3">&pound;
                <span class="display-2">59</span>
            </p>
            <ul style="text-align:left">
                <li>Lorem Ipsum is dummy text.</li>
                <li>Consectetur adipiscing elit, mauris lacinia viverra dignissim.</li>
                <li>Nullam mollis elit et mauris pellentesque ultrices.</li>
            </ul>
            <p>
                <a href="#" class="btn btn-secondary edit">Select Plan</a>
            </p>
        </div>
    </div>
    <div class="col-12 col-md-6" style="padding: 0;">
        <div class="card shadow p-4" style="text-align: center;">
            <h3 class="h2">Business</h3>
            <p class="h3">&pound;
                <span class="display-2">99</span>
            </p>
            <ul style="text-align:left">
                <li>Lorem Ipsum is dummy text.</li>
                <li>Consectetur adipiscing elit, mauris lacinia viverra dignissim.</li>
                <li>Nullam mollis elit et mauris pellentesque ultrices.</li>
            </ul>
            <p>
                <a href="#" class="btn btn-primary edit">Select Plan</a>
            </p>
        </div>
    </div>
</div>
