AltSchool_Assignment_2/index.html at main · Nzube-ctrl/AltSchool_Assignment_2 · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="Indvidual" description="Individual figma design" />
    <title>Indvidual - NF</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="container my-5">
      <div class="d-flex align-items-center">
        <div class="col-6">
          <div class="d-flex">
            <div class="force-center">
              <img
                src="./Assets/Logo (1).png"
                alt="Logo"
                class="logo img-fluid"
              />
              <h1>FOR INDIVIDUALS</h1>
              <p class="text-muted">
                Start benefiting from the wellness experience. For companies
                looking on increasing productivity, and improving organization
                wellness.
              </p>
            </div>
          </div>
        </div>
        <div class="col-6">
          <div class="card">
            <div class="card-body justify-content-center">
              <form action="" class="my-5">
                <div class="d-flex">
                  <div class="col-6">
                    <div class="form-group">
                      <label for="firstname">First Name</label>
                      <input type="text" name="firstname" placeholder="jane" />
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="form-group">
                      <label for="lastname">Last Name</label>
                      <input type="text" name="lastname" placeholder="doe" />
                    </div>
                  </div>
                </div>
                <div class="d-flex">
                  <div class="col-6">
                    <div class="form-group">
                      <label for="firstname">Gender</label>
                      <select
                        name="gender"
                        id=""
                        class="form-control form-control-select"
                      >
                        <option value="">Select Gender</option>
                        <option value="male">Male</option>
                        <option value="female">Female</option>
                      </select>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="form-group">
                      <label for="dob">Date Of Birth</label>
                      <input type="date" name="dob" />
                    </div>
                  </div>
                </div>
                <div class="d-flex">
                  <div class="col-6">
                    <div class="form-group">
                      <label for="weight">Weight (KG)</label>
                      <input
                        type="text"
                        name="weight"
                        placeholder="Enter Weight"
                      />
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="form-group">
                      <label for="height">Height (CM)</label>
                      <input
                        type="text"
                        name="height"
                        placeholder="Enter Height"
                      />
                    </div>
                  </div>
                </div>
                <div class="form-group col-12">
                  <label for="activity">Activity Level</label>
                  <select
                    name=""
                    id=""
                    class="form-control form-control-select"
                  >
                    <option value="">Select Here</option>
                    <option value="activity1">Activity 1</option>
                    <option value="activity2">Activity 2</option>
                    <option value="activity3">Activity 3</option>
                  </select>
                </div>
                <div class="form-group col-12">
                  <label for="password">Password</label>
                  <input
                    type="password"
                    placeholder="Enter Password"
                    class="form-control"
                  />
                </div>
                <div class="col-12">
                  <div class="justify-content-center">
                    <button class="btn my-2 btn-lg">Register</button>
                    <p>
                      By clicking Register, you agree to our
                      <a href="#" class="terms">Terms of Use</a> and our
                      <a href="#" class="terms">Privacy Policy</a>
                    </p>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>