text: import React, {Component, Fragment} from 'react';
  import {Button, Card, Col, Container, Form, Row} from "react-bootstrap";
  
  class UserOnboard extends Component {
      render() {
          return (
              <Fragment>
                  <Container className="TopSection">
                      <Row className="p-2">
                          <Col className="shadow-sm bg-white mt-2" md={12} lg={12} sm={12} xs={12}>
                              <Row className="text-center ">
                                  <Col className="d-flex justify-content-center" md={6} lg={6} sm={12} xs={12}>
                                      <Form className=" onboardForm">
                                          <h4 className="section-title">USER SING IN</h4>
                                          <h6 className="section-sub-title">Please Enter Your Mobile No, And Go Next</h6>
                                          <input className="form-control m-2" type="text" placeholder="Mobile Number"/>
                                          <Button className="btn btn-block m-2 site-btn">Next</Button>
                                      </Form>
                                  </Col>
                                  <Col className="p-0 Desktop m-0" md={6} lg={6} sm={6} xs={6}>
                                      <img className="onboardBanner" src="Images/otppagebanner.png"/>
                                  </Col>
                              </Row>
                          </Col>
                      </Row>
                  </Container>
              </Fragment>
          );
      }
  }
  
  export default UserOnboard;