IconText


A Programme Highlights section showcases key features, benefits, or modules of a program. It usually includes icons, descriptions, and visually appealing elements to attract users.

One Card

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.
<div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.
    </div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
</div>

Two Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

  <div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.
    </div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
  </div>

Three Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

  <div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.</div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
  </div>

Four Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

  <div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.</div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
  </div>   

Five Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

  <div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.</div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
  </div>   

Six Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

  <div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-4 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.</div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
  </div>   

Seven Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

  <div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-3 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-3 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.</div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
  </div>   

Eight Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

  <div class="ph-items">
    <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
          <div class="ph-item__picture">
            <img src="./assets/component-images/faculty-default.svg" alt="picture" />
          </div>
          <div class="ph-item__info">
            <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
            <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
          </div>
        </div>
      </div>
    </div>
    <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.</div>
    <div class="ph-btn">
      <button class="btn btn--primary">Button</button>
    </div>
  </div>   

Nine Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

<div class="ph-items">
  <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">

      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
  </div>
  <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.
  </div>
  <div class="ph-btn">
    <button class="btn btn--primary">Button</button>
  </div>
</div> 

Ten Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

<div class="ph-items">
  <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
  </div>
  <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.
  </div>
  <div class="ph-btn">
    <button class="btn btn--primary">Button</button>
  </div>
</div>

Eleven Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

<div class="ph-items">
  <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
  </div>
  <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.</div>
  <div class="ph-btn">
    <button class="btn btn--primary">Button</button>
  </div>
</div>

Twelve Cards

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.

<div class="ph-items">
  <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
  </div>
  <div class="ph-outro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad.
  </div>
  <div class="ph-btn">
    <button class="btn btn--primary">Button</button>
  </div>
</div>

Twelve Cards Without CTA

Lorem ipsum dolor

picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
picture
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Note:

  • Modules/ topics are indicative only, and the suggested time and sequence may be dropped/ modified/ adapted to fit the total programme hours. Case studies, real world examples and numerical illustrations are an integral part of multiple modules included in the course.

  • The primary mode of learning for this programme is via live online sessions with faculty members.

  • Post session video recordings may or may not be made available, at the discretion of faculty members.

  • Emeritus or the institute does not guarantee availability of any session recordings.


<div class="ph-items">
  <h3 class="large-text-3 text-center">Lorem ipsum dolor</h3>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
      <div class="col-12 col-sm-6 col-md-4 col-lg-3 ph-item">
        <div class="ph-item__picture">
          <img src="./assets/component-images/faculty-default.svg" alt="picture" />
        </div>
        <div class="ph-item__info">
          <div class="ph-item__title">Lorem ipsum dolor sit amet</div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
        </div>
      </div>
    </div>
  </div>
  <div class="ph-outro disclaimer-txt text--left">
  <p><b>Note:</b></p>
  <ul>
    <li>
    <p>
      Modules/ topics are indicative only, and the suggested time and sequence may be dropped/ modified/ adapted to fit the total programme hours. Case studies, real world examples and numerical illustrations are an integral part of multiple modules included in the course.</p>
    </li><li>
      <p>The primary mode of learning for this programme is via live online sessions with faculty members.</p>
    </li><li>
      <p>Post session video recordings may or may not be made available, at the discretion of faculty members.
      </p>
    </li><li>
      <p>Emeritus or the institute does not guarantee availability of any session recordings.</p>
    </li>
  </ul>
  <p>
  </p>
</div>
</div>