Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 8117

13.12.1.2 Auxiliary Data Not Accredited

Description: Most players have auxiliary data zones that describe the playing element through credits, tags, and categories.

Sub.Credits.NonAccredited - Non Accredited Sub.FacultyList.AuxSession - Session Faculty Lists Sub.Credits.Dots - Credit Dots Sub.Tags.Category - Category Sub.Tags.Filter - Tags
Sub Components in Design:

    Example

    Default styling

    <aside class="flex_none max-w_20:md max-w_25:lg w_100 ">
    <div class="bg_secondary-n3 br_radius c_white font-size_down m-b_4 p_3 shadow_overlap-light">
     <strong class="font_xbold uppercase"><i class="fas fa-info-circle p-r_3"></i>Industry Session | Nonaccredited</strong>    </div>
    <h4 class="font-size_up c_black-6 font_medium capitalize"><i class="fas fa-users p-r_3"></i> Role Type 1</h4>
    <div class="p-y_3 br-t_1  br_primary-2 br_solid font-size_down">
    <ul class="ul_inline-semicolon font_regular font_copy">
      <li>Marty Little <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
      <li>Eileen Marvin <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
      <li>Chelsea Dach DVM <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
    </ul>
    </div>
    <h4 class="font-size_up c_black-6 font_medium capitalize"><i class="fas fa-users p-r_3"></i> Role Type 2</h4>
    <div class="p-y_3 br-t_1  br_primary-2 br_solid font-size_down">
    <ul class="ul_inline-semicolon font_regular font_copy">
      <li>Wm Price<span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
      <li>Mrs. Jeffrey Cartwright <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
      <li>CEmmett Spencer<span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
    </ul>
    </div>    <h4 class="font-size_up  c_black-6 font_medium"><i class="fas fa-tag p-r_3"></i>category</h4>
    <div class="br-t_1  br_primary-2 br_solid p-y_3 c_black-7 font-size_down">
        <ul class="ul_inline-comma">
          <li>Channel 1</li>
          <li>Navigating Health Care Economics</li>
        </ul>    </div>
    <h4 class="font-size_up  c_black-6 font_medium"><i class="fas fa-tags p-r_3"></i>tags</h4>
    <div class="br-t_1  br_primary-2 br_solid p-y_3 c_black-7 font-size_down">
      <ul class="ul_inline-comma">
        <li>Tag Name 1</li>
        <li>Daugherty - Larkin</li>
        <li>relationships</li>
        <li>web-readiness</li>
      </ul>    </div>
</aside>
    Copy Code