Example UI

Forms

Sed turpis mauris, euismod sed iaculis in, fermentum id arcu. Donec sit amet ante vitae leo viverra suscipit. Phasellus non convallis nisl, id pretium purus. Vivamus in accumsan elit. Nulla quam arcu, vestibulum ut feugiat vel, consectetur ac massa.

General form

Example

Code

<form action="#" method="post" class="form form_horizontal">
    <div class="form--group">
        <label>First name</label>
        <input name="firstname" />
    </div>
    <div class="form--group">
        <label>Last name</label>
        <input name="lastname" />
    </div>
    <div>
        <button class="btn">Sign up</button>

    </div>
</form>

Login

Example

Code

<form action="#" method="post" class="form form_login">
    <label>Email</label>
    <input id="login-email" name="login-email" type="text" placeholder="e.g. me@home.com" />
    <label>Password</label>
    <input id="login-password" name="login-password" type="password" />
    <button class="btn">Login</button>

</form>