A Faculty Section is used to display faculty members of an organization, university, or team. It usually includes a photo, name, designation, bio, and social media links.
Variant-3 (Past industry speakers or Success coaches)
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<div class="faculty__items-variant-3">
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
<div class="faculty__item-variant-3">
<div class="faculty__item-picture">
<img src="./assets/component-images/faculty-v2.svg"
alt="faculty" />
</div>
<div class="faculty__item-info">
<div class="professor-name medium-text-2">Lorem Ipsum</div>
<div class="professor-desc text-color">
<p class="professor-desc-bio para--two">
Lorem Ipsum is an associate professor of operations, information and decisions at the Wharton
School.
</p>
<button class="btn--transparent para--two text-accent">Button <span class="blueprint-icon icon-arrow_right"></span></button>
</div>
</div>
</div>
</div>