Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Structures

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

11.1 Header Branding Area

Conferences can have a header branding area which gives the design team the ability to add a logo, graphics, and or text to the header or the site.

<div class="relative">
    <div class="absolute b_4 r_4 l_4 b_auto:lg t_4:lg r_4:lg r_4:md l_auto:md b_4:md t_4:md justify_center flex flex_row flex_column:md flex_row:lg gap-x_4 gap-y_4">
        <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Login <i class="fas fa-sign-in p-l_2"></i></a>
        <a class="btn bg_primary-n1 h:bg_primary-n3 br_solid br_black-2 br_1 c_white h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Register</a>
   </div>
    <picture class="w_100">
        <source class="w_100" srcset="https://via.placeholder.com/1440x200.png?text=Desktop+Large" media="(min-width: 1200px)">
        <source class="w_100" srcset="https://via.placeholder.com/1200x200.png?text=Desktop" media="(min-width: 1024px)">
        <source class="w_100" srcset="https://via.placeholder.com/768x200.png?text=Tablet" media="(min-width: 768px)">
        <source class="w_100" srcset="https://via.placeholder.com/600x250.png?text=Mobile" media="(min-width: 400px)"> <source class="w_100" srcset="https://via.placeholder.com/400x300.png?text=Mobile" media="(min-width: 400px)">
        <img src="https://via.placeholder.com/400x300.png?text=Mobile" class="w_100" alt="">
    </picture>
</div>
Copy Code

Example

Default styling

User Name Log Out 
<div class="relative">
    <div class="absolute b_4 r_4 l_4 b_auto:lg t_4:lg r_4:lg r_4:md l_auto:md b_4:md t_4:md justify_center flex flex_row flex_column:md flex_row:lg gap-x_4 gap-y_4">
        <div class="bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light">
            <span class="font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3">User Name</span>
            <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Log Out <i class="fas fa-sign-out p-l_2"></i></a>
        </div>
    </div>    <picture class="w_100">
        <source class="w_100" srcset="https://via.placeholder.com/1440x200.png?text=Desktop+Large" media="(min-width: 1200px)">
        <source class="w_100" srcset="https://via.placeholder.com/1200x200.png?text=Desktop" media="(min-width: 1024px)">
        <source class="w_100" srcset="https://via.placeholder.com/768x200.png?text=Tablet" media="(min-width: 768px)">
        <source class="w_100" srcset="https://via.placeholder.com/600x250.png?text=Mobile" media="(min-width: 400px)"> <source class="w_100" srcset="https://via.placeholder.com/400x300.png?text=Mobile" media="(min-width: 400px)">
        <img src="https://via.placeholder.com/400x300.png?text=Mobile" class="w_100" alt="">
    </picture>
</div>
Copy Code

Example

Default styling

User Name Log Out 
<div class="absolute b_4 r_4 l_4 b_auto:lg t_4:lg r_4:lg r_4:md l_auto:md b_4:md t_4:md justify_center flex flex_row flex_column:md flex_row:lg gap-x_4 gap-y_4">
    <div class="bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light">
        <span class="font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3">User Name</span>
        <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Log Out <i class="fas fa-sign-out p-l_2"></i></a>
    </div>
</div>
Copy Code

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

11.1.3 Unsafe Area

Description: Because the UI is floats on top of the images there are area that are unsafe to contain text.

<div class="relative m-t_4 overflow-hidden" style="width:1400px">
<div class="absolute b_4 r_4 l_4 b_auto:lg t_4:lg r_4:lg r_4:md l_auto:md b_4:md t_4:md justify_center flex flex_row flex_column:md flex_row:lg gap-x_4 gap-y_4">
    <div class="bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light">
        <span class="font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3">User Name</span>
        <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Log Out <i class="fas fa-sign-out p-l_2"></i></a>
    </div>
