MVC View Creation

<section>
    <header>
        <h2>Our Pricing</h2>
        <p>Architecto nobis eos vel nam quidem vitae temporibus voluptates qui hic deserunt iusto omnis nam voluptas asperiores sequi tenetur dolores incidunt enim voluptatem magnam cumque fuga.</p>
    </header>

    <div class="container row p-4 justify-content-around">

        <div class="card col-4 pricing-card">
            <div class="card-header pricing-header">
                <h3>Free Plan</h3>
                <h4>$0/month</h4>
            </div>
            <div class="card-body">
                <ul>
                    <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li>
                    <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li>
                    <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li>
                </ul>
                <div class="text-center mt-auto">
                    <a href="#" class="btn btn-outline-primary">Buy Now</a>
                </div>
            </div>
        </div>

        <div class="card col-4 pricing-card featured">
            <div class="card-header pricing-header">
                <h3>Business Plan</h3>
                <h4>$29/month</h4>
            </div>
            <div class="card-body">
                <ul>
                    <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li>
                    <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li>
                    <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li>
                    <li><i class="bi bi-dot"></i> <span>Pharetra massa massa ultricies</span></li>
                </ul>
                <div class="text-center mt-auto">
                    <a href="#" class="btn btn-primary">Buy Now</a>
                </div>
            </div>
        </div>

        <div class="card col-4 pricing-card">
            <div class="card-header pricing-header">
                <h3>Developer Plan</h3>
                <h4>$49/month</h4>
            </div>
            <div class="card-body">
                <ul>
                    <li><i class="bi bi-dot"></i> <span>Quam adipiscing vitae proin</span></li>
                    <li><i class="bi bi-dot"></i> <span>Nec feugiat nisl pretium</span></li>
                    <li><i class="bi bi-dot"></i> <span>Nulla at volutpat diam uteera</span></li>
                    <li><i class="bi bi-dot"></i> <span>Pharetra massa massa ultricies</span></li>
                    <li><i class="bi bi-dot"></i> <span>Massa ultricies mi quis hendrerit</span></li>
                </ul>
                <div class="text-center mt-auto">
                    <a href="#" class="btn btn-outline-primary">Buy Now</a>
                </div>
            </div>
        </div>
    </div>

</section>