Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Example

Default styling

  • 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
    Pamela 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, FACC
    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

    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 columns_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>
Copy Code