Created
November 20, 2015 14:20
-
-
Save asimmon/2c63dc35877b5bf159dc to your computer and use it in GitHub Desktop.
Centered login form with Ionic Framework HTML
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Is this for ionic v1?