1.1.2 • Published 5 years ago
css-ui-sign-in v1.1.2
CSS UI - Sign in
Sign in template.
Installation
npm install --save css-ui-sign-in
Demo
Quick start
CSS dependencies.
<link rel="stylesheet" href="path/to/normalize.css">
<link rel="stylesheet" href="path/to/open-sans.css">
<link rel="stylesheet" href="path/to/cssui.css">
CSS sign in.
<link rel="stylesheet" href="path/to/style.sign.in.css">
Use Open Sans fotns.
font-family: 'Open Sans', sans-serif;
Sign in html.
<div class="container box">
<!-- avatar -->
<div class="align center">
<img src="path/to/avatar.png" alt="avatar" class="sign-gravatar">
</div>
<!-- welcome message -->
<div class="align center">
<h1>Welcome!</h1>
<p>Sign in to your account.</p>
</div>
<!-- sign in form -->
<div class="sign in">
<form class="group">
<input type="email" placeholder="E-mail" required class="unite first full width">
<input type="password" placeholder="Password" required class="unite last full width">
<div class="align right">
<input type="submit" value="Sign in" class="button primary">
</div>
</form>
</div>
</div>
<!-- footer -->
<div class="bottom footer">
<p class="align center">© CSS UI</p>
</div>
Enjoy sign in template.