</div><div class="absolute b_0 bg_alert font_5 font_xbold grid justify_center opacity_5 r_0 self_center t_0 text_center" style="width:250px"><span class="self_center c_black font-blend_color-burn">UNSAFE</span></div>
	<img
		class="w_100"
		src="https://via.placeholder.com/1440x200.png?text=Desktop+Large+1440x200"
	/>
</div>
<div class="relative m-t_4  overflow-hidden" style="width:1200px">
 <div class="absolute b_4 r_4 l_4 b_auto:lg t_4:lg r_4:lg r_4:md l_auto:md b_4:md t_4:md justify_center flex flex_row flex_column:md flex_row:lg gap-x_4 gap-y_4">
     <div class="bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light">
         <span class="font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3">User Name</span>
         <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Log Out <i class="fas fa-sign-out p-l_2"></i></a>
     </div>
 </div><div class="absolute b_0 bg_alert font_5 font_xbold grid justify_center opacity_5 r_0 self_center t_0 text_center" style="width:250px"><span class="self_center c_black font-blend_color-burn">UNSAFE</span></div>
	<img
		class="w_100"
		src="https://via.placeholder.com/1200x200.png?text=Desktop+1200x200"
	/>
</div>
<div class="relative m-t_4  overflow-hidden" style="width:768px">
 <div class="absolute b_4 r_4 l_4 b_auto:lg t_4:lg r_4:lg r_4:md l_auto:md b_4:md t_4:md justify_center flex flex_row flex_column:md flex_row:lg gap-x_4 gap-y_4">
     <div class="bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light">
         <span class="font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3">User Name</span>
         <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Log Out <i class="fas fa-sign-out p-l_2"></i></a>
     </div>
 </div><div class="absolute b_0 bg_alert font_5 font_xbold grid justify_center opacity_5 r_0 self_center t_0 text_center" style="width:250px"><span class="self_center c_black font-blend_color-burn">UNSAFE</span></div>
	<img
		class="w_100"
		src="https://via.placeholder.com/768x200.png?text=Tablet+768x200"
	/>
</div>
<div class="relative m-t_4  overflow-hidden"  style="width:600px">
<div class="absolute r_4 l_auto b_4 t_auto justify_center flex flex_column gap-x_4 gap-y_4">
     <div class="bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light">
         <span class="font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3">User Name</span>
         <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Log Out <i class="fas fa-sign-out p-l_2"></i></a>
     </div>
 </div>
<div class="absolute b_0 bg_alert font_5 font_xbold grid justify_center opacity_5 r_0 self_center l_0 text_center" style="height:100px"><span class="self_center c_black font-blend_color-burn">UNSAFE</span></div>
	<img
		class="w_100"
		src="https://via.placeholder.com/600x250.png?text=Mobile+600x250"
	/>
</div>
<div class="relative m-t_4  overflow-hidden" style="width:400px">
<div class="absolute b_4 r_4 l_4 justify_center flex flex_row flex_column gap-x_4 gap-y_4">
     <div class="bg_secondary-2 br_1 br_black-3 br_radius br_solid:lg br_none c_white font_medium font_ui gap-x_3 inline-block inline-flex justify_end m-x_2 p_2:lg p_0 relative shadow_overlap-light">
         <span class="font_bold font_ui self_center vertical-align_middle display_none inline:md p-x_3">User Name</span>
         <a class="btn bg_accent-n1 h:bg_accent-n3 br_solid br_black-2 br_1 c_white  h:c_white uppercase shadow_overlap-light font_ui font_bold" href="#">Log Out <i class="fas fa-sign-out p-l_2"></i></a>
     </div>
 </div>
<div class="absolute b_0 bg_alert font_5 font_xbold grid justify_center opacity_5 r_0 self_center l_0 text_center" style="height:100px"><span class="self_center c_black font-blend_color-burn">UNSAFE</span></div>
	<img
		class="w_100"
		src="https://via.placeholder.com/400x300.png?text=Mobile+400x300"
	/>
