<Layout title="profile" classname="profile-card pages" >
     <Row className="m-t-145 ">
         <Col sm={12}>
             <Card>
                 <Card.Header className="pt-4 pb-4 d-flex justify-content-between align-items-center">
                     <h5 className="mb-0">Profile </h5>
                     <Button variant="primary" className="pl-4 pr-4">Settings </Button>
                 </Card.Header> 
                 <Card.Body>
                     <Row>
                         <Col xl={3} lg={4} md={12} className="mb-3">
                             <Card className="userprofile-card">
                                 <Card.Body className="p-0"> </Card.Body>
                             </Card>
                         </Col>
                         <Col xl={9} lg={8} md={12} className="mb-3">
                         <Row>
                             <Col lg={4} md={12} sm={4} className="upcoming-card mb-3">
                                 <Card>
                                         <Card.Header>
                                             <h5 className="mb-0 text-15">Upcoming Task </h5>
                                         </Card.Header>
                                         <Card.Body>
                                             <Upcoming/>
                                         </Card.Body>
                                  </Card>
                         </Col>
                     </Row>
                         </Col>
                         <Col>
                        ..............................
                        ...............................
                        ................................
                         </Col>
                     </Row>
                 </Card.Body>
             </Card>
         </Col>
     </Row>
 </Layout>