Highlights

Style 1

Nam ex purus, eleifend porta Tellus sed, hendrerit tempus lacus. Sed nibh tortor, aliquam in interdum nec, viverra vel orci. Donec non sagittis nisi, et ornare metus. Mauris laoreet ac sapien non posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Maecenas vel lacinia justo. Vivamus varius diam eu dignissim dictum. Nullam non massa vitae nunc posuere consectetur. Nullam magna nibh, luctus vel purus et, pharetra ornare diam. Maecenas ac pellentesque dui, ut fringilla sapien. Nullam et leo vel erat posuere suscipit sit amet et tellus. Duis feugiat, leo non venenatis blandit, turpis mauris tempor est, elementum egestas nibh ante eu ex.

Cras nunc ex, bibendum eu dolor vitae, bibendum tempus velit. Cras sit amet maximus nisl, non placerat enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas nec molestie magna. Quisque erat nisi, suscipit et scelerisque quis, sodales id turpis.


<div class="row">
    <div class="col-12">
        <h2>Style 1</h2>
        <p>
            <span class="highlight-primary-bg">Nam ex purus, eleifend porta</span> Tellus sed, hendrerit tempus lacus. Sed nibh tortor, aliquam in interdum nec, viverra vel orci. Donec non sagittis nisi, et ornare metus. Mauris laoreet ac
            sapien non posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
        </p>
        <p>
            Maecenas vel lacinia justo. Vivamus varius diam eu dignissim dictum. Nullam non massa vitae nunc posuere consectetur. Nullam magna nibh, luctus vel purus et, pharetra ornare diam. Maecenas ac pellentesque dui, ut fringilla
            sapien. Nullam et leo vel erat posuere suscipit sit amet et tellus. Duis feugiat, leo non venenatis blandit, turpis mauris tempor est, elementum egestas nibh ante eu ex.
        </p>
        <p>
            Cras nunc ex, bibendum eu dolor vitae, bibendum tempus velit. Cras sit amet maximus nisl, non placerat enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas nec molestie
            magna. Quisque erat nisi, suscipit et scelerisque quis, sodales id turpis.
        </p>
    </div>
</div>

Style 2

Nam ex purus, eleifend porta Tellus sed, hendrerit tempus lacus. Sed nibh tortor, aliquam in interdum nec, viverra vel orci. Donec non sagittis nisi, et ornare metus. Mauris laoreet ac sapien non posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Maecenas vel lacinia justo. Vivamus varius diam eu dignissim dictum. Nullam non massa vitae nunc posuere consectetur. Nullam magna nibh, luctus vel purus et, pharetra ornare diam. Maecenas ac pellentesque dui, ut fringilla sapien. Nullam et leo vel erat posuere suscipit sit amet et tellus. Duis feugiat, leo non venenatis blandit, turpis mauris tempor est, elementum egestas nibh ante eu ex.

Cras nunc ex, bibendum eu dolor vitae, bibendum tempus velit. Cras sit amet maximus nisl, non placerat enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas nec molestie magna. Quisque erat nisi, suscipit et scelerisque quis, sodales id turpis.


<div class="row">
    <div class="col-12">
        <h2>Style 2</h2>
        <p>
            <span class="highlight-secondary-bg">Nam ex purus, eleifend porta</span> Tellus sed, hendrerit tempus lacus. Sed nibh tortor, aliquam in interdum nec, viverra vel orci. Donec non sagittis nisi, et ornare metus. Mauris laoreet ac
            sapien non posuere. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
        </p>
        <p>
            Maecenas vel lacinia justo. Vivamus varius diam eu dignissim dictum. Nullam non massa vitae nunc posuere consectetur. Nullam magna nibh, luctus vel purus et, pharetra ornare diam. Maecenas ac pellentesque dui, ut fringilla
            sapien. Nullam et leo vel erat posuere suscipit sit amet et tellus. Duis feugiat, leo non venenatis blandit, turpis mauris tempor est, elementum egestas nibh ante eu ex.
        </p>
        <p>
            Cras nunc ex, bibendum eu dolor vitae, bibendum tempus velit. Cras sit amet maximus nisl, non placerat enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas nec molestie
            magna. Quisque erat nisi, suscipit et scelerisque quis, sodales id turpis.
        </p>
    </div>
</div>