Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

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

14.6.4.5 Resource Package

Description: These slide blocks are used in combination with grid templates and dividers.

<article  class="c_black m-b_4 m-t_5 m-t_0:md m-t_2:lg ">
    <div class="br_1 br_radius br_solid br_black-2 flex flex_column flex_row:md font_ui h:bg_black-2 m-x_n2 relative">
        <div class="flex_none justify_center p-l_4:md p-y_3" style="width:4rem;">
            <div class="flex_none m-t_n5 m_auto m_auto:md self_center text_center" style="width:3rem;">
                <div class="aspect_1x1 bg-blend_multiply bg_cover bg_no-repeat bg_primary br_2 br_radius br_solid br_black-3 flex_shrink relative shadow_3 texture_ondemand text_center thumb">
                    <div class="absolute b_0 flex h:opacity justify_center l_0 opacity_7 r_0 self_center t_0 text_center w_100"><i class="flex_auto c_white-9 fa-file-archive fas font_2 self_center text_center w_100"></i></div>
                </div>
            </div>
        </div>
        <div class="flex_auto [ c_primary-n4  font_0 font_1:md font_copy font_regular lh_2 ][  p-x_3 p-b_0:lg p-b_3 p-l_4:lg p-l_4:md ]" >
            <div class="m-t_2 p_3 p-y_2"><a class="expanded-click-area h:undecorated" target="_blank" href="https://virtual.acc.org/docs/default-source/filesah20/journal/10-dias_exercise-training-for-patients-with-hypertrophic-cardiomyopathy.pdf?sfvrsn=fa018194_2" sfref="[documents%7COpenAccessDataProvider]c9ef138c-5f43-4524-8a51-d06907c828dc">Exercise Training for Patients With Hypertrophic Cardio myopathy: JACC Review Topic of the Week </a>
            </div>
        </div>
    </div>
    <div class="c_black flex flex_wrap font_n2 justify_between m-t_2 p-t_2">
        <div class="flex_shrink block font_bold text_left p-r_3 m-r_3 br-r_1 br_black-3 br_solid">
            <a href="#modal-disclosures" class="block h:underline uppercase" data-remote="https://disclosures.acc.org/Public/AnnualMeetingAppConsol?pid=14617" data-toggle="modal" data-target="#modal-disclosures">Article</a>
        </div>
        <div class="flex_shrink block font_italic  text_left">
            <span class="block uppercase" >Published: June 15, 2020</span>
        </div>
        <div class="flex_grow m-l_auto">
             <ul class=" gap-x_3 gap-y_3 justify_end:md justify_start self_center ul_inline-pipe uppercase">
               <li class="inline-flex items_center lh_0">
                   <span class="bg_CME br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> CME
               </li>  <li class="inline-flex items_center lh_0">
                   <span class="bg_CNE br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> CNE
               </li>  <li class="inline-flex items_center lh_0">
                   <span class="bg_COP br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> COP
               </li>  <li class="inline-flex items_center lh_0">
                   <span class="bg_MOCII br_1 br_black-3 br_circle br_solid  m-r_2" style=" height: 1em; width: 1em;"></span> MOCII
               </li></ul>        </div>
    </div>
</article>
Copy Code