12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
-
- import Layout from "../components/layout/Layout";
- import SettingsMenu from "./../components/layout/SettingsMenu";
- function SettingsSecurity() {
- return (
- <>
- <Layout
- headTitle="Security"
- pageTitle="Security"
- pageTitleSub={"Welcome Intez Settings Security page"}
- pageClass={"dashboard"}
- parent={"Settings"}
- child={"Security"}
- >
- <SettingsMenu />
-
- <div className="row">
- <div className="col-xxl-12">
- <div className="card">
- <div className="card-header">
- <h4 className="card-title">2-step verification </h4>
- </div>
- <div className="card-body">
- <div className="verify-content ">
- <div className="d-flex align-items-center">
- <span className="me-3 icon-circle bg-primary text-white">
- <i className="ri-smartphone-line"></i>
- </span>
- <div className="primary-number">
- <p className="mb-0"><strong>+xxx xxxxxxxx60</strong></p>
- <small>Keep your primary phone number up-to-date</small>
- <br />
- <span className="text-success">Required</span>
- </div>
- </div>
- <button className=" btn btn-primary">Manage</button>
- </div>
- <hr className="dropdown-divider my-4" />
- <div className="verify-content">
- <div className="d-flex align-items-center">
- <span className="me-3 icon-circle bg-primary text-white"><i className="ri-mail-line"></i></span>
- <div className="primary-number">
- <p className="mb-0"><strong>hello@example.com</strong></p>
- <small>Keep your primary email up-to-date</small>
- <br />
- <span className="text-success">Required</span>
- </div>
- </div>
- <button className=" btn btn-primary">Manage</button>
- </div>
- <hr className="dropdown-divider my-4" />
- <div className="verify-content">
- <div className="d-flex align-items-center">
- <span className="me-3 icon-circle bg-primary text-white"><i className="ri-key-line"></i></span>
- <div className="primary-number">
- <p className="mb-0"><strong>*************</strong></p>
- <small>You can change your password</small>
- <br />
- <span className="text-success">Required</span>
- </div>
- </div>
- <button className=" btn btn-primary">Manage</button>
- </div>
-
- </div>
- </div>
- </div>
- <div className="col-xxl-12">
- <div className="card">
- <div className="card-header">
- <h4 className="card-title">Identity verification </h4>
- </div>
- <div className="card-body">
- <div className="verify-content">
- <div className="d-flex align-items-center">
- <span className="me-3 icon-circle bg-primary text-white">
- <i className="ri-lock-password-line"></i>
- </span>
- <div className="primary-number">
- <p className="mb-0">xxx xxxxx xxx40</p>
- <small>Social Security Number</small>
- <br />
- <span className="text-success">Verified</span>
- </div>
- </div>
- <button className=" btn btn-primary" data-toggle="modal"
- data-target="#idCardModal">Manage</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </Layout>
- </>
- );
- }
- export default SettingsSecurity;
|