olivegroup-gamified1/olivegroup-gamified.js

sample des

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

import React, { Component } from 'react';

import { Container, Row, Col, Card } from 'react-bootstrap';

// import NoDataAvailable from './components/NoDataAvailable';

import LeftContents from './components/LeftContents';
import RightContents from './components/RightContents';

class OliveGroupGamified extends Component {
  render() {
    return (
      <Container fluid className="h-100">
        <main className="">
          <section className="">
            <div className="d-flex justify-content-between pt-4 pb-3">
              <span>Beginer - Figma Basic Breadcrumbs</span>
              <a href="#" className="d-flex align-items-center">
                <i className="btn-icons-right-arrow-back"></i>
              </a>
            </div>
          </section>
          <section className="clearfix">
            <Card body className="card-radius-xlg border-0 h-100">
              <Row className="gx-5 h-100">
                <Col sm>
                  <LeftContents />
                </Col>
                <Col sm>
                  <div className="h-100 bg-light">
                    {/* <NoDataAvailable /> */}
                    <RightContents />
                  </div>
                </Col>
              </Row>
            </Card>
          </section>
        </main>
      </Container>
    );
  }
}

export default OliveGroupGamified;