Skip to main content

Web 2 Sign in

 <!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Sign Up window</title>


    <style>

        * {

            box-sizing: border-box;

        }


        body {

            /* justify-content: center; */

            /* align-items: center; */

            margin: 0px;

            padding: 0px;

            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

            color: black;

            background-color: #e9faff;

        }


        .cont {

            /* border: 2px solid #db4130; */

            /* text-decoration: none; */

            background: #fff;

            position: absolute;

            top: 12.5%;

            left: 25%;

            width: 500px;

            padding-left: 55px;

            padding-right: 55px;

            padding-top: 25px;

            padding-bottom: 55px;

            border-radius: 10px;

            box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);

            -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);



        }


        h1,

        h3 {

            text-align: top;

            font-weight: 400;

            color: #686464;

        }


        .input {

            height: 40px;

            width: 100%;

            padding: 0px 25px 0px 25px;

            line-height: 2px;

            font-size: 12px;

            background: transparent;

            border: none;

            border-top: 1.2px solid #aaa3a3;

            border-bottom: 1.2px solid #aaa3a3;

            border-radius: 10px;

        }

        input::selection{

            color: red;

        }


        #submit {

            margin: 20px auto;

            color: whitesmoke;

            background-color: #4272d7;

            height: 45px;

            border-radius: 4px;

            border: none;

            outline: none;



        }


        #submit:hover {

            background-color: black;

            cursor: pointer;

        }


        .bottom {

            text-size-adjust: 25px;

            text-align: center;

            text-decoration: none;

            color: #999999;

        }


        #t1 {

            margin-top: 22px;

            margin-bottom: 4px;

        }

        #t2 {

            margin-top: 7px;

            margin-bottom: 2px;

        }


        a {

            text-decoration: none;

            color: #4272d7;

        }


        a:hover {

            text-decoration: underline;

            /* cursor: copy; */

        }



        /* #name{

            margin-top: 38px;

        } */


        div {

            margin: 22px;

            font-weight: bold;

            color: #382b2b;

        }


        /* #mob{

            text-decoration: none;

        } */

        span{

            color: rgb(182, 25, 25);

        }

    </style>

</head>


<body>


    <div class="cont">

        <h1>

            Welcome To Alwar

        </h1>

        <h3>

            Sign Up

        </h3>

        <hr>

        <div>

            Name:<input type="text" class="input" id="name" placeholder="Type your Userame">

        </div>

        <div>

            Email-Id: <span>*</span><input type="text" class="input" id="email" placeholder="Type your Email">

        </div>

        <div>

            Mobile No. <span>*</span><input type="number" class="input" id="mob">

        </div>


        <div>

            Password:<input type="password" class="input" id="pass" placeholder="Type your Password">

        </div>

        <div>

            Re-enter Password:<input type="password" class="input" id="repass" placeholder="Re-enter your Password">

        </div>


        <div>

            <input type="submit" name="" class="input" id="submit" value="SIGN UP">

        </div>

        <div class="bottom" id="t1">

            Forgot <a href="Forget Password.html"> Username / Password?</a>

        </div>



        <div class="bottom" id="t2">

            Already have an account? <a href="Login Page.html">Login</a>

        </div>




    </div>


</body>


</html>

Comments

Post a Comment

Popular posts from this blog

HTML Tutorial 9

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Inline & Block Elements</title> </head> <body>      </body> </html>
Post a Comment
Read more

CSS Tutorial 24

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>CSS Display Property</title>     <style>         *{             box-sizing: border-box;         }         header {             margin: auto;             border: 2px solid firebrick;             /* width: 30%; */         }         img {             /* display: inline; this is most property display inline, block and inline block */             /* if you select display inline so...... you do not set width but */             /* you select displ...
Post a Comment
Read more

HTML Tutorial 5

 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Heading Paragraphs and Emmet</title> </head> <body> <h1>Heading 1 for Rajendra </h1>     <h2>Heading 2 for Rajendra </h2>     <h3>Heading 3 for Rajendra </h3>    <!-- if you need some example world so you use loram12 for 12 words --> <p> • Incompatible: the chosen fixed size may be too large for a user's available live space, causing the user to scroll in order to view the whole page; a fixedWeb page may also appear too small, leaving unsightly blank spaces.     <!-- <br> tag use for a line break or line change and it is self closing tags -->     <br>• Totalitarian: the Web does not want to run the risk of being under too mu...
Post a Comment
Read more