{"size": 2671, "ext": "js", "max_stars_repo_path": "resources/js/src/components/common/appAbout/AppAbout.js", "max_stars_repo_name": "Le-Tuan-2704/crud_reactjs", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "resources/js/src/components/common/appAbout/AppAbout.js", "max_issues_repo_name": "Le-Tuan-2704/crud_reactjs", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "resources/js/src/components/common/appAbout/AppAbout.js", "max_forks_repo_name": "Le-Tuan-2704/crud_reactjs", "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": 41.734375, "max_line_length": 134, "alphanum_fraction": 0.4687383003}
import { Col, Row } from 'antd';
import React from 'react';

const items = [
    {
        key: '1',
        icon: <i className="fas fa-chart-pie"></i>,
        title: 'High Performance',
        content: 'cu nostro dissentias consectetuer mel. Ut admodum conceptam mei, cu eam tation fabulas abhorreant. His ex mandamus.'
    },
    {
        key: '2',
        icon: <i className="fas fa-desktop"></i>,
        title: 'Flat Design',
        content: 'cu nostro dissentias consectetuer mel. Ut admodum conceptam mei, cu eam tation fabulas abhorreant. His ex mandamus.'
    },
    {
        key: '3',
        icon: <i className="fas fa-database"></i>,
        title: 'Simplified Workflow',
        content: 'cu nostro dissentias consectetuer mel. Ut admodum conceptam mei, cu eam tation fabulas abhorreant. His ex mandamus.'
    }
]

function AppAbout(props) {
    return (
        <div id="about" className="block aboutBlock">
            <div className="container-fluid">
                <div className="titleHolder">
                    <h2>About Us</h2>
                    <p>dolor sit amet, consectetur adipisicing elit</p>
                </div>
                <div className="contentHolder">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit necessitatibus officiis repudiandae
                        est deserunt delectus dolorem iure porro distinctio fuga, nostrum doloremque. Facilis porro in
                        laborum dolor amet ratione hic? Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                        Magnam aut a porro, adipisci quidem sint enim pariatur ducimus, saepe voluptatibus inventore commodi!
                        Quis, explicabo molestias libero tenetur temporibus perspiciatis deserunt.
                    </p>
                </div>
                <Row gutter={[16, 16]}>
                    {
                        items.map(item => {
                            return (
                                <Col md={{ span: 8 }} key={item.key}>
                                    <div className="content">
                                        <div className="icon">
                                            {item.icon}
                                        </div>
                                        <h3>{item.title}</h3>
                                        <p>{item.content}</p>
                                    </div>
                                </Col>
                            )
                        })
                    }
                </Row>
            </div>
        </div>
    );
}

export default AppAbout;