benefits.html

<div class="vip-content-block">
    <h2 class="vip-content-block-title">VIP Benefits</h2>
    <h3 class="vip-content-block-subtitle">Exclusive promotions, luxury events, a £5k jackpot in a private Executive Lounge... There's all of this and so much more to enjoy!</h3>
    
    
    <div id="vip-benefits-collapsible" class="layout-html collapse">
        <div>
            <ul class="vip-benefits-tabs-nav" role="tablist">
                <li role="presentation" class="vip-benefits-tabs-nav-item active"><a href="#vip-benefits-bronze" aria-controls="vip-benefits-bronze" role="tab" data-toggle="tab">Bronze</a></li>
                <li role="presentation" class="vip-benefits-tabs-nav-item"><a href="#vip-benefits-silver" aria-controls="vip-benefits-silver" role="tab" data-toggle="tab">Silver</a></li>
                <li role="presentation" class="vip-benefits-tabs-nav-item"><a href="#vip-benefits-gold" aria-controls="vip-benefits-gold" role="tab" data-toggle="tab">Gold</a></li>
                <li role="presentation" class="vip-benefits-tabs-nav-item"><a href="#vip-benefits-platinum" aria-controls="vip-benefits-platinum" role="tab" data-toggle="tab">Platinum</a></li>
            </ul>
            <div class="vip-benefits-tab-content">
                <div role="tabpanel" class="vip-benefits-tab-pane active" id="vip-benefits-bronze">
                    <h2>Bronze Benefits</h2>
                    <p>Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel
                        eu leo.</p>
                    <p>Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada
                        magna mollis euismod.</p>
                </div>
                <div role="tabpanel" class="vip-benefits-tab-pane" id="vip-benefits-silver">
                    <h2>Silver Benefits</h2>
                    <p>Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel
                        eu leo.</p>
                    <p>Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada
                        magna mollis euismod.</p>
                </div>
                <div role="tabpanel" class="vip-benefits-tab-pane" id="vip-benefits-gold">
                    <h2>Gold Benefits</h2>
                    <p>Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel
                        eu leo.</p>
                    <p>Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada
                        magna mollis euismod.</p>
                </div>
                <div role="tabpanel" class="vip-benefits-tab-pane" id="vip-benefits-platinum">
                    <h2>Platinum Benefits</h2>
                    <p>Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel
                        eu leo.</p>
                    <p>Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Etiam porta sem malesuada
                        magna mollis euismod.</p>
                </div>
            </div>
        </div>
    </div>

    <button type="button" data-toggle="collapse" data-target="#vip-benefits-collapsible" aria-expanded="false" aria-controls="vip-benefits-collapsible">What do I get?</button>
 </div>