Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

Murtaza free asked 4 years ago


Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)enter image description here

import React from "react"; import { MDBRow, MDBCol, MDBCard, MDBAvatar, MDBCardBody, MDBIcon } from "mdbreact";

const ProjectsPage = () => { return ( Our amazing team Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.

Anna Williams Graphic designer

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci sed quia non numquam modi tempora eius.

        <MDBCol lg="3" md="6" className="mb-lg-0 mb-5">
          <MDBAvatar
            tag="img"
            src="https://mdbootstrap.com/img/Photos/Avatars/img%20(3).jpg"
            className="rounded-circle z-depth-1 img-fluid"
            alt="Sample avatar"
          />
          <h5 className="font-weight-bold mt-4 mb-3">John Doe</h5>
          <p className="text-uppercase blue-text">Web Developer</p>
          <p className="grey-text">
            Sed ut perspiciatis unde omnis iste natus error sit voluptatem
            ipsa accusantium doloremque rem laudantium totam aperiam.
          </p>
          <ul className="list-unstyled mb-0">
            <a href="#!" className="p-2 fa-lg">
              <MDBIcon fab icon="facebook-f" className="blue-text" />
            </a>
            <a href="#!" className="p-2 fa-lg">
              <MDBIcon fab icon="instagram" className="blue-text" />
            </a>
          </ul>
        </MDBCol>

        <MDBCol lg="3" md="6" className="mb-lg-0 mb-5">
          <MDBAvatar
            tag="img"
            src="https://mdbootstrap.com/img/Photos/Avatars/img%20(30).jpg"
            className="rounded-circle z-depth-1 img-fluid"
            alt="Sample avatar"
          />
          <h5 className="font-weight-bold mt-4 mb-3">Maria Smith</h5>
          <p className="text-uppercase blue-text">Photographer</p>
          <p className="grey-text">
            Excepteur sint occaecat cupidatat non proident, sunt in culpa
            qui officia deserunt mollit anim est fugiat nulla id eu laborum.
          </p>
          <ul className="list-unstyled mb-0">
            <a href="#!" className="p-2 fa-lg">
              <MDBIcon fab icon="facebook-f" className="blue-text" />
            </a>
            <a href="#!" className="p-2 fa-lg">
              <MDBIcon fab icon="instagram" className="blue-text" />
            </a>
            <a href="#!" className="p-2 fa-lg">
              <MDBIcon fab icon="dribbble" className="blue-text" />
            </a>
          </ul>
        </MDBCol>

        <MDBCol lg="3" md="6" className="mb-lg-0 mb-5">
          <MDBAvatar
            tag="img"
            src="https://mdbootstrap.com/img/Photos/Avatars/img%20(32).jpg"
            className="rounded-circle z-depth-1 img-fluid"
            alt="Sample avatar"
          />
          <h5 className="font-weight-bold mt-4 mb-3">Tom Adams</h5>
          <p className="text-uppercase blue-text">Backend Developer</p>
          <p className="grey-text">
            Perspiciatis repellendus ad odit consequuntur, eveniet earum
            nisi qui consectetur totam officia voluptates perferendis
            voluptatibus aut.
          </p>
          <ul className="list-unstyled mb-0">
            <a href="#!" className="p-2 fa-lg">
              <MDBIcon fab icon="facebook-f" className="blue-text" />
            </a>
            <a href="#!" className="p-2 fa-lg">
              <MDBIcon fab icon="github" className="blue-text" />
            </a>
          </ul>
        </MDBCol>
      </MDBRow>
    </MDBCardBody>
  </MDBCard>

); }

export default ProjectsPage;


Jakub Chmura staff answered 4 years ago


Hi @Murtaza,

Can you explain what's your problem? You paste only code, that is not correct and causes errors.

Best, Kuba



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.25.5
  • Device: Heiar Laptop
  • Browser: Google Chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No