landwey/gf.html at main · Dev-Nonso-code/landwey · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="..//BOOSTRAP/bootstrap-5.2.2-dist/js/bootstrap.bundle.js">
    <link rel="stylesheet" href="..//BOOSTRAP/bootstrap-5.2.2-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./gf.css">
</head>

<body>
    <div id="wwe">
        <div class="container w-50 border p-3 m-auto  my-3 rounded shadow">
            <div class="row">
                <div class="col h1">
                    Sign Up
                </div>
                <div>it's quick and easy</div>
            </div>
        </div>
        <form class="container m-auto rounded shadow w-50" action="">
            <div class="row p-3">
                <div class="form-group col">
                    <input class="form-control w-100" type="text" placeholder="First Name">
                </div>
                <div class="form-group col">
                    <input class="form-control w-100" type="text" placeholder="Surname">
                </div>
            </div>
            <div class="form-group p-2">
                <input class="form-control" type="email" name="" id="" placeholder="Mobile number or email adrress">
            </div>
            <div class="form-group p-2">
                <input class="form-control" type="password" name="" id="" placeholder="New password">
            </div>
            <div>
                <input type="date" name="" id="">
            </div>
            <p class="fs-6 mt-4">Gender:</p>
            <div class="row">
                <div class="col">
                    <button class="w-100 d-flex justify-content-between">
                        <label for="name">male</label>
                        <input class="mt-1" type="radio" name="male">
                    </button>
                </div>
                <div class="col">
                    <button class="w-100 d-flex justify-content-between">
                        <label for="name">female</label>
                        <input class="mt-1" type="radio" name="male">
                    </button>
                </div>
                <div class="col">
                    <button class="w-100 d-flex justify-content-between">
                        <label for="name">coustom</label>
                        <input class="mt-1" type="radio" name="male" id="">
                    </button>
                </div>
            </div>
            <p class="mt-4">People who use our service may have uploaded your contact information to Facebook <strong><a
                        href="">Learn More</a></strong></p>
            <p class="mt-2">By clicking Sign Up, you agree to our <strong><a href="">Terms</a> <a href=""> Privacy
                        Policy</a></strong>and <strong><a href=""> Privacy Policy</a></strong><br> You may receive SMS
                notifications from us and can opt out at any time.</p>
            <div class="text-center mt-4">
                <button class="btn btn-success w-50"><a class="text-warning" href="./project.html">Sign Up</a></button>
            </div>
        </form>
    </div>


</body>


<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</html>