This is an accordion for the page overview

Content will fill the available width of its container.

Content can be expanded by default by providing setting the aria-expanded values to true and the in class on the .panel-collapse element.

Content and image can be flipped by adding the root level panel--about-flipped class.

Markup

<div id="{uniqueID}">
    <div class="panel panel--about [panel--about-flipped]">
        <div class="panel-heading">
            <div class="panel-title">
                <a data-toggle="collapse" data-parent="#uniqueID" href="#{uniqueID}" class="collapsed | null" aria-expanded="false | true">
                    <i class="icon icon--info"></i>
                    About Digital Finance and Crypto Assets
                </a>
            </div>
        </div>
        <div id="{uniqueID}" class="panel-collapse collapse [in]" aria-expanded="false | true">
            <div class="panel-body">
                <img class="panel__media" src="/Content/img/examples/aerial-skyscrapers.jpg">
                <p>
                    The digital transformation of finance is in full swing. CFA Institute believes
                    “AI + HI (human intelligence)” is the winning formula for successful financial
                    institutions in the future. We are dedicated to equipping practitioners and
                    policymakers with the tools needed to evaluate and incorporate data science into
                    the investment process with the highest standards. To that end, we are blending
                    well-researched thought leadership along with practical guidance around issues
                    such as the ethical challenges around the use of AI in investment management and
                    best practices for valuation, fiduciary duty, and safe custody of cryptoassets.
                </p>
            </div>
        </div>
    </div>
</div>