pip-webui2-landing

Landing page controls

Pip.WebUI.Landing modules contains controls to create engaging landing pages

Info block

Using

<pip-landing-info-block [items]="items"></pip-landing-info-block>
<pip-landing-info-block [items]="items2"></pip-landing-info-block>
<pip-landing-info-block [items]="items3" [type]="'bg'"></pip-landing-info-block>

Examples on the images

Provides dispalying of styled block that contains images and text

Call to action bar

Provides dispalying of styled bar that contains text and action buttons

Using

<pip-landing-call-to-action [title]="'СКОРЕЕ ВСЕГО, ПЕРЕД ВАМИ ТО, ЧТО ВЫ ИСКАЛИ ГОДАМИ'" [text]="'Начните пользоваться системой первыми, раньше чем она появится на рынке'"
    [button]="'ЗАРЕГИСТРИРОВАТЬСЯ БЕСПЛАТНО'">
</pip-landing-call-to-action>
<pip-landing-call-to-action-big [title]="'СКОРЕЕ ВСЕГО, ПЕРЕД ВАМИ ТО, ЧТО ВЫ ИСКАЛИ ГОДАМИ'" [buttons]="buttons"></pip-landing-call-to-action-big >
<pip-landing-call-to-action-big [title]="'СКОРЕЕ ВСЕГО, ПЕРЕД ВАМИ ТО, ЧТО ВЫ ИСКАЛИ ГОДАМИ'" [subtitle]="'единое информационное пространство вашей жизни'"
    [titleBig]="'Pip.life'" [list]="list" [buttons]="buttons"></pip-landing-call-to-action-big >

Examples on the images

Installation

To install this module using npm:

npm install pip-webui2-landing --save

License

This module is released under MIT license and totally free for commercial and non-commercial use.