This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cardiosmart_boot.css, line 8066

10.2.1 News Hero

Large Featured Rotating News Tiles and short synopsis (Emphasized Level Item)

Example

News Hero (Emphasized Level Item)

<div class="bg_cover bg_shade-5 font_1 p_4" style="background-image:url('https://picsum.photos/id/211//700/300');height: 300px;"><h1 class="c_white font_4">News Hero (Emphasized Level Item)</h1></div>

<div class="bg_cover bg_shade-5 font_1 p_4" style="background-image:url('https://picsum.photos/id/211//700/300');height: 300px;"><h1 class="c_white font_4">News Hero (Emphasized Level Item)</h1></div>

Code Sample

Copy Code