Skip to content

Instantly share code, notes, and snippets.

@asimmon
Created November 20, 2015 14:20
Show Gist options
  • Save asimmon/2c63dc35877b5bf159dc to your computer and use it in GitHub Desktop.
Save asimmon/2c63dc35877b5bf159dc to your computer and use it in GitHub Desktop.
Centered login form with Ionic Framework HTML
<ion-view id="login" hide-nav-bar="true">
<ion-content padding="true" scroll="false">
<form>
<div class="row responsive-md">
<div class="col col-50 col-offset-25">
<div class="header padding text-center">
<img src="img/logo.png" alt="Your logo here"/>
</div>
<div class="list">
<label class="item item-input">
<input type="email" placeholder="Email">
</label>
<label class="item item-input">
<input type="password" placeholder="Password">
</label>
</div>
<button class="button button-block button-positive">
Log In
</button>
<div class="row row-no-padding">
<div class="col">
<button class="button button-clear button-light">
Forgot password?
</button>
</div>
<div class="col text-right">
<button class="button button-clear button-light">
Sign up
</button>
</div>
</div>
</div>
</div>
</form>
</ion-content>
</ion-view>
@coolbeatz71
Copy link

Is this for ionic v1?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment