Untitled

avatar
unknown
plain_text
2 years ago
3.2 kB
14
Indexable
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <link rel="stylesheet" href="bootstrap.css">

    <link rel="stylesheet" href="style.css">

    <title>A CUSTOMER LOGIN AND REGISTRATION PAGE</title>

 

</head>

<body class="body">

 

    <p class="h1">NEW TECH</p>

 

    <div class="login">

        <div class="container">

            <div class="row justify-content-center">

                <div class="col-6">

                    <div class="card" style="width: 25rem; margin-top: 70px;">

                        <div class="card-header text-center" style="font-size: larger; font-weight: bold;">

                          Sign In

                        </div>

                        <ul class="list-group list-group-flush">

                          <p class="p1">User Name</p>

                          <input type="text" style="margin-left: 10px; width: 380px;"/>

                          <br />

                          <p class="p1">Password</p>

                          <input type="password" style="margin-left: 10px; width: 380px;"/>

                          <br />

                          <div class="d-grid gap-2 col-10 mx-auto">

                            <button class="btn btn-primary" type="button">Login</button>

                          </div>

                          <br />

                        </ul>

                      </div>

                </div>

            </div>

        </div>

    </div>

 

    <div class="registration">

        <div class="container">

            <div class="row">

                <div class="col-6">

                    <div class="card" style="width: 25rem; margin-left: 750px; margin-top: -430px;">

                        <div class="card-header text-center"style="font-size: larger; font-weight: bold;" >

                          Sign Up

                        </div>

                        <ul class="list-group list-group-flush">

                            <p class="p1">User Name</p>

                            <input type="text" style="margin-left: 10px; width: 380px;"/>

                            <br />

                            <p class="p1">E-mail</p>

                            <input type="text" style="margin-left: 10px; width: 380px;"/>

                            <br />

                            <p class="p1">Password</p>

                            <input type="password" style="margin-left: 10px; width: 380px;"/>

                            <br />

                            <p class="p1">Confirm Password</p>

                            <input type="password" style="margin-left: 10px; width: 380px;"/>

                            <br />

                            <div class="d-grid gap-2 col-10 mx-auto">

                              <button class="btn" type="button" style="background-color: rgb(22, 221, 4);">Create Account</button>

                            </div>

                            <br />

                        </ul>

                      </div>

                </div>

            </div>

        </div>

    </div>

       

</body>

</html>
Editor is loading...