Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

6.2 Advertisment Spaces

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

Example

Default styling

advertisment

<div class="br_1 br_black-2 br_radius br_solid p-y_4 p_2 reading-typography ">
   <div id="Adslot-x" style="width:300px; height:250px;" class="bg_acc m_auto max-w_100">
      <a href="https://www.acc.org/" target="_blank"><img src="https://picsum.photos/300/250"/></a>
   </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 reading-typography ">
   <div id="Adslot-x" style="width:300px; height:250px;" class="bg_acc m_auto max-w_100">
      <a href="https://www.acc.org/" target="_blank"><img src="https://picsum.photos/300/250"/></a>
   </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