Source: dist/css/virtual_boot.css, line 9989
4.1 Awards
Source: dist/css/virtual_boot.css, line 10000
4.1.1 Award Premiere
The Premiere award is a special award that includes additional information about the award and the awardee. The content can be html and event include embeds of video and images.
Source: dist/css/virtual_boot.css, line 10012
4.1.1.1 Award Premiere Tier Stacked
Awards are blocks design to display the awards for the conference.
Example
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USAPamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, consequuntur similique quibusdam deleniti fuga, ad laudantium vel assumenda incidunt impedit iure molestias! Et laboriosam nulla ut at officia ipsa quaerat?
- Ut reiciendis et possimus rerum animi.
- Reprehenderit quia et eaque cupiditate illo explicabo architecto.
- Et cumque distinctio maxime maiores aut labore ut est esse.
Et quia saepe corporis explicabo consectetur voluptatem iure. Quos nostrum autem. Et omnis nostrum eius autem aut voluptas illum. Et autem velit facere explicabo reiciendis voluptas. Ipsum vel et nisi in iste molestias sit. Eos et aut est ullam.
Watch Video -
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USAPamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, consequuntur similique quibusdam deleniti fuga, ad laudantium vel assumenda incidunt impedit iure molestias! Et laboriosam nulla ut at officia ipsa quaerat?
- Ut reiciendis et possimus rerum animi.
- Reprehenderit quia et eaque cupiditate illo explicabo architecto.
- Et cumque distinctio maxime maiores aut labore ut est esse.
Et quia saepe corporis explicabo consectetur voluptatem iure. Quos nostrum autem. Et omnis nostrum eius autem aut voluptas illum. Et autem velit facere explicabo reiciendis voluptas. Ipsum vel et nisi in iste molestias sit. Eos et aut est ullam.
Watch Video
<ul class="ul_none m_0 m-b_4 p_0 grid grid-col_3:lg gap_5">
<li data-name="award__container" class=" flex gap_4 gap_5:lg bg_black-1 p_4 br_radius br_black-3 br_solid br_1 flex_column flex_column:lg flex_row:md shadow_overlap-light">
<div data-name="awardee" class="font_3:lg font_2:md font_1 flex_column bg_white-8 p_3 br_radius shadow_n1 p-t_4 br_solid br_black-1 br_1 flex gap_4 w_100 self_center items_center">
<div data-name="awardee__image" class="br_round br_solid br_black-3 br_1 overflow_hidden shadow_bevel-light max-w_20">
<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> <div data-name="award__detail" class="font_0">
<div data-name="awardee__title" class="font_medium font_display c_primary-n3 lh_1 m-b_2 m-t_3 font-size_up-1">
Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion </div>
<div data-name="awardee__description" class="reading-typography m_4 ">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, consequuntur similique quibusdam deleniti fuga, ad laudantium vel assumenda incidunt impedit iure molestias! Et laboriosam nulla ut at officia ipsa quaerat?</p>
<ul>
<li>Ut reiciendis et possimus rerum animi.</li>
<li>Reprehenderit quia et eaque cupiditate illo explicabo architecto.</li>
<li>Et cumque distinctio maxime maiores aut labore ut est esse.</li>
</ul>
<p>Et quia saepe corporis explicabo consectetur voluptatem iure. Quos nostrum autem. Et omnis nostrum eius autem aut voluptas illum. Et autem velit facere explicabo reiciendis voluptas. Ipsum vel et nisi in iste molestias sit. Eos et aut est ullam.</p>
<a href="https://acc.org" target="_blank">Watch Video</a> </div>
</div>
</li>
<li data-name="award__container" class=" flex gap_4 gap_5:lg bg_black-1 p_4 br_radius br_black-3 br_solid br_1 flex_column flex_column:lg flex_row:md shadow_overlap-light">
<div data-name="awardee" class="font_3:lg font_2:md font_1 flex_column bg_white-8 p_3 br_radius shadow_n1 p-t_4 br_solid br_black-1 br_1 flex gap_4 w_100 self_center items_center">
<div data-name="awardee__image" class="br_round br_solid br_black-3 br_1 overflow_hidden shadow_bevel-light max-w_20">
<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> <div data-name="award__detail" class="font_0">
<div data-name="awardee__title" class="font_medium font_display c_primary-n3 lh_1 m-b_2 m-t_3 font-size_up-1">
Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion </div>
<div data-name="awardee__description" class="reading-typography m_4 ">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, consequuntur similique quibusdam deleniti fuga, ad laudantium vel assumenda incidunt impedit iure molestias! Et laboriosam nulla ut at officia ipsa quaerat?</p>
<ul>
<li>Ut reiciendis et possimus rerum animi.</li>
<li>Reprehenderit quia et eaque cupiditate illo explicabo architecto.</li>
<li>Et cumque distinctio maxime maiores aut labore ut est esse.</li>
</ul>
<p>Et quia saepe corporis explicabo consectetur voluptatem iure. Quos nostrum autem. Et omnis nostrum eius autem aut voluptas illum. Et autem velit facere explicabo reiciendis voluptas. Ipsum vel et nisi in iste molestias sit. Eos et aut est ullam.</p>
<a href="https://acc.org" target="_blank">Watch Video</a> </div>
</div>
</li>
</ul>
Code Sample
Source: dist/css/virtual_boot.css, line 10050
4.1.1.2 Award Premiere Tier Row
Awards are blocks design to display the awards for the conference.
Example
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, consequuntur similique quibusdam deleniti fuga, ad laudantium vel assumenda incidunt impedit iure molestias! Et laboriosam nulla ut at officia ipsa quaerat?
- Ut reiciendis et possimus rerum animi.
- Reprehenderit quia et eaque cupiditate illo explicabo architecto.
- Et cumque distinctio maxime maiores aut labore ut est esse.
Et quia saepe corporis explicabo consectetur voluptatem iure. Quos nostrum autem. Et omnis nostrum eius autem aut voluptas illum. Et autem velit facere explicabo reiciendis voluptas. Ipsum vel et nisi in iste molestias sit. Eos et aut est ullam.
Watch Video<li data-name="award__container" class=" flex_row:md flex gap_4 gap_5:lg bg_black-1 p_4 br_radius br_black-3 br_solid br_1 flex_column shadow_overlap-light">
<div data-name="awardee" class="font_3:lg font_2:md font_1 flex_column bg_white-8 p_3 br_radius shadow_n1 p-t_4 br_solid br_black-1 br_1 flex gap_4 w_100 self_center items_center">
<div data-name="awardee__image" class="br_round br_solid br_black-3 br_1 overflow_hidden shadow_bevel-light max-w_20">
<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> <div data-name="award__detail" class="font_0">
<div data-name="awardee__title" class="font_medium font_display c_primary-n3 lh_1 m-b_2 m-t_3 font-size_up-1">
Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion </div>
<div data-name="awardee__description" class="reading-typography m_4 ">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non, consequuntur similique quibusdam deleniti fuga, ad laudantium vel assumenda incidunt impedit iure molestias! Et laboriosam nulla ut at officia ipsa quaerat?</p>
<ul>
<li>Ut reiciendis et possimus rerum animi.</li>
<li>Reprehenderit quia et eaque cupiditate illo explicabo architecto.</li>
<li>Et cumque distinctio maxime maiores aut labore ut est esse.</li>
</ul>
<p>Et quia saepe corporis explicabo consectetur voluptatem iure. Quos nostrum autem. Et omnis nostrum eius autem aut voluptas illum. Et autem velit facere explicabo reiciendis voluptas. Ipsum vel et nisi in iste molestias sit. Eos et aut est ullam.</p>
<a href="https://acc.org" target="_blank">Watch Video</a> </div>
</div>
</li>
Code Sample
Source: dist/css/virtual_boot.css, line 10076
4.1.1.3 Award Premiere Video
Awards are blocks design to display the awards for the conference.
Example
-
Video EMBEDPepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Video EMBEDPepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Video EMBEDPepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
<ul class="ul_none m_0 m-b_4 p_0 grid grid-col_3:lg grid-col_2:md grid-col_1 gap_4">
<li data-name="award__container" class=" flex gap_4 gap_5:lg bg_black-1 p_4 br_radius br_black-3 br_solid br_1 flex_column shadow_overlap-light">
<div data-name="awardee" class="font_2:lg font_1:md font_0 flex_column flex gap_4 w_100 self_center items_center">
<div data-name="awardee__video" class=" overflow_hidden shadow_bevel-light w_100">
<div class="player hd full w_100">
<div class="bg_acc aspect_4x3 c_white text_center justify_center flex items_center">Video EMBED</div>
</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 br_radius br_black-3 br_solid br_1 flex_column shadow_overlap-light">
<div data-name="awardee" class="font_2:lg font_1:md font_0 flex_column flex gap_4 w_100 self_center items_center">
<div data-name="awardee__video" class=" overflow_hidden shadow_bevel-light w_100">
<div class="player hd full w_100">
<div class="bg_acc aspect_4x3 c_white text_center justify_center flex items_center">Video EMBED</div>
</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 br_radius br_black-3 br_solid br_1 flex_column shadow_overlap-light">
<div data-name="awardee" class="font_2:lg font_1:md font_0 flex_column flex gap_4 w_100 self_center items_center">
<div data-name="awardee__video" class=" overflow_hidden shadow_bevel-light w_100">
<div class="player hd full w_100">
<div class="bg_acc aspect_4x3 c_white text_center justify_center flex items_center">Video EMBED</div>
</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>
Code Sample
4.1.2 Awards.Level.Standard
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 placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2st placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2st placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2st placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2st placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2st placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion [Row]
-
1st placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2nd placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2nd placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
1st placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2nd placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
2nd placePepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew 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>
Code Sample
Source: dist/css/virtual_boot.css, line 10168
4.1.3 Award Condensed
Awards are blocks design to display the awards for the conference.
Example
Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion [Column]
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion [Row]
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
<h2 class="font_2:lg font_1 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_5:lg grid-col_3:md grid-col_2 gap_4">
<li data-name="award__container" class="flex bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column relative">
<div data-name="awardee" class="flex_column font_0 flex gap_3 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_10">
<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>
</ul>
<h2 class="font_2:lg font_1 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 gap_4">
<li data-name="award__container" class="flex bg_black-1 p_4 flex_column flex_row:md relative m-b_2">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_10">
<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 bg_black-1 p_4 flex_column flex_row:md relative m-b_2">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_10">
<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>
</ul>
Code Sample
Source: dist/css/virtual_boot.css, line 10221
4.1.4 Award Ultra Condensed
Awards are blocks design to display the awards for the conference.
Example
Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
-
Pepper H. Soda III, MD, FACCPhysician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalNew York, NY, USA
<h3 class="font_1:lg font_0 font_display font_bold c_primary-n3">Pamela S. Douglas Distinguished Award for Leaderiship in Diversity and Inclusion</h3>
<ul class="ul_none grid grid-col_3:lg grid-col_2:md grid-col_1 gap_4">
<li data-name="award__container" class="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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="p-y_3 br-b_1 br_dotted br_primary-3">
<div data-name="awardee" class="flex_row:lg font_0 items_start flex gap_3 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_5">
<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>
</ul>
Code Sample
Source: dist/css/virtual_boot.css, line 9732
4.2 Awardee
The basic Data of an awardee.
Example
HeadShot
Display Name
Pepper H. Soda III, MD, FACCTitle
Physician-in-Chief, Department of Cardiology, Mount SugarLoaf HospitalLocation
New York, NY, USA<h2>HeadShot</h2>
<h2>Display Name</h2>
Pepper H. Soda III, MD, FACC<h2>Title</h2>
Physician-in-Chief, Department of Cardiology, Mount SugarLoaf Hospital<h2>Location</h2>
New York, NY, USA
Code Sample
Source: dist/css/virtual_boot.css, line 9858
4.2.2 Awardee Standard
The base DOM and Data that represent an awardee. Head shots images are maxed at 240px wide.
Example s
Default styling
flex_column
The stacked version of the awardee.
<div data-name="awardee" class="[modifier] 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>
Code Sample
Source: dist/css/virtual_boot.css, line 9891
4.2.2.1 Awardee Standard with Avatar
The base DOM and Data that represent an awardee. Head shots images are maxed at 240px wide.
Example s
Default styling
flex_column
The stacked version of the awardee.
<div data-name="awardee" class="[modifier] 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>
Code Sample
Source: dist/css/virtual_boot.css, line 9753
4.2.3 Awardee Avatar
When a head shot is missing it should use the avatar.
Example
<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>
Code Sample
Source: dist/css/virtual_boot.css, line 9771
4.2.4 Awardee Avatar No Video
When a head shot is missing it should use the avatar.
Example
<div class="aspect_4x3:lg bg_black-3 c_black-3 font_10 font_5 grid items_center justify_center text_center w_100" data-name="awardee__no_video">
<span class="fa-stack">
<i class="fas fa-rectangle-landscape fa-stack-2x"></i>
<i style="font-size: 70%;" class="fa-video-slash fas fa-stack-1x"></i>
</span>
</div>
Code Sample
Source: dist/css/virtual_boot.css, line 9924
4.2.5 Awardee Condensed
The base DOM and Data that represent an awardee. Head shots images are maxed at 160px wide.
Example s
Default styling
flex_column
The stacked version of the awardee.
<div data-name="awardee" class="[modifier] flex gap_3 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_10">
<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>
Code Sample
Source: dist/css/virtual_boot.css, line 9957
4.2.6 Awardee Ultra Condensed
The base DOM and Data that represent an awardee. Head shots images are maxed at 80px wide.
Example s
Default styling
flex_column
The stacked version of the awardee.
<div data-name="awardee" class="[modifier] flex gap_3 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_5">
<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>