PCUI

Header Branded Panel

Documentation and examples in using Header Branded Panel with PCUI

Include in your HTML

Copied successfully!

<link href="~/PCUIAssets/PCUI/Elements/HeaderBrandedPanel/css/HeaderBrandedPanel.min.css" rel="stylesheet" />

Header - Branded panel with primary & secondary string

Jacinta BurnsdottirDieWalküreDesNibelungen PelicanCorp

Copied successfully!


                <div class="header-branded-panel-main-container">
                <div class="sub-container-image">
                <img src="~/PCUIAssets/PCUI/Elements/HeaderBrandedPanel/images/header-branded-panel.png" />
                </div>
                <div class="sub-container-info">
                <label class="main-text">Jacinta BurnsdottirDieWalküreDesNibelungen</label>
                <label class="sub-text">PelicanCorp</label>
                </div>
                </div>

Header - Branded panel with primary string

Jacinta BurnsdottirDieWalküreDesNibelungen

Copied successfully!


                <div class="header-branded-panel-main-container">
                <div class="sub-container-image">
                <img src="~/PCUIAssets/PCUI/Elements/HeaderBrandedPanel/images/header-branded-panel.png" />
                </div>
                <div class="sub-container-info">
                <label class="main-text">Jacinta BurnsdottirDieWalküreDesNibelungen</label>
                </div>
                </div>