nativescript-login/demo/app/app.component.html

An npm package for npzilla features

<StackLayout class="parent-stack">
    <StackLayout class="upper-container" verticalAlignment="center">
        <Label [text]="title" textWrap="true" id="app-name"></Label>
        <Label [text]="slogan" textWrap="true" id="app-slogan"></Label>    
    </StackLayout>
    <StackLayout class="bottom-container">
        <StackLayout class="textfields-stacks">
            <TextField hint="Email" text="" class="textfields" ></TextField>
            <StackLayout class="hr-light"></StackLayout>
            <TextField hint="Password" text="" class="textfields" ></TextField>
        </StackLayout>
        <StackLayout id="login-button">
            <Label text="Login" textWrap="true"></Label> 
        </StackLayout>
        <Label text="Forgot Password?" textWrap="true" id="forgot-password"></Label>
        <StackLayout orientation="horizontal" >
            <StackLayout id="facebook-login" class="login-using">
                <Label text="Login using Facebook" textWrap="true"></Label> 
            </StackLayout>
            <StackLayout id="twitter-login">
                <Label text="Login using Twitter" textWrap="true"></Label> 
            </StackLayout>
        </StackLayout>
    </StackLayout> 
</StackLayout>