Skip to content

Commit 08268bc

Browse files
sanajitjanasanajitjana
committed
status update
1 parent 3982309 commit 08268bc

File tree

1 file changed

+130
-111
lines changed

1 file changed

+130
-111
lines changed

‎src/App.js‎

Lines changed: 130 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
11
import { useState, React } from "react";
2+
var d = new Date();
3+
var currYear = d.getFullYear();
24

35
const App = () => {
46
//name load state
@@ -38,128 +40,145 @@ const App = () => {
3840

3941
return (
4042
<>
41-
<div className="container pt-5">
42-
<h1 className="pb-4">Hi, {NameView}</h1>
43-
<h5>{EmailView}</h5>
44-
<h6>{mobileView}</h6>
45-
46-
<form onSubmit={onSubmit}>
47-
{/* <!-- 2 column grid layout with text inputs for the first and last names --> */}
48-
<div class="row mb-4">
49-
{/* <!-- First name input --> */}
50-
<div class="col">
51-
<div class="form-outline">
52-
<label class="form-label" for="form6Example1">
53-
First name
54-
</label>
55-
<input
56-
type="text"
57-
id="form6Example1"
58-
class="form-control"
59-
onChange={fnameFucn}
60-
value={fnameValue}
61-
required
62-
/>
43+
<div className="container d-flex justify-content-center">
44+
<div className="row mt-4">
45+
<div className="col-12">
46+
<h3 style={{ backgroundColor: "orange", padding: "6px 10px" }}>
47+
Under Development
48+
</h3>
49+
</div>
50+
</div>
51+
</div>
52+
<div className="container pt-4 d-flex justify-content-center">
53+
<div className="col-lg-8">
54+
<h1 className="pb-4">Hi, {NameView}</h1>
55+
<h5>{EmailView}</h5>
56+
<h6>{mobileView}</h6>
57+
58+
<form onSubmit={onSubmit}>
59+
{/* <!-- 2 column grid layout with text inputs for the first and last names --> */}
60+
<div class="row mb-4">
61+
{/* <!-- First name input --> */}
62+
<div class="col">
63+
<div class="form-outline">
64+
<label class="form-label" for="form6Example1">
65+
First name
66+
</label>
67+
<input
68+
type="text"
69+
id="form6Example1"
70+
class="form-control"
71+
onChange={fnameFucn}
72+
value={fnameValue}
73+
required
74+
/>
75+
</div>
6376
</div>
64-
</div>
6577

66-
{/* <!-- Last name input --> */}
67-
<div class="col">
68-
<div class="form-outline">
69-
<label class="form-label" for="form6Example2">
70-
Last name
71-
</label>
72-
<input
73-
type="text"
74-
id="form6Example2"
75-
// onChange={lnameFucn}
76-
// value={lnameValue}
77-
class="form-control"
78-
required
79-
/>
78+
{/* <!-- Last name input --> */}
79+
<div class="col">
80+
<div class="form-outline">
81+
<label class="form-label" for="form6Example2">
82+
Last name
83+
</label>
84+
<input
85+
type="text"
86+
id="form6Example2"
87+
// onChange={lnameFucn}
88+
// value={lnameValue}
89+
class="form-control"
90+
required
91+
/>
92+
</div>
8093
</div>
8194
</div>
82-
</div>
8395

84-
{/* <!-- Company name input --> */}
85-
<div class="form-outline mb-4">
86-
<label class="form-label" for="form6Example3">
87-
Organisation / Institute name
88-
</label>
89-
<input type="text" id="form6Example3" class="form-control" />
90-
</div>
96+
<div class="row mb-4">
97+
{/* <!-- Email input --> */}
98+
<div class="col">
99+
<div class="form-outline">
100+
<label class="form-label" for="form6Example5">
101+
Email
102+
</label>
103+
<input
104+
type="email"
105+
id="form6Example5"
106+
class="form-control"
107+
onChange={emailFucn}
108+
value={EmailValue}
109+
required
110+
/>
111+
</div>
112+
</div>
91113

92-
{/* <!-- Address input --> */}
93-
<div class="form-outline mb-4">
94-
<label class="form-label" for="form6Example4">
95-
Address
96-
</label>
97-
<input type="text" id="form6Example4" class="form-control" />
98-
</div>
114+
{/* <!-- Number input --> */}
115+
<div class="col">
116+
<div class="form-outline">
117+
<label class="form-label" for="form6Example6">
118+
Phone
119+
</label>
120+
<input
121+
type="phone"
122+
id="form6Example6"
123+
class="form-control"
124+
onChange={mobileFucn}
125+
value={mobileValue}
126+
required
127+
/>
128+
</div>
129+
</div>
130+
</div>
99131

100-
{/* <!-- Email input --> */}
101-
<div class="form-outline mb-4">
102-
<label class="form-label" for="form6Example5">
103-
Email
104-
</label>
105-
<input
106-
type="email"
107-
id="form6Example5"
108-
class="form-control"
109-
onChange={emailFucn}
110-
value={EmailValue}
111-
required
112-
/>
113-
</div>
132+
{/* <!-- Company name input --> */}
133+
<div class="form-outline mb-4">
134+
<label class="form-label" for="form6Example3">
135+
Organisation / Institute name
136+
</label>
137+
<input type="text" id="form6Example3" class="form-control" />
138+
</div>
114139

115-
{/* <!-- Number input --> */}
116-
<div class="form-outline mb-4">
117-
<label class="form-label" for="form6Example6">
118-
Phone
119-
</label>
120-
<input
121-
type="phone"
122-
id="form6Example6"
123-
class="form-control"
124-
onChange={mobileFucn}
125-
value={mobileValue}
126-
required
127-
/>
128-
</div>
140+
{/* <!-- Address input --> */}
141+
<div class="form-outline mb-4">
142+
<label class="form-label" for="form6Example4">
143+
Address
144+
</label>
145+
<input type="text" id="form6Example4" class="form-control" />
146+
</div>
129147

130-
{/* <!-- Message input --> */}
131-
<div class="form-outline mb-4">
132-
<label class="form-label" for="form6Example7">
133-
Additional information
134-
</label>
135-
<textarea
136-
class="form-control"
137-
id="form6Example7"
138-
rows="4"
139-
></textarea>
140-
</div>
148+
{/* <!-- Message input --> */}
149+
<div class="form-outline mb-4">
150+
<label class="form-label" for="form6Example7">
151+
Additional information
152+
</label>
153+
<textarea
154+
class="form-control"
155+
id="form6Example7"
156+
rows="4"
157+
></textarea>
158+
</div>
141159

142-
{/* <!-- Checkbox --> */}
143-
<div class="form-check mb-4">
144-
<input
145-
class="form-check-input me-2"
146-
type="checkbox"
147-
id="form6Example8"
148-
checked
149-
/>
150-
<label class="form-check-label" for="form6Example8">
151-
Accept term &amp; conditions.
152-
</label>
153-
</div>
160+
{/* <!-- Checkbox --> */}
161+
<div class="form-check mb-4">
162+
<input
163+
class="form-check-input me-2"
164+
type="checkbox"
165+
id="form6Example8"
166+
checked
167+
/>
168+
<label class="form-check-label" for="form6Example8">
169+
Accept term &amp; conditions.
170+
</label>
171+
</div>
154172

155-
{/* <!-- Submit button --> */}
156-
<button type="submit" class="btn btn-primary btn-block mb-4">
157-
Save Information
158-
</button>
159-
<h6 className="text-center pb-5">
160-
Copyright &copy; 2021 Sanajit Jana. All Rights Reserved.
161-
</h6>
162-
</form>
173+
{/* <!-- Submit button --> */}
174+
<button type="submit" class="btn btn-primary btn-block mb-4">
175+
Save Information
176+
</button>
177+
<h6 className="text-center pb-5">
178+
Copyright &copy; {currYear} Sanajit Jana. All Rights Reserved.
179+
</h6>
180+
</form>
181+
</div>
163182
</div>
164183
</>
165184
);

0 commit comments

Comments
 (0)