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: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

Example

Infographics

Lorem ipsum dolor sit amet consectetur adipisicing elit. At labore dignissimos alias ratione blanditiis voluptatem tempora quod repellendus, maxime distinctio consequatur dicta cupiditate saepe fuga voluptatibus ad, veritatis laudantium? Ab!

Learn More
<div class="flex flex_column flex_row:md gap-x_4 ">
    <aside class=" br-b_2 br_none:md br_primary-3 br_solid c_acc-n1 flex_none font_10:md font_5 m-b_n3 m-t_4:md p-r_0:md p_4 self_start:md self_strech text_center">
<span class="fa-stack m-x_2 m-y_3 text-shadow_black-1">
    <i class="fa fa-file-chart-pie fa-stack-2x"></i>
</span>
    </aside>
    <main class="flex_auto br-l_1 br_black-2 br_none br_solid:md p-l_5:md p_4">
<div class="c_primary-n2 font_5 font_display text_center text_left:md">Infographics</div>
<p class="lh_2 font_1 p-b_3">Lorem ipsum dolor sit amet consectetur adipisicing elit. At labore dignissimos alias ratione blanditiis voluptatem tempora quod repellendus, maxime distinctio consequatur dicta cupiditate saepe fuga voluptatibus ad, veritatis laudantium? Ab!</p>
<section>
<a href="" class="btn_acc-primary h:undecorated undecorated m-t_0:md m-t_3 shadow_overlap-light w_100 w_auto:md">Learn More <i class="fas fa-chevron-right"></i></a>
</section>
    </main>
</div>
Copy Code