HTML/PHP - Changing text on another page, depending on which button is pressed

For the website I am working on, I have created three payment plans shown below, each with a different price. Now, instead of creating individual pages for each plan, I think it'd be best to just create one page and then change the portions of the text on screen, such as the name of the package and the price.

So for example "You have selected PREMIUM, which costs £14.95 / Month". Then the rest of the page I can sort out since it will just be a mock website and I'm not actually collecting payment. So my question is how do I go about doing this? I currently haven't made the HTML page yet, but I'm getting started on that when I've finished writing this up, but I'm just not too sure what steps to take.

Here is the section of code involving the payment plans, if any use.

<section class="section-plans">
    <div class="row">
        <h2>Order Today.</h2>
    </div>
    <div class="row">
        <div class="col span-1-of-3">
            <div class="plan-box">
                <div>
                    <h4>Premium</h4>
                    <p class="plan-price">&pound;14.95 <span> / Month </span></p>
                </div>
                <div>
                    <ul>
                        <li><i class="ion-ios-checkmark icon-small"></i>Priority Acccess</li>
                        <li><i class="ion-ios-checkmark icon-small"></i>24/7 Online Support</li>
                        <li><i class="ion-ios-checkmark icon-small"></i>Access Anywhere</li>
                        <li><i class="ion-ios-checkmark icon-small"></i>Unlimited Speed</li>
                    </ul>
                </div>
                <div>
                    <a href="#" class="btn btn-full">Sign Up Now</a>
                </div>
            </div>
        </div>
        <div class="col span-1-of-3">
            <div class="plan-box">
                <div>
                    <h4>Pro</h4>
                    <p class="plan-price">&pound;9.95 <span> / Month </span></p>
                </div>
                <div>
                    <ul>
                        <li><i class="ion-ios-checkmark icon-small"></i>Worldwide Access</li>
                        <li><i class="ion-ios-checkmark icon-small"></i>24/7 Online Support</li>
                        <li><i class="ion-ios-checkmark icon-small"></i>Access Anywhere</li>
                        <li><i class="ion-close-circled  icon-small"></i>Unlimited Speed</li>
                    </ul>
                </div>
                <div>
                    <a href="#" class="btn btn-ghost">Sign Up Now</a>
                </div>
            </div>
        </div>
        <div class="col span-1-of-3">
            <div class="plan-box">
                <div>
                    <h4>Lite</h4>
                    <p class="plan-price">&pound;4.95 <span> / Month </span></p>
                </div>
                <div>
                    <ul>
                        <li><i class="ion-ios-checkmark icon-small"></i>Worldwide Access</li>
                        <li><i class="ion-ios-checkmark icon-small"></i>24/7 Online Support</li>
                        <li><i class="ion-close-circled icon-small"></i>Access Anywhere</li>
                        <li><i class="ion-close-circled  icon-small"></i>Unlimited Speed</li>
                    </ul>
                </div>
                <div>
                    <a href="#" class="btn btn-ghost">Sign Up Now</a>
                </div>
            </div>
        </div>
    </div>
</section>