HighlightItem

import React from 'react';
import { Row, Col, SvgIcon, Heading } from 'seduo-ui';
export default class Example extends React.Component {
    render() {
        return (
            <div className="highlight-item">
                <Row className="highlight-item__icon">
                    <Col>
                        <SvgIcon kind="People" className="highlight-item__svg" />
                    </Col>
                </Row>
                <Row>
                    <Col>
                        <Heading level={2} className="highlight-item__title">
                            290 000+
                        </Heading>
                    </Col>
                </Row>
                <Row>
                    <Col>spokojených</Col>
                </Row>
                <Row>
                    <Col>studentů</Col>
                </Row>
            </div>
        );
    }
}

HighlightList

import React from 'react';
import { Row, Col } from 'seduo-ui';
import HighlightItemExample from './HighlightItem';
export default class Example extends React.Component {
    render() {
        return (
            <div className="highlight-list">
                <div className="container">
                    <Row>
                        <Col xs={6} md={3}>
                            <HighlightItemExample />
                        </Col>
                        <Col xs={6} md={3}>
                            <HighlightItemExample />
                        </Col>
                        <Col xs={6} md={3}>
                            <HighlightItemExample />
                        </Col>
                        <Col xs={6} md={3}>
                            <HighlightItemExample />
                        </Col>
                    </Row>
                </div>
            </div>
        );
    }
}