People

Example: Group of People

Title of Group

Overview of group.

Contact the team

First Middle LastAuthor Credential

Position

Employment Info

Address

Phone

Society Membership

Additional Information

196jvd7

Person bio

Person Name without Image

Position

Employment Info

Address

Phone

Society Membership

Additional Information

Person bio

Marg FranklinCFA

President and CEO

Chief Executive Officer, CFA Institute

915 East High Street
Charlottesville, VA 22902 USA

+1 (434) 555-0000

Member of CFA Society Toronto

Margaret Franklin, CFA, leads CFA Institute and its more than 170,000 members worldwide in promoting the highest standards of education, ethics, and professional excellence in the investment profession. She assumed her role in September 2019 and has more than 25 years of investment and wealth management experience.

Before joining CFA Institute, Margaret led International Wealth Management for North America and was president of BNY Mellon Wealth Management, Advisory Services in Canada. She also served as a board member of BNY Mellon Trust Company (Cayman). Margaret joined BNY Mellon in 2016.

Prior to joining BNY Mellon, Margaret held multiple senior management positions, including president of Marret Private Wealth and COO of Marret Asset Management, a credit and hedge fund asset manager in Toronto. During that six-year tenure, Margaret had direct oversight of all aspects of the private wealth business. Prior to joining Marret, Margaret was a partner with KJ Harrison & Partners.

Margaret began her career in the institutional business and has worked with pension plans, endowments, foundations, and government agencies at State Street Global Advisors, Mercer, and Barclays Global Investors.

She previously served as chair of CFA Institute Board of Governors and is a former president of the CFA Society Toronto Board. She is a founding member of the CFA Institute Women in Investment Initiative, a past recipient of the Alfred C. Morley Distinguished Service Award in 2014, and a member of its Future of Finance Content Council.

She is also a member of the Michael Garron Hospital Foundation Board. Margaret earned a Bachelor of Administration in Economics from McMaster University in Ontario. She is a CFA charterholder and a member of the CFA Society Toronto.

Code

HTML

<h3>Title of Group</h3>
<p>Overview of group.</p>
<a href="#" class="int-nav">Contact the team</a>
<div class="person media">
    <div class="media-left">
        <img src="/Content/img/examples/person.jpg" />
    </div>
    <div class="media-body person-data">
        <p class="h4 person-name">
            <span class="author-first">First</span>
            <span class="author-middle">Middle</span>
            <span class="author-last">Last</span><span class="author-credential">Author Credential</span>
        </p>
        <p class="person-position">Position</p>
        <p class="person-employment">Employment Info</p>
        <p class="person-address">Address</p>
        <p class="person-phone">Phone</p>
        <p class="person-society">Society Membership</p>
        <p class="person-additional">Additional Information</p>
        <p><a href="#" class="t-link"></a><a href="#" class="li-link"></a></p>
    </div>
</div>
<div class="person-bio toggle-content">
    <p>Person bio</p>
</div>
        

Documentation

Problem Being Solved

We need to display structured content about people.

When To Use

This pattern should be used to display biographical information about a group of people, e.g., Board of Governors.

When Not To use

This pattern should not be used outside of a defined people group.

Formatting

Biography section should include class "toggle-content" and javascript to toggle after 50 words.

Example: About the Author

Author Name

Author bio

First Middle LastAuthor Credential

Margaret Franklin, CFA, leads CFA Institute and its more than 170,000 members worldwide in promoting the highest standards of education, ethics, and professional excellence in the investment profession. She assumed her role in September 2019 and has more than 25 years of investment and wealth management experience.

Before joining CFA Institute, Margaret led International Wealth Management for North America and was president of BNY Mellon Wealth Management, Advisory Services in Canada. She also served as a board member of BNY Mellon Trust Company (Cayman). Margaret joined BNY Mellon in 2016.

