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.
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>
<div class="ph-items">
<h3 class="large-text-3 text-center">Programme Highlights</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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 is simply</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</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>