antares-cab/views/pricing/index.php

<section class="content">
    <div class="row align-items-center">
        <div class="col">
            <div class="card card-default">
                <div class="card-header text-uppercase text-center">
                    <h3 class="card-title float-none">Базовый</h3>
                </div>
                <div class="card-body">
                    <p>
                        Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад.
                    </p>
                    <ul>
                        <li>Многие программы электронной вёрстки</li>
                    </ul>
                </div>
                <!-- /.card-body -->
                <div class="card-footer text-center">
                    <button type="button" class="btn btn-default btn-block">Заказать</button>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card bg-gradient-success">
                <div class="card-header text-uppercase text-center">
                    <h3 class="card-title text-bold float-none">Стандарт</h3>
                </div>
                <div class="card-body">
                    <p>
                        Многие думают, что <strong>Lorem Ipsum</strong> - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад.
                    </p>
                    <ul>
                        <li>Давно выяснено, что при оценке дизайна</li>
                        <li><strong>Lorem Ipsum</strong> используют потому</li>
                        <li>а также реальное распределение букв</li>
                        <li>Lorem Ipsum используют потому</li>
                        <li>Давно выяснено, что при оценке дизайна</li>
                    </ul>
                </div>
                <!-- /.card-body -->
                <div class="card-footer text-center">
                    <button type="button" class="btn btn-outline-light btn-lg btn-block text-uppercase">Заказать</button>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card card-default">
                <div class="card-header text-uppercase text-center">
                    <h3 class="card-title float-none">Продвинутый</h3>
                </div>
                <div class="card-body">
                    <p>
                        Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад.
                    </p>
                    <ul>
                        <li>Многие программы электронной вёрстки</li>
                    </ul>
                </div>
                <!-- /.card-body -->
                <div class="card-footer text-center">
                    <button type="button" class="btn btn-default btn-block">Заказать</button>
                </div>
            </div>
        </div>
    </div>
</section>