</div>
Copy Code

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

11.2 Alpha List

Long list of alpha ordered items with quick link jumping to the letter.

Example

Default styling

Alpha List

top
R
  • Rafi Iles Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Rhiann Best Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Romana Ibarra Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Roseanne Bridges Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Roy Squires Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
S
  • Sammy Christie Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sanjeev Hatfield Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Scarlett-Rose Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sioned Enriquez Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sophia-Rose Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sorcha Avery Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sulayman Wells Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sumaiya Millington Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sammy Christie Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sanjeev Hatfield Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Scarlett-Rose Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sioned Enriquez Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sophia-Rose Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sorcha Avery Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sulayman Wells Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sumaiya Millington Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sammy Christie Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sanjeev Hatfield Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Scarlett-Rose Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sioned Enriquez Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sophia-Rose Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sorcha Avery Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sulayman Wells Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Sumaiya Millington Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
T
  • Tatiana Buchanan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Terrell Healy Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tolga Monaghan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tyriq Perry Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tatiana Buchanan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Terrell Healy Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tolga Monaghan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tyriq Perry Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tatiana Buchanan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Terrell Healy Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tolga Monaghan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tyriq Perry Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tatiana Buchanan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Terrell Healy Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tolga Monaghan Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA
  • Tyriq Perry Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA 
<h1 id="AlphaNavTop" class="font_4 c_primary" >Alpha List</h1>
<section class="relative p-t_2">
    <div class=" sticky t_0 r_0 z_1">
        <div class="absolute r_4 t_0  flex flex_row flex_nowrap gap-x_3">
        <!--  Helper Jump links -->
        <a class="br-tl_square br-tr_square br_radius btn btn-accent btn-sm grid items_center justify_center m-l_auto self_center shadow_3" href="#AlphaNavTop">
        <span><i class="fas fa-arrow-up"></i> top</span>
        </a>
        <!--  Helper Jump links -->
        </div>
    </div>
