Source: dist/css/layout_demo.css, line 96

1.3 ACC ORG Member

Member Pages

Example

Default styling

Join Us

When you become a member of the American College of Cardiology, you join a global community of cardiovascular professionals driven to transform cardiovascular care and improve heart health. You also get access to benefits and resources designed to help you accomplish that mission.

Join Now

Already a member
Access your profile
Renew your membership
Personalize your Acc.org

Benefits

Multiplatform access to the entire family of JACC Journals

Discounts on live meetings – including the Annual Scientific Session – and educational products

Free CME/CE and MOC

Connect with over 52,000 CV professionals in 21+ specialty Member Sections

Explore All Benefits

Become a Member

Find your member type

Join Now

Fellow of the ACC

Academic and Clinical Cardiologists (US and International), Fellows Completing Training. Learn More

Associate of the ACC / Cardiovascular (CV) Team

Advanced Practice Nurses, PAs, Clinical Pharmacists, Registered Nurses, CV Technologists, Cardiac Rehabilitation Professionals, Genetic Counselors. Learn More

Cardiovascular Administrator

Service Line Administrators, Practice Managers, Executives. Learn More

Trainees and Students (Complimentary Membership)

Fellows in Training, Medical Residents, CV Team Students, Medical Students Learn More

International

CV Professionals Practicing Outside the US and Canada. Learn More

Affiliate

Training Program Administrators, Geriatricians, Health IT Managers, EMS Professionals, CV Veterinarians. Learn More

