Featured content

Featured content module

A featured content module (FCM) is a “mini story” used to highlight a specific piece of content, such as a video. FCM content is featured rather than integral to the main content of the page.

Types

Standard

There is only one type of FCM layout. When the pattern appears on a page in a language that reads right to left, such as Arabic, the layout remains the same, but the text is aligned right rather than left.

HTML code snippet

<section class="o-featured-content-module">
    <div class="o-featured-content-module__text">
        <h2>Featured content</h2>
        <p>
            Lorem ipsum dolor sit amet, ei ius adhuc inani iudico, labitur
            instructior ex pri. Cu pri inani constituto, cum aeque noster
            commodo cu.
        </p>
        <a class="a-link
                  a-link--jump">
            <span class="a-link__text">Read more about the feature</span>
        </a>
    </div>
    <div class="o-featured-content-module__visual">
        <img class="o-featured-content-module__img"
            src="https://dummyimage.com/1076x606/addc91/101820"
            alt="">
    </div>
</section>

Latest Updates

Page last edited:
Show all details
Edit page