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

Source: dist/css/acc_boot.css, line 7289

5.2 Advertisment Spaces

Advertising comes in static size so wrapper areas ease the alignment issues when in shared column spaces.

Example

advertisment

<div class="br_1 br_black-2 br_radius br_solid p-y_4 p_2">
   <div id="Adslot-x" style="width:300px; height:250px;" class="bg_acc m_auto max-w_100">
      <img src="https://picsum.photos/300/250"/>
   </div>
   <small class="block c_black-5 font_n2 m-b_n3 m-t_2 text_center uppercase">advertisment</small>
</div>

<div class="br_1 br_black-2 br_radius br_solid p-y_4 p_2">
   <div id="Adslot-x" style="width:300px; height:250px;" class="bg_acc m_auto max-w_100">
      <img src="https://picsum.photos/300/250"/>
   </div>
   <small class="block c_black-5 font_n2 m-b_n3 m-t_2 text_center uppercase">advertisment</small>
</div>

Code Sample

Copy Code