<nav class="bg_white br_radius grid items_center p_3 p_4:lg relative shadow_overlap-light z_2 m-t_n2">
        <ul class="c_secondary-2 flex:lg flex_row font_bold gap_4 grid columns_5 justify_around:lg justify_center m-x_4 m-y_3 ul_none">
            <li class="c_black-7  text_center">A</li>
            <li class="c_black-7  text_center">B</li>
            <li class="c_black-7  text_center">C</li>
            <li class="c_black-7  text_center">D</li>
            <li class="c_black-7  text_center">E</li>
            <li class="c_black-7  text_center">F</li>
            <li class="c_black-7  text_center">G</li>
            <li class="c_black-7  text_center">H</li>
            <li class="c_black-7  text_center">I</li>
            <li class="c_black-7  text_center">J</li>
            <li class="c_black-7  text_center">K</li>
            <li class="c_black-7  text_center">L</li>
            <li class="c_black-7  text_center">M</li>
            <li class="c_black-7  text_center">N</li>
            <li class="c_black-7  text_center">O</li>
            <li class="c_black-7  text_center">P</li>
            <li class="c_black-7  text_center">Q</li>
            <li class="c_black-7  text_center"><a class="bg_primary-4 br_radius h:c_white h:bg_primary-n3 p-x_3 block h:undecorated"href="#R">R</a></li>
            <li class="c_black-7  text_center"><a class="bg_primary-4 br_radius h:c_white h:bg_primary-n3 p-x_3 block h:undecorated"href="#S">S</a></li>
            <li class="c_black-7  text_center"><a class="bg_primary-4 br_radius h:c_white h:bg_primary-n3 p-x_3 block h:undecorated"href="#T">T</a></li>
            <li class="c_black-7  text_center">U</li>
            <li class="c_black-7  text_center">V</li>
            <li class="c_black-7  text_center">W</li>
            <li class="c_black-7  text_center">X</li>
            <li class="c_black-7  text_center">Y</li>
            <li class="c_black-7  text_center">Z</li>
        </ul>
    </nav>
    <div id="R" class="relative br-t_1 br_dotted br_primary-3 w_100  p-y_4 font_0 flex_row flex" >
        <div class="flex_none"><div class="c_white font_8 font_accent font_bold inline-block uppercase shadow_overlap-light bg_primary-n2 lh_0 br_radius p_2 p-x_4 m-x_3 sticky t_4  flex_none">R</div></div>
        <ul class="flex_auto gap-x_5 gap-y_4 grid columns_1 columns_2:md columns_3:lg p-t_0 p_4 ul_none">
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Rafi Iles
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Rhiann Best
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Romana Ibarra
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Roseanne Bridges
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Roy Squires
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
        </ul>
    </div>
    <div id="S" class="relative br-t_1 br_dotted br_primary-3 w_100  p-y_4 font_0 flex_row flex" >
        <div class="flex_none"><div class="c_white font_8 font_accent font_bold inline-block uppercase shadow_overlap-light bg_primary-n2 lh_0 br_radius p_2 p-x_4 m-x_3 sticky t_4  flex_none">S</div></div>
        <ul class="flex_auto gap-x_5 gap-y_4 grid columns_1 columns_2:md columns_3:lg p-t_0 p_4 ul_none">
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sammy Christie
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sanjeev Hatfield
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Scarlett-Rose
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sioned Enriquez
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sophia-Rose
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sorcha Avery
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sulayman Wells
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sumaiya Millington
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sammy Christie
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sanjeev Hatfield
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Scarlett-Rose
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sioned Enriquez
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sophia-Rose
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sorcha Avery
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sulayman Wells
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sumaiya Millington
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sammy Christie
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sanjeev Hatfield
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Scarlett-Rose
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sioned Enriquez
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sophia-Rose
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sorcha Avery
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sulayman Wells
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Sumaiya Millington
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
        </ul>
    </div>
    <div id="T" class="relative br-t_1 br_dotted br_primary-3 w_100  p-y_4 font_0 flex_row flex" >
        <div class="flex_none"><div class="c_white font_8 font_accent font_bold inline-block uppercase shadow_overlap-light bg_primary-n2 lh_0 br_radius p_2 p-x_4 m-x_3 sticky t_4  flex_none">T</div></div>
        <ul class="flex_auto gap-x_5 gap-y_4 grid columns_1 columns_2:md columns_3:lg p-t_0 p_4 ul_none">
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tatiana Buchanan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Terrell Healy
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tolga Monaghan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tyriq Perry
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tatiana Buchanan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Terrell Healy
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tolga Monaghan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tyriq Perry
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tatiana Buchanan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Terrell Healy
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tolga Monaghan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tyriq Perry
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tatiana Buchanan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Terrell Healy
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tolga Monaghan
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
            <li><span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    Tyriq Perry
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span></li>
        </ul>
    </div>
</section>
Copy Code

Example

Default styling

relative br-t_1 br_dotted br_primary-3 w_100 p-y_4 font_0 flex_row flex 
relative br-t_1 br_dotted br_primary-3 w_100  p-y_4 font_0 flex_row flex
Copy Code

Example

Default styling

c_black-7 text_center 
c_black-7  text_center
Copy Code

Example

Default styling

bg_primary-4 br_radius h:c_white h:bg_primary-n3 p-x_3 block h:undecorated 
bg_primary-4 br_radius h:c_white h:bg_primary-n3 p-x_3 block h:undecorated
Copy Code

Example

Default styling

flex_auto gap-x_5 gap-y_4 grid columns_1 columns_2:md columns_3:lg p-t_0 p_4 ul_none 
flex_auto gap-x_5 gap-y_4 grid columns_1 columns_2:md columns_3:lg p-t_0 p_4 ul_none
Copy Code

Example

