css-ui-sign-in

CSS UI - Sign in

Sign in template.

Installation

npm install --save css-ui-sign-in

Demo

• https://css-ui.github.io/sign.in

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">&copy; CSS UI</p>
</div>

Enjoy sign in template.