Category Cards

Program Faculty

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-1 (Core Faculty)

faculty
Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

faculty
Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

faculty
Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. 

<div class="faculty__items-variant">
    <div class="faculty__item-variant-1">
        <div class="faculty__item-picture">
            <img src="./assets/component-images/faculty-v1.svg"
                alt="faculty" />
        </div>
        <div class="faculty__item-info">
            <div class="professor-name medium-text-1">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. His research explores the economics of technology and labor.
                </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-1">
        <div class="faculty__item-picture">
            <img src="./assets/component-images/faculty-v1.svg"
                alt="faculty" />
        </div>
        <div class="faculty__item-info">
            <div class="professor-name medium-text-1">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. His research explores the economics of technology and labor.
                </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-1">
        <div class="faculty__item-picture">
            <img src="./assets/component-images/faculty-v1.svg"
                alt="faculty" />
        </div>
        <div class="faculty__item-info">
            <div class="professor-name medium-text-1">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. His research explores the economics of technology and labor.
                </p>
                <button class="btn--transparent para--two text-accent">Button <span
                        class="blueprint-icon icon-arrow_right"></span></button>
            </div>
        </div>
    </div>
</div>