<div class="bg_primary-3">
	<div class="main-content-inner max-w_65 m_auto bg_white shadow_4 font_ui font_0" role="main">
		<img
			class="w_100 p_4"
			alt="Benefits of ACC Membership"
			src="https://author.acc.org/~/media/Non-Clinical/Images/Membership/New/F19411_MbrPgsHdrs_v3-MEMBEN.jpg?la=en"
		/>
		<div class="p-b_2 p_4">
			<div class="row m_4 p_4 br_radius bg_primary c_white">
				<div class="col-9">
					<h2>Join Us</h2>
					<p>
						When you become a member of the American College of Cardiology, you join a global community of
						cardiovascular professionals driven to transform cardiovascular care and improve heart health.
						You also get access to benefits and resources designed to help you accomplish that mission.
					</p>
				</div>
				<div class="col-3">
					<a href="https://memberapp.acc.org/" class="bg_white br_radius btn btn-block btn-lg c_primary font_bold h:bg_white-3 h:c_white m-t_5 transition_1 p-x_5 p-y_4">Join Now</a>
					<ul class="c_white-6 font_n2 lh_2 m-r_3 clear_both m-t_3 text_right ul_none">
						<li>Already a member</li>
						<li>Access your profile</li>
						<li>Renew your membership</li>
						<li>Personalize your Acc.org</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="br-t_1 br_dotted br_primary m-t_4 m-x_4 p-b_3 p-t_4 p-x_4">
			<div class="p-x_4 row">
				<div class="col-sm-12 m-b_2 m-x_n4">
					<h2>Benefits</h2>
				</div>
				<div class="col-sm-6 font_1">
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fas font_2 fa-newspaper" aria-hidden="true"></i>
						&nbsp;Multiplatform access to the entire family of <em>JACC</em> Journals
					</p>
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fas font_2 fa-calendar" aria-hidden="true"></i>
						&nbsp;Discounts on live meetings – including the Annual Scientific Session – and educational
						products
					</p>
				</div>
				<div class="col-sm-6 font_1">
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fas font_2 fa-certificate" aria-hidden="true"></i>
						&nbsp;Free CME/CE and MOC
					</p>
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fab fa-connectdevelop"></i>
						&nbsp;Connect with over 52,000 CV professionals in 21+ specialty Member Sections
					</p>
				</div>
				<div class="col-sm-12">
					<a class="bg_shade-4 block br_radius btn btn-small h:bg_shade-n2 h:c_white m-t_3 m_auto transition_0 w_40">Explore All Benefits</a>
				</div>
			</div>
		</div>
		<div class="br-t_1 br_dotted br_primary m-t_4 m-x_4 p-t_4 p-x_4">
			<div class="flex">
				<div class="w_70 flex_auto">
					<h2 class="">Become a Member</h2>
					<p class="">
						Find your member type
					</p>
				</div>
				<div class="flex_auto self_center vertical-align_middle">
					<a href="https://memberapp.acc.org/" class="btn br_radius btn-primary btn-lg btn-block">Join Now</a>
				</div>
			</div>
		</div>
		<div class="br-t_1 br_dotted br_primary m-t_4 m-x_4 p_4 ">
			<div class="row p-x_3 p-y_4 br_radius bg_black-1">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Fellow of the ACC</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Academic and Clinical Cardiologists (US and International), Fellows Completing Training.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Associate of the ACC / Cardiovascular (CV) Team</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Advanced Practice Nurses, PAs, Clinical Pharmacists, Registered Nurses, CV Technologists,
						Cardiac Rehabilitation Professionals, Genetic Counselors.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius bg_black-1">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Cardiovascular Administrator</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Service Line Administrators, Practice Managers, Executives.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">
						Trainees and Students (Complimentary Membership)
					</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Fellows in Training, Medical Residents, CV Team Students, Medical Students
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius bg_black-1">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">International</h3>
				</div>
				<div class="col-sm-8">
					<p>
						CV Professionals Practicing Outside the US and Canada.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Affiliate</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Training Program Administrators, Geriatricians, Health IT Managers, EMS Professionals, CV
						Veterinarians.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="bg_primary-3">
	<div class="main-content-inner max-w_65 m_auto bg_white shadow_4 font_ui font_0" role="main">
		<img
			class="w_100 p_4"
			alt="Benefits of ACC Membership"
			src="https://author.acc.org/~/media/Non-Clinical/Images/Membership/New/F19411_MbrPgsHdrs_v3-MEMBEN.jpg?la=en"
		/>
		<div class="p-b_2 p_4">
			<div class="row m_4 p_4 br_radius bg_primary c_white">
				<div class="col-9">
					<h2>Join Us</h2>
					<p>
						When you become a member of the American College of Cardiology, you join a global community of
						cardiovascular professionals driven to transform cardiovascular care and improve heart health.
						You also get access to benefits and resources designed to help you accomplish that mission.
					</p>
				</div>
				<div class="col-3">
					<a href="https://memberapp.acc.org/" class="bg_white br_radius btn btn-block btn-lg c_primary font_bold h:bg_white-3 h:c_white m-t_5 transition_1 p-x_5 p-y_4">Join Now</a>
					<ul class="c_white-6 font_n2 lh_2 m-r_3 clear_both m-t_3 text_right ul_none">
						<li>Already a member</li>
						<li>Access your profile</li>
						<li>Renew your membership</li>
						<li>Personalize your Acc.org</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="br-t_1 br_dotted br_primary m-t_4 m-x_4 p-b_3 p-t_4 p-x_4">
			<div class="p-x_4 row">
				<div class="col-sm-12 m-b_2 m-x_n4">
					<h2>Benefits</h2>
				</div>
				<div class="col-sm-6 font_1">
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fas font_2 fa-newspaper" aria-hidden="true"></i>
						&nbsp;Multiplatform access to the entire family of <em>JACC</em> Journals
					</p>
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fas font_2 fa-calendar" aria-hidden="true"></i>
						&nbsp;Discounts on live meetings – including the Annual Scientific Session – and educational
						products
					</p>
				</div>
				<div class="col-sm-6 font_1">
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fas font_2 fa-certificate" aria-hidden="true"></i>
						&nbsp;Free CME/CE and MOC
					</p>
					<p class="p-l_5 m-l_3 text-indent_n1">
						<i class="fab fa-connectdevelop"></i>
						&nbsp;Connect with over 52,000 CV professionals in 21+ specialty Member Sections
					</p>
				</div>
				<div class="col-sm-12">
					<a class="bg_shade-4 block br_radius btn btn-small h:bg_shade-n2 h:c_white m-t_3 m_auto transition_0 w_40">Explore All Benefits</a>
				</div>
			</div>
		</div>
		<div class="br-t_1 br_dotted br_primary m-t_4 m-x_4 p-t_4 p-x_4">
			<div class="flex">
				<div class="w_70 flex_auto">
					<h2 class="">Become a Member</h2>
					<p class="">
						Find your member type
					</p>
				</div>
				<div class="flex_auto self_center vertical-align_middle">
					<a href="https://memberapp.acc.org/" class="btn br_radius btn-primary btn-lg btn-block">Join Now</a>
				</div>
			</div>
		</div>
		<div class="br-t_1 br_dotted br_primary m-t_4 m-x_4 p_4 ">
			<div class="row p-x_3 p-y_4 br_radius bg_black-1">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Fellow of the ACC</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Academic and Clinical Cardiologists (US and International), Fellows Completing Training.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Associate of the ACC / Cardiovascular (CV) Team</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Advanced Practice Nurses, PAs, Clinical Pharmacists, Registered Nurses, CV Technologists,
						Cardiac Rehabilitation Professionals, Genetic Counselors.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius bg_black-1">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Cardiovascular Administrator</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Service Line Administrators, Practice Managers, Executives.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">
						Trainees and Students (Complimentary Membership)
					</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Fellows in Training, Medical Residents, CV Team Students, Medical Students
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius bg_black-1">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">International</h3>
				</div>
				<div class="col-sm-8">
					<p>
						CV Professionals Practicing Outside the US and Canada.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
			<div class="row p-x_3 p-y_4 br_radius">
				<div class="col-sm-4">
					<h3 class="font_1 font_display font_bold c_acc">Affiliate</h3>
				</div>
				<div class="col-sm-8">
					<p>
						Training Program Administrators, Geriatricians, Health IT Managers, EMS Professionals, CV
						Veterinarians.
						<a href="" class="underline c_primary nowrap block"
							>Learn More <i class="far font_0 fa-chevron-double-right"></i
						></a>
					</p>
				</div>
			</div>
		</div>
	</div>
</div>

Code Sample

Copy Code

Arches: ACC & Bootstrap

Arches:ACC & Bootstrap