pip-webui/pip-webui-css/samples/landing_components/call_to_action.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
    Call to action
</p>

<div class="pip-call-action">
    <div class="">
        <div class="pip-title">СКОРЕЕ ВСЕГО, ПЕРЕД ВАМИ ТО, ЧТО ВЫ ИСКАЛИ ГОДАМИ</div>
        <div class="layout-row layout-xs-column pip-content layout-align-center-center">
            <div class="pip-left-content layout-column layout-align-center-end">
                <div class="pip-text">
                    Начните пользоваться системой первыми, раньше чем она появится на рынке
                </div>
            </div>
            <div class="pip-right-content layout-column layout-align-center-start">
                <div class="pip-actions" >
                    <md-button class="md-raised md-accent"> ЗАРЕГИСТРИРОВАТЬСЯ БЕСПЛАТНО</md-button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="h48"></div>

<div class="pip-call-action">
    <div class="">
        <div class="pip-content layout-row layout-xs-column layout-align-center-center">
            <div class="pip-left-content layout-column layout-align-center-end">
                <div class="pip-text">
                    <div ng-repeat="text in textArray" class="layout-row">
                        <md-icon class="flex-fixed" md-svg-icon="icons:check"></md-icon>
                        {{text}}
                    </div>
                </div>
        </div>
            <div class="pip-right-content layout-column layout-align-center-start">
                <div class="pip-title-big">Pip.life</div>
                <div class="pip-subtitle">единое информационное пространство вашей жизни</div>
                <div class="pip-actions" >
                    <md-button class="md-raised md-accent"> ЗАРЕГИСТРИРОВАТЬСЯ БЕСПЛАТНО</md-button>
                </div>
            </div>
        </div>
    </div>
</div>