<div class="card text-center mb-md-0 mb-3">
    <div class="card-body py-5">
        <div class="pricing-header mb-5">
            <h5 class="font-weight-normal mb-3">Free</h5>
            <h1>$0</h1>
            <p class="text-muted">Per User / Month</p>
        </div>
        <strong>Includes:</strong>
        <ul class="list-unstyled lh-45 mt-3">
            <li>- Up to 1 User</li>
            <li>- Max 100 Item</li>
            <li>- 500 Queries</li>
            <li>- Basic Statistics</li>
        </ul>
        <a href="#" class="btn btn-pill btn-outline mt-3">Download Now</a>
    </div>
</div>

<div class="card mb-md-0 mb-3">
    <div class="card-body py-5 row align-items-center">
        <div class="col-md-6">
            <div class="pricing-header text-center">
                <h5 class="font-weight-normal mb-3">Free</h5>
                <h1>$0</h1>
                <p class="text-muted">Per User / Month</p>
            </div>
        </div>
        <div class="col-md-6 text-md-left text-center">
            <ul class="list-unstyled lh-45">
                <li>- Up to 1 User</li>
                <li>- Max 100 Item</li>
                <li>- 500 Queries</li>
                <li>- Basic Statistics</li>
            </ul>
        </div>
    </div>
    <div class="card-footer">
        <div class="d-flex align-items-center justify-content-between">
            <a href="#">Download Free</a>
            <span class="card-arrow-icon"></span>
        </div>
    </div>
</div>

<div class="card bg-dark text-white mb-md-0 mb-3">
    <div class="card-body py-5 row align-items-center">
        <div class="col-md-6">
            <div class="pricing-header text-center">
                <h5 class="font-weight-normal mb-3 text-white">Free</h5>
                <h1 class="text-white">$0</h1>
                <p class="text-white">Per User / Month</p>
            </div>
        </div>
        <div class="col-md-6 text-md-left text-center">
            <ul class="list-unstyled lh-45">
                <li>- Up to 1 User</li>
                <li>- Max 100 Item</li>
                <li>- 500 Queries</li>
                <li>- Basic Statistics</li>
            </ul>
        </div>
    </div>
    <div class="card-footer">
        <div class="d-flex align-items-center justify-content-between">
            <span>SignUp Now</span>
            <a href="#" class="btn btn-sm btn-pill btn-theme py-1">Go</a>
        </div>
    </div>
</div>