import React from "react";
import "./[Link]";
import { Input } from "antd";
const User = () => {
return (
<>
<div className="container">
<div className="row">
<div className="col-12">
<h1 className="font-size"> New Customer Registration Form</h1>
</div>
</div>
</div>
<div className="container-1">
<div className="row">
<div className="col-12-mid">
<h4 className="CS-details">Customer Details :</h4>
<p className="Uni-class">Full Name * </p>
<Input placeholder="First Name" required className="width" />
<Input placeholder="Last Name" required className="width" />
<p className="Uni-class">Address</p>
<Input placeholder="Last Name" required className="width-add" />
<p>Street address</p>
<Input placeholder="Last Name" required className="width-add" />
<p>Street address Line 2 </p>
<Input placeholder="First Name" required className="width" />
<Input placeholder="Last Name" required className="width" />
</div>
</div>
</div>
</>
);
};
export default User;
-------------------------
.container-bg-color {
background: #F3F3FE;
max-width: 99rem;
text-align: center;
}
.row{
border-radius: 555px;
}
.CS-details{
text-align: left;
}
.col-12{
.row-1{
width: 80rem;
}
.container-1{
text-align: left;
width: 80rem;
.font-size {
font-size: 1.8rem;
}
.Uni-class{
text-align: left;
}
.col-12-mid{
text-align: left;
}
.width, .width-add {
width: 20rem;
margin: 0 auto;
padding: 0.2rem;
margin: 12px;
}
.CS-details {
margin-top: 2rem;
font-size: 1.4rem;
margin-right: 10px;
}
/* Ensure the placeholder text is centered */
.ant-input {
text-align: center;
}
