Scribd Logo
Upload

Welcome to Scribd!

  • Registration Form

    Uploaded by

    Bipul Vikrant
    29 views3 pages
    html

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    html

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    29 views3 pages

    Registration Form

    Uploaded by

    Bipul Vikrant
    html

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    <style type="text/css">
    /*
    Author: @mrjopino
    Name: Design Register
    Description: Design register crazy!
    */
    @charset "utf-8";
    @import url(http://fonts.googleapis.com/css?family=Titan+One);
    @import url(http://weloveiconfonts.com/api/?family=fontawesome);
    @import url(http://meyerweb.com/eric/tools/css/reset/reset.css);
    body {
    background: #1b1e24;
    background-image:-webkit-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24);
    background-image:-moz-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24)
    ;
    background-image:-o-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24);
    background-image:-ms-linear-gradient(right,#1b1e24,#1b1e24 50%,#1b1e24);
    background-image:linear-gradient(to left,#1b1e24,#1b1e24 50%,#1b1e24);
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    }
    [class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
    }
    input {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    }
    .Registro {
    margin: 50px auto;
    width: 242px;
    }
    .Registro span {
    color: hsl(5, 50%, 57%);
    display: block;
    height: 48px;
    line-height: 48px;
    position: absolute;
    text-align: center;
    width: 36px;
    }
    .Registro input {
    border: none;

    height: 48px;
    outline: none;
    }
    .Registro input[type="text"] {
    background-color: #fff;
    border-top: 2px solid #2c90c6;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    color: #363636;
    padding-left: 36px;
    width: 204px;
    }
    .Registro input[type="password"] {
    background-color: #fff;
    border-top: 2px solid #2c90c6;
    border-right: 1px solid #000;
    border-bottom: 2px solid #2c90c6;
    border-left: 1px solid #000;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    color: #363636;
    margin-bottom: 20px;
    padding-left: 36px;
    width: 204px;
    }
    .Registro input[type="submit"] {
    background-color: #2c90c6;
    border: 1px solid #2c90c6;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    width: 240px;
    }
    .Registro input[type="submit"]:hover {
    background-color: #2c70c6;
    box-shadow: 2px 2px 20px #2c90c6, #fff 0 -1px 2px;
    }
    .texto {
    color: #2c90c6;
    font-size: 40px;

    margin: 2% auto;
    text-align: center;
    font-family: 'Titan One';
    text-shadow: 1px 2px 1px rgba(0,0,0,.5);
    padding-top: 40px;
    }
    p:hover {
    text-shadow: 2px 2px 20px #2c90c6, #fff 0 -1px 2px;
    }
    </style>
    </head>

    <body>
    <!-Design register pure CSS
    Developed by @mrjopino
    -->
    <p class="texto">Registration</p>
    <div class="Registro">
    <form method="post" action="javascript:void(0);">
    <span class="fontawesome-user"></span><input type="text" required placeholder="U
    sername" autocomplete="off">
    <span class="fontawesome-envelope-alt"></span><input type="text" id="email" requ
    ired placeholder="Email Id" autocomplete="off">
    <span class="fontawesome-lock"></span><input type="password" name="password" id=
    "password" required placeholder="Password" autocomplete="off">
    <input type="submit" value="Registrar" title="Registra t
    u cuenta">
    </body>
    </html>

    You might also like