lp page

<div ng-controller="loyaltyProgramController as loyaltyProgramCtrl">
    <div class="cover-hammock" update-background-image="{{loyaltyProgramCtrl.lp.content.partnerPageImage}}">
        <div class="section soft-double--top">
            <div class="grid">
                <div class="grid__item one-half lap--two-thirds palm--seven-eighths">
                    <div class="soft">
                        <h1 class="text--uppercase">
                          Welcome <span ng-bind-html="loyaltyProgramCtrl.lp.content.companyName"></span> <span ng-bind-html="loyaltyProgramCtrl.lp.content.lpName"></span>
                        </h1>
                        <div class="text--chubby-weight">Stay organized. Go further.</div>
                        <div class="push--ends">Use the <a ui-sref="app" class="text--normal">Points Loyalty Wallet</a> to get so much more from your <span ng-bind-html="loyaltyProgramCtrl.lp.content.currencyNameLong"></span></div>
                        <div class="grid">
                            <div class="grid__item one-half palm--three-quarters">
                                <div class="btn btn--primary btn--full push--top"
                                     ui-sref="home.login.sign-up">
                                    Sign up for free
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="section">
        <div class="grid grid--center">
            <div class="grid__item one-third palm--five-sixths push-double--top">
                <img alt="{{loyaltyProgramCtrl.lp.name}} logo" src="{{loyaltyProgramCtrl.lp.content.logos.svg}}" class="full--width" />
            </div>
        </div>

        <div class="grid grid--center">
            <div class="grid__item two-thirds">
                <div class="text--normal text--center push-double--ends">
                    The Points Loyalty Wallet can make your <span ng-bind-html="loyaltyProgramCtrl.lp.content.currencyNameLong"></span> more flexible and rewarding. Adding the program to your wallet is easy, and your membership information is stored safely and securely.
                </div>
            </div>
        </div>

        <div class="grid grid--center grid--full">
            <div class="grid__item one-whole">
                <div class="grid grid--center">
                    <div class="soft soft--left--palm">
                        <div class="benefit"
                             ng-repeat="feature in loyaltyProgramCtrl.featuresAndBenefits"
                             ng-if="loyaltyProgramCtrl.containsFeature(feature.header)">
                            <div class="benefit__content soft soft-double--bottom push--bottom">
                                <i class="{{feature.icon}}"></i>
                                <div class="text--heavy-weight text--normal soft--ends">{{feature.header}}</div>
                                <p class="text--medium">
                                    {{feature.body}}
                                </p>
                                <a class="btn btn--small btn--outline benefit__btn push--top soft-triple--sides"
                                   target="_blank"
                                   ng-class="{'not-visible ': !loyaltyProgramCtrl.getLink(feature.header)}" href="{{loyaltyProgramCtrl.getLink(feature.header)}}">
                                    {{feature.header}}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="grid grid--center">
            <div class="grid__item one-quarter palm--three-quarters lap--one-half push-double--ends">
                <div class="btn btn--primary btn--full"
                     ui-sref="home.login.sign-up">
                    Sign up for free
                </div>
            </div>
        </div>
    </div>
</div