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: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

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

4.1.2.1 Award + Status

Awards are blocks design to display the awards for the conference.

Example

Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion [Column]

  • 1st place
    Pepper H. Soda III, MD, FACC
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2st place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2st place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2st place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2st place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2st place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA

Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion [Row]

  • 1st place
    Pepper H. Soda III, MD, FACC
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2nd place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2nd place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 1st place
    Pepper H. Soda III, MD, FACC
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2nd place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA
  • 2nd place
    Pepper H. Soda III, MD, FACC
    Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital
    New York, NY, USA 
<h2 class="font_3:lg font_2 font_display font_bold c_primary-n3">Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion [Column]</h2>
<ul class="ul_none m_0 m-b_4 p_0 grid grid-col_4:lg gap_4 grid-col_3:md grid-col_1">
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column relative br_black-1 br_solid br_1">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">1<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_column font_1:lg font_0 m-t_5 flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<img
				    class="aspect_1x1 w_100"
				    src="https://i.pravatar.cc/300"
				    alt="Pepper H. Soda III, MD, FACC"
				/>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column relative br_black-1 br_solid br_1">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_column font_1:lg font_0 m-t_5 flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
		<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column relative br_black-1 br_solid br_1">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_column font_1:lg font_0 m-t_5 flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column relative br_black-1 br_solid br_1">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_column font_1:lg font_0 m-t_5 flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column relative br_black-1 br_solid br_1">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_column font_1:lg font_0 m-t_5 flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
		<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column relative br_black-1 br_solid br_1">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_column font_1:lg font_0 m-t_5 flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
</ul>
<h2 class="font_3:lg font_2 font_display font_bold c_primary-n3">Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion [Row]</h2>
<ul class="ul_none m_0 m-b_4 p_0 grid grid-col_2:lg grid-col_1  gap_4">
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column flex_row:md relative br_black-1 br_solid br_1 m-b_3">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">1<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_row:lg font_1:lg font_0 items_start m-t_5 m-t_0:lg flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<img
				    class="aspect_1x1 w_100"
				    src="https://i.pravatar.cc/300"
				    alt="Pepper H. Soda III, MD, FACC"
				/>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column flex_row:md relative br_black-1 br_solid br_1 m-b_3">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>nd</sup> place</div>
		<div data-name="awardee" class="flex_row:lg font_1:lg font_0 items_start m-t_5 m-t_0:lg flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column flex_row:md relative br_black-1 br_solid br_1 m-b_3">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>nd</sup> place</div>
		<div data-name="awardee" class="flex_row:lg font_1:lg font_0 items_start m-t_5 m-t_0:lg flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column flex_row:md relative br_black-1 br_solid br_1 m-b_3">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">1<sup>st</sup> place</div>
		<div data-name="awardee" class="flex_row:lg font_1:lg font_0 items_start m-t_5 m-t_0:lg flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<img
				    class="aspect_1x1 w_100"
				    src="https://i.pravatar.cc/300"
				    alt="Pepper H. Soda III, MD, FACC"
				/>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column flex_row:md relative br_black-1 br_solid br_1 m-b_3">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>nd</sup> place</div>
		<div data-name="awardee" class="flex_row:lg font_1:lg font_0 items_start m-t_5 m-t_0:lg flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
	<li data-name="award__container" class="flex gap_4 gap_5:lg bg_black-1 p_4 flex_column flex_row:md relative br_black-1 br_solid br_1 m-b_3">
		<div class="absolute nowrap overflow_ellipsis bg_acc br-bl_radius br-br_radius br_1 br_solid br_square br_white-4 c_white font_xbold p-t_3 p-x_4 p_3 r_4 r_5:lg shadow_overlap-light uppercase t_n1 text_center">2<sup>nd</sup> place</div>
		<div data-name="awardee" class="flex_row:lg font_1:lg font_0 items_start m-t_5 m-t_0:lg flex gap_4 w_100 self_center items_center">
			<div data-name="awardee__image" class="br_solid br_black-3 br_1 overflow_hidden w_100 max-w_15">
				<div class="aspect_1x1 w_100 grid text_center items_center justify_center bg_black-3 c_black-3 font_10" data-name="awardee__no_image">
				<span class="fa-stack"> <i class="fa-user fas fa-stack-2x"></i> <i style="font-size: 70%;top: 25%;" class="fa-medal fas fa-stack-1x"></i></span>
				</div>	</div>
			<div data-name="awardee__content" class="m-y_3 p-x_3 max-w_35">
				<div data-name="awardee__name" class="font_display c_primary-n2 font-size_up lh_0 m-b_3">
					Pepper H. Soda III, MD, FACC		</div>
				<div data-name="awardee__title" class="font-size_down lh_2 m-b_2">
					Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital		</div>
				<div data-name="awardee__location" class="font-size_down-1 m-b_2 c_black-6">
					New York, NY, USA		</div>
			</div>
		</div>	</li>
</ul>
Copy Code