Prior to joining BNY Mellon, Margaret held multiple senior management positions, including president of Marret Private Wealth and COO of Marret Asset Management, a credit and hedge fund asset manager in Toronto. During that six-year tenure, Margaret had direct oversight of all aspects of the private wealth business. Prior to joining Marret, Margaret was a partner with KJ Harrison & Partners.

Margaret began her career in the institutional business and has worked with pension plans, endowments, foundations, and government agencies at State Street Global Advisors, Mercer, and Barclays Global Investors.

She previously served as chair of CFA Institute Board of Governors and is a former president of the CFA Society Toronto Board. She is a founding member of the CFA Institute Women in Investment Initiative, a past recipient of the Alfred C. Morley Distinguished Service Award in 2014, and a member of its Future of Finance Content Council.

She is also a member of the Michael Garron Hospital Foundation Board. Margaret earned a Bachelor of Administration in Economics from McMaster University in Ontario. She is a CFA charterholder and a member of the CFA Society Toronto.

First Middle LastAuthor Credential

Author bio

Code

HTML

<div class="author">
    <div class="h4">Author Name</div>
</div>
<div class="person-bio toggle-content">
    <p>Author bio</p>
</div>
<div class="author">
    <div class="alt h4">
        <span class="author-first">First</span>
        <span class="author-middle">Middle</span>
        <span class="author-last">Last</span><span class="author-credential">Author Credential</span>
    </div>
    <p><a href="#" class="t-link"></a><a href="#" class="li-link"></a></p>
</div>
<div class="person-bio toggle-content">
    <p>Margaret Franklin, CFA, leads CFA Institute and its more than 170,000 members worldwide in promoting the highest standards of education, ethics, and professional excellence in the investment profession. She assumed her role in September 2019 and has more than 25 years of investment and wealth management experience.
        <br /><br />
        Before joining CFA Institute, Margaret led International Wealth Management for North America and was president of BNY Mellon Wealth Management, Advisory Services in Canada. She also served as a board member of BNY Mellon Trust Company (Cayman). Margaret joined BNY Mellon in 2016.
        <br /><br />
        Prior to joining BNY Mellon, Margaret held multiple senior management positions, including president of Marret Private Wealth and COO of Marret Asset Management, a credit and hedge fund asset manager in Toronto. During that six-year tenure, Margaret had direct oversight of all aspects of the private wealth business. Prior to joining Marret, Margaret was a partner with KJ Harrison & Partners.
        <br /><br />
        Margaret began her career in the institutional business and has worked with pension plans, endowments, foundations, and government agencies at State Street Global Advisors, Mercer, and Barclays Global Investors.
        <br /><br />
        She previously served as chair of CFA Institute Board of Governors and is a former president of the CFA Society Toronto Board. She is a founding member of the CFA Institute Women in Investment Initiative, a past recipient of the Alfred C. Morley Distinguished Service Award in 2014, and a member of its Future of Finance Content Council.
        <br /><br />
        She is also a member of the Michael Garron Hospital Foundation Board. Margaret earned a Bachelor of Administration in Economics from McMaster University in Ontario. She is a CFA charterholder and a member of the CFA Society Toronto.</p>
</div>
<div class="author media">
    <div class="media-left">
        <img src="/Content/img/examples/person.jpg" />
    </div>
    <div class="media-body">
        <div class="alt h4">
            <span class="author-first">First</span>
            <span class="author-middle">Middle</span>
            <span class="author-last">Last</span><span class="author-credential">Author Credential</span>
        </div>
        <p><a href="#" class="fb-link"></a><a href="#" class="t-link"></a><a href="#" class="li-link"></a></p>
    </div>
</div>
<div class="person-bio toggle-content">
    <p>Author bio</p>
</div>
        

Documentation

Problem Being Solved

The user needs to see information about the author of an article.

When To Use

This pattern is a component of page structures that have authors, such as article.

When Not To use

This pattern should not be used outside of a page structure.

Formatting

About the author is structurally similar to group of people, but the names and credentials must be broken out into individual spans.