{"size": 1662, "ext": "js", "max_stars_repo_path": "src/container/funfact/FunfactOne.js", "max_stars_repo_name": "dravod/labwebsite", "max_stars_repo_stars_event_min_datetime": "2021-01-12T16:25:55.000Z", "max_stars_repo_stars_event_max_datetime": "2021-07-21T00:03:56.000Z", "max_issues_repo_path": "src/container/funfact/FunfactOne.js", "max_issues_repo_name": "dravod/labwebsite", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/container/funfact/FunfactOne.js", "max_forks_repo_name": "dravod/labwebsite", "max_forks_repo_forks_event_min_datetime": "2021-01-20T23:52:31.000Z", "max_forks_repo_forks_event_max_datetime": "2021-01-22T16:09:50.000Z"}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 41.55, "max_line_length": 121, "alphanum_fraction": 0.3989169675}
import React from 'react';
import {Container, Row, Col} from "react-bootstrap";
import funfacts from '../../data/funfact/funfact-one.json'
import FunfactItem from "../../components/funfact/FunFactItemOne";

const FunFactOne = () => {
    return (
        <div className="bk-number-speaks section-ptb-xl bg_image--3">
            <Container>
                <Row>
                    <Col lg={6}>
                        <div className="number-speaks">
                            <div className="content wow move-up">
                                <h3 className="theme-color">NUMBER SPEAKS</h3>
                                <h2>We always ready <br/> for a <span className="secondary-color">challenge.</span></h2>
                                <a className="bk-btn theme-btn" href={process.env.PUBLIC_URI + '/'}>Learn More</a>
                            </div>
                        </div>
                    </Col>

                    <Col lg={6} className="mt_md--40 mt_sm--40">
                        <div className="speakers-number-wrap mt--n70">
                            {funfacts.map(funfact => (
                                <FunfactItem
                                    key={funfact.id}
                                    number={funfact.numbers}
                                    title={funfact.title}
                                    content={funfact.content}
                                />
                            ))}
                        </div>
                    </Col>
                </Row>
            </Container>
        </div>
    );
};

export default FunFactOne;
