{"size": 6004, "ext": "js", "max_stars_repo_path": "src/views/examples/cards.js", "max_stars_repo_name": "AbeerAl-Rafati/AbeerPortfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/views/examples/cards.js", "max_issues_repo_name": "AbeerAl-Rafati/AbeerPortfolio", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/views/examples/cards.js", "max_forks_repo_name": "AbeerAl-Rafati/AbeerPortfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 38.2420382166, "max_line_length": 118, "alphanum_fraction": 0.3897401732}



import React, { Component } from 'react'

export class cards extends Component {
  render() {
    return (

      <div className="btn-wrapper">
        <Button
          className="btn-icon mb-3 mb-sm-0"
          color="info"
          href="https://demos.creative-tim.com/argon-design-system-react/#/documentation/alerts?ref=adsr-landing-page"
        >
          <span className="btn-inner--icon mr-1">
            <i className="fa fa-code" />
          </span>
          <span className="btn-inner--text">201</span>
        </Button>
        {/* <Button
        className="btn-white btn-icon mb-3 mb-sm-0 ml-1"
        color="default"
        href="https://www.creative-tim.com/product/argon-design-system-react?ref=adsr-landing-page"
      >
        <span className="btn-inner--icon mr-1">
          <i className="ni ni-cloud-download-95" />
        </span>
        <span className="btn-inner--text">
          Download React
        </span>
      </Button> */}
      </div>,
      <section className="section section-lg pt-lg-0 mt--200">
        <Container>
          <Row className="justify-content-center">
            <Col lg="12">
              <Row className="row-grid">
                <Col lg="4">
                  <Card className="card-lift--hover shadow border-0">
                    <CardBody className="py-5">
                      <div className="icon icon-shape icon-shape-primary rounded-circle mb-4">
                        <i className="ni ni-check-bold" />
                      </div>
                      <h6 className="text-primary text-uppercase">
                        Download Argon
                    </h6>
                      <p className="description mt-3">
                        Argon is a great free UI package based on Bootstrap
                        4 that includes the most important components and
                        features.
                    </p>
                      <div>
                        <Badge color="primary" pill className="mr-1">
                          design
                      </Badge>
                        <Badge color="primary" pill className="mr-1">
                          system
                      </Badge>
                        <Badge color="primary" pill className="mr-1">
                          creative
                      </Badge>
                      </div>
                      <Button
                        className="mt-4"
                        color="primary"
                        href="#pablo"
                        onClick={e => e.preventDefault()}
                      >
                        Learn more
                    </Button>
                    </CardBody>
                  </Card>
                </Col>
                <Col lg="4">
                  <Card className="card-lift--hover shadow border-0">
                    <CardBody className="py-5">
                      <div className="icon icon-shape icon-shape-success rounded-circle mb-4">
                        <i className="ni ni-istanbul" />
                      </div>
                      <h6 className="text-success text-uppercase">
                        Build Something
                    </h6>
                      <p className="description mt-3">
                        Argon is a great free UI package based on Bootstrap
                        4 that includes the most important components and
                        features.
                    </p>
                      <div>
                        <Badge color="success" pill className="mr-1">
                          business
                      </Badge>
                        <Badge color="success" pill className="mr-1">
                          vision
                      </Badge>
                        <Badge color="success" pill className="mr-1">
                          success
                      </Badge>
                      </div>
                      <Button
                        className="mt-4"
                        color="success"
                        href="#pablo"
                        onClick={e => e.preventDefault()}
                      >
                        Learn more
                    </Button>
                    </CardBody>
                  </Card>
                </Col>
                <Col lg="4">
                  <Card className="card-lift--hover shadow border-0">
                    <CardBody className="py-5">
                      <div className="icon icon-shape icon-shape-warning rounded-circle mb-4">
                        <i className="ni ni-planet" />
                      </div>
                      <h6 className="text-warning text-uppercase">
                        Prepare Launch
                    </h6>
                      <p className="description mt-3">
                        Argon is a great free UI package based on Bootstrap
                        4 that includes the most important components and
                        features.
                    </p>
                      <div>
                        <Badge color="warning" pill className="mr-1">
                          marketing
                      </Badge>
                        <Badge color="warning" pill className="mr-1">
                          product
                      </Badge>
                        <Badge color="warning" pill className="mr-1">
                          launch
                      </Badge>
                      </div>
                      <Button
                        className="mt-4"
                        color="warning"
                        href="#pablo"
                        onClick={e => e.preventDefault()}
                      >
                        Learn more
                    </Button>
                    </CardBody>
                  </Card>
                </Col>
              </Row>
            </Col>
          </Row>
        </Container>
      </section>
    )
  }
}

export default cards
