import React from "react";
import { Col, Container, Row, Footer } from "mdbreact";

class FooterPage extends React.Component {
  render() {
    return (
      <Footer color="mdb-color" className="font-small lighten-3 pt-4 mt-4">
        <Container className="text-center text-md-left">
          <Row className="my-4">
           
            <hr className="clearfix w-100 d-md-none" />
            <Col md="2" lg="2" className="ml-auto">
              <h5 className="text-uppercase mb-4 font-weight-bold">About</h5>
              <ul className="list-unstyled">
                <p>
                  <a href="#!">PROJECTS</a>
                </p>
                <p>
                  <a href="#!">ABOUT US</a>
                </p>
                <p>
                  <a href="#!">BLOG</a>
                </p>
                <p>
                  <a href="#!">AWARDS</a>
                </p>
              </ul>
            </Col>
            <hr className="clearfix w-100 d-md-none" />
            <Col md="5" lg="3">
              <h5 className="text-uppercase mb-4 font-weight-bold">Address</h5>
              <p>
                <i className="fa fa-home mr-3" /> 38 Av Franklin roosevelt 77210
                Avon
              </p>
              <p>
                <i className="fa fa-envelope mr-3" />{" "}
                nadege.tchuindem.pro@gmail.com
              </p>
              <p>
                <i className="fa fa-phone mr-3" /> + 0751626384
              </p>
            </Col>
            <hr className="clearfix w-100 d-md-none" />
            <Col md="2" lg="2" className="text-center">
              <h5 className="text-uppercase mb-4 font-weight-bold">About</h5>
              <div className="mt-2 ">
                <a type="button" className="btn-floating btn-small btn-fb">
                  <i className="fa fa-facebook" />
                </a>
                <a type="button" className="btn-floating btn-small btn-tw">
                  <i className="fa fa-twitter" />
                </a>
                <a type="button" className="btn-floating btn-small btn-gplus">
                  <i className="fa fa-google-plus" />
                </a>
                <a
                  type="button"
                  className="btn-floating btn-small btn-dribbble"
                >
                  <i className="fa fa-dribbble" />
                </a>
              </div>
            </Col>
            <hr className="clearfix w-100 d-md-none" />
          </Row>
        </Container>
        <div className="footer-copyright text-center">
          <Container fluid>
            &copy; {new Date().getFullYear()} Copyright:{" "}
            <a href="#"> tots-consulting.business.site</a>
          </Container>
        </div>
      </Footer>
    );
  }
}

export default FooterPage;

{'avg_line_length': 35.275, 'max_line_length': 80, 'alphanum_fraction': 0.4365698086463501, 'licenses': ['MIT'], 'repository_name': 'nasDigibit/tots-project', 'path': 'apps/ovulation/front-end/src/components/FooterPage.js', 'size': 2822, 'lang': 'JavaScript'}