Default styling

Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital New York, NY, USA 
<span class="p-y_3 lh_1">
<span data-name="newMember__name" class="block font_display c_primary-n2 font-size_up lh_0 m-b_3">
    
</span>
<span data-name="newMember__title" class="block font-size_down-1 lh_1 m-b_2 c_black-8">
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital</span>
<span data-name="newMember__location" class="block font-size_down-2 c_black-6">
    New York, NY, USA</span>
</span>
Copy Code

Example

Default styling

c_white font_8 font_accent font_bold inline-block uppercase shadow_overlap-light bg_primary-n2 lh_0 br_radius p_2 p-x_4 m-x_3 sticky t_4 flex_none 
c_white font_8 font_accent font_bold inline-block uppercase shadow_overlap-light bg_primary-n2 lh_0 br_radius p_2 p-x_4 m-x_3 sticky t_4  flex_none
Copy Code

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

11.3 Call-to-Action Card

Description: Some content areas are chunked out to drive usage through a call to action card.

Example

Default styling

Member Section

Connect with ACC’s Sports and Exercise Member Section, THE home for sports and exercise professionals within the ACC, advocating for and advancing the priorities of the community, and serving as a College-wide resource for issues related to sports and exercise professionals.

Call to Action 
<div class="br_radius flex flex_column justify_between p-x_5:lg p_4 shadow_overlap-light br_black-3 br_solid br_1">
<h2 class="font_bold c_primary m-t_0 block">Member Section</h2>
<p class="lh_3">Connect with ACC’s Sports and Exercise Member Section, THE home for sports and exercise professionals within the ACC, advocating for and advancing the priorities of the community, and serving as a College-wide resource for issues related to sports and exercise professionals.  </p>
<a class="block br_radius btn btn-block btn-lg btn-secondary btn_lg m-b_3 m_auto shadow_overlap-light w_100">Call to Action</a>
</div>
Copy Code

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

11.4.1 Certified Education Block

Description: This block is added to all sites that offer any level of certification. Most of it links to other area or products but the user must see it on pages.

Example

Default styling

Certified Education Credit Claim

This section of Care of the Athletic Heart 2020 Virtual contains certified education content. If a session offers credit, it is indicated. Credit information and disclosures may be accessed by selecting the below button.

Credit must be claimed by December 31, 2020, 5:00 PM ET. You may only complete the evaluation and credit claim once; therefore, please do not proceed until you have finished your participation in the certified content for which you wish to claim credit.

Evaluation & Credit Claim Credit Information & Disclosures 
<div class="br_round p_4 p-x_5:lg shadow_emboss-light texture_light m-b_5"><h2 class="font_medium c_primary">Certified Education Credit Claim
            </h2><div class="font_0 font_copy"><p>This section of Care of the Athletic Heart 2020 Virtual contains certified education content. If a session offers credit, it is indicated. Credit information and disclosures may be accessed by selecting the below button.
                </p><p><strong class="font_bold">Credit must be claimed by
						December 31, 2020, 5:00 PM ET. </strong>You may only complete the evaluation and credit claim once; therefore, please do not proceed until you have finished your participation in the certified content for which you wish to claim credit.
                </p></div><a  class="btn br_radius max-w_20 m_auto m-b_3 block shadow_overlap-light btn-primary" href="#" target="_blank">Evaluation &amp; Credit Claim</a>
 <a href="#" class="btn br_radius max-w_20 m_auto m-b_3 block shadow_overlap-light btn-primary" target="_blank">Credit Information &amp; Disclosures</a>
 </div>
Copy Code

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

11.5 External Resource

External Sections of content that are helpful to cross promote other products from the conferences.

