text: import React, { Component } from "react";
  import { Link } from "react-router-dom";
  import { Col, Container, Row } from "reactstrap";
  
  // import images
  import online from "../../assets/images/course/online/ab01.jpg";
  
  export default class Team extends Component {
    render() {
      return (
        <React.Fragment>
          <Container>
            <Row className="align-items-center">
              <Col lg={5} md={6}>
                <img
                  src={online}
                  className="img-fluid rounded-md shadow-lg"
                  alt=""
                />
              </Col>
  
              <Col lg={7} md={6} className="mt-4 pt-2 mt-sm-0 pt-sm-0">
                <div className="section-title text-md-start text-center">
                  <h4 className="title mb-4">
                    Collaborate with your <br /> team anytime and anywhare.
                  </h4>
                  <p className="text-muted mb-0 para-desc">
                    Start working with{" "}
                    <span className="text-primary fw-bold">
                      Air99
                    </span>{" "}
                    that can provide everything you need to generate awareness,
                    drive traffic, connect.
                  </p>
  
                  <div className="d-flex align-items-center text-start mt-4 pt-2">
                    <div className="text-primary h4 mb-0 me-3 p-3 rounded-md shadow">
                      <i className="uil uil-capture"></i>
                    </div>
                    <div className="flex-1">
                      <Link to="#" className="text-dark h6">
                        Find Better Leads
                      </Link>
                    </div>
                  </div>
  
                  <div className="d-flex align-items-center text-start mt-4">
                    <div className="text-primary h4 mb-0 me-3 p-3 rounded-md shadow">
                      <i className="uil uil-file"></i>
                    </div>
                    <div className="flex-1">
                      <Link to="#" className="text-dark h6">
                        Set Instant Metting
                      </Link>
                    </div>
                  </div>
  
                  <div className="d-flex align-items-center text-start mt-4">
                    <div className="text-primary h4 mb-0 me-3 p-3 rounded-md shadow">
                      <i className="uil uil-credit-card-search"></i>
                    </div>
                    <div className="flex-1">
                      <Link to="#" className="text-dark h6">
                        Get Paid Seemlessly
                      </Link>
                    </div>
                  </div>
                </div>
              </Col>
            </Row>
          </Container>
        </React.Fragment>
      );
    }
  }
  