<article class="aspect_21x9 bg-blend_luminosity relative bg_cover bg_no-repeat bg_[modifier]-2 br_1 br_black-3 br_radius br_solid flex_shrink generic_video generic_video-nolabel h:bg_secondary-n2 relative shadow_3 text_center c_[modifier]-4">
    <em class="opacity_5 absolute t_1 r_2 fas font_4 fa-external-link-square-alt"></em>
    <a class="block font_7 font_6:md font_9:lg font_display font_xbold h:undecorated m_0 p_4 p_5:lg text_left uppercase c_inherit expanded-click-area" style="line-height: .85em" href="https://www.acc.org/latest-in-cardiology/features/accs-coronavirus-disease-2019-covid-19-hub?_ga=2.121293644.574512269.1591713176-49927898.1591404069#sort=%40fcommonsortdate90022%20descending" target="_blank"><span class="font_3 font_4:md m_0 m-l_0 m-b_n2 lh_0 block m-b_2">ACC’s</span>
    <span class=" block">COVID-19 HUB</span>
 </a>
 </article>
Copy Code

Example

Default styling

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius vitae ex minus voluptas, debitis consequuntur, voluptatem, ad nostrum quod eum pariatur natus? Aspernatur repellendus a sapiente iure quibusdam molestias nulla?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius vitae ex minus voluptas, debitis consequuntur, voluptatem, ad nostrum quod eum pariatur natus? Aspernatur repellendus a sapiente iure quibusdam molestias nulla?

Dolorem quo eos quibusdam illo eveniet. Eius repellendus totam nam atque aut dicta molestias et. Molestiae nobis rerum possimus voluptatem non. Natus soluta aliquam occaecati libero blanditiis sed sed non. Aut asperiores enim ut mollitia. Ea aliquam exercitationem consectetur temporibus laudantium harum voluptatem.Blanditiis sapiente accusantium in dolorem adipisci. Quibusdam nihil voluptates tempora. Itaque nihil iste nulla assumenda velit nam et corporis dolorem. Illo ea officia quibusdam harum. At quisquam ullam nam. Fugiat et debitis.

<div class="flex flex_row:lg flex_column">
    <div class="flex_none:lg self_center self_start:lg"><img src="https://picsum.photos/260/240" alt="" class="w_100 max-w_25:lg"></div>
    <div class="flex_auto p-x_5:lg p-y_4 p-y_0:lg ">
    <main class="reading-typography">
            <h3 class="">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius vitae ex minus voluptas, debitis consequuntur, voluptatem, ad nostrum quod eum pariatur natus? Aspernatur repellendus a sapiente iure quibusdam molestias nulla?</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius vitae ex minus voluptas, debitis consequuntur, voluptatem, ad nostrum quod eum pariatur natus? Aspernatur repellendus a sapiente iure quibusdam molestias nulla?</p>
            <p>Dolorem quo eos quibusdam illo eveniet. Eius repellendus totam nam atque aut dicta molestias et. Molestiae nobis rerum possimus voluptatem non. Natus soluta aliquam occaecati libero blanditiis sed sed non. Aut asperiores enim ut mollitia. Ea aliquam exercitationem consectetur temporibus laudantium harum voluptatem.Blanditiis sapiente accusantium in dolorem adipisci. Quibusdam nihil voluptates tempora. Itaque nihil iste nulla assumenda velit nam et corporis dolorem. Illo ea officia quibusdam harum. At quisquam ullam nam. Fugiat et debitis.</p>
        </main>
        <footer>
            <a href="https://www.acc.org/-/media/Non-Clinical/Files-PDFs-Excel-MS-Word-etc/Meetings/2021/Agendas/NYCVS-2021-Agenda.pdf?la=en&amp;hash=07D2FBA41852DA1B120569EAE9D96E8EEBB9F6B5&amp;_ga=2.39127523.1324976227.1642517088-301418094.1638216724" class="btn br_radius max-w_30 m_auto m-b_3 block shadow_overlap-light btn-primary c_white h:undecorated" target="_blank">Download Agenda</a>
        </footer>
    </div>
</div>
Copy Code