Source: dist/css/cardiosmart_boot.css, line 7200
5.2 CardioSmart Footer
The Footer of CardioSmart
Example
Default styling
<div class="m_auto max-w_95">
<div id="footer-wrap" class="">
<!-- ********************************** breadcrumbs ********************************** -->
<div id="breadcrumbs" class="bg_secondary breadcrumbs-container c_white font_0 font_ui p-x_4 p_3"><b
class="breadcrumbs-title">YOU ARE HERE: </b>Home</div>
<!-- This is the inner footer that we cache -->
<div id="footer" role="contentinfo"
class="flex bg_shade-n3 flex_column flex_inline flex_wrap flex_row:md p-x_3 p-y_4 p-y_0:lg w_100">
<div class="flex_auto p-x_3 p-y_4:lg w-grid_4:lg w-grid_6:md font_ui">
<h2 class="font_2 font_3:lg font_display p-t_2 m-b_0:md m-b_2 br_none:md br_none:lg br_dotted br_white-5 br-t_1">
<span class="toggle display_none:md ">
<i class="fas fa-minus-square c_white-8 p-r_4"></i></span>
<a class="c_highlight h:c_secondary-3" href="#">Conditions & Topics</a>
</h2>
<ul class="block:md font_0:lg font_n1 m-b_4 ul_none">
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Angina</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Aortic Aneurysm</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Atrial
Fibrillation</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Bradycardia</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Cancer Treatment and
Your Heart</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Congenital Heart
Disease</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Coronary Artery
Disease</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Diabetes and Your
Heart</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Endocarditis</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Heart Attack</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Heart Failure</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Heart Valve
Disease</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">High Blood
Pressure</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">High Cholesterol</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Metabolic
Syndrome</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Older Adults and
Heart Disease</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Peripheral Artery
Disease</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Renal Artery
Disease</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Stroke</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Subclavian Artery
Disease</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Sudden Cardiac
Arrest</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Supraventricular
Tachycardia</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Varicose Veins</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Women and Heart
Disease</a></li>
</ul>
</div>
<!-- column 4 -->
<div class="flex_auto p-x_3 p-y_4:lg w-grid_2:lg w-grid_6:md font_ui">
<h2 class="font_2 font_3:lg font_display p-t_2 m-b_0:md m-b_2 br_none:md br_none:lg br_dotted br_white-5 br-t_1">
<span class="toggle display_none:md ">
<i class="fas fa-minus-square c_white-8 p-r_4"></i></span>
<a class="c_highlight h:c_secondary-3" href="#">Decisions</a>
</h2>
<ul class="block:md display_none font_0:lg font_n1 m-b_4 ul_none">
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Shared
Decision-Making</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">What Are Decision
Aids?</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Benefits of Decision
Aids</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">When to Use Decision
Aids</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">What to Expect</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Questions to Ask</a>
</li>
</ul>
<h2 class="font_2 font_3:lg font_display p-t_2 m-b_0:md m-b_2 br_none:md br_none:lg br_dotted br_white-5 br-t_1">
<span class="toggle display_none:md ">
<i class="fas fa-minus-square c_white-8 p-r_4"></i></span>
<a class="c_highlight h:c_secondary-3" href="#">Health Basics</a>
</h2>
<ul class="block:md display_none font_0:lg font_n1 m-b_4 ul_none">
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Preparing for Your
Appointment</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Your
Responsibilities</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Your Care Team</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">What is a
Cardiologist?</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Getting Support</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Understanding
Medication Adherence</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">The Research</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Understanding
Clinical Trials</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Cardiac Rehab</a>
</li>
</ul>
</div>
<div class="flex_auto p-x_3 p-y_4:lg w-grid_2:lg w-grid_6:md font_ui">
<h2 class="font_2 font_3:lg font_display p-t_2 m-b_0:md m-b_2 br_none:md br_none:lg br_dotted br_white-5 br-t_1">
<span class="toggle display_none:md ">
<i class="fas fa-minus-square c_white-8 p-r_4"></i></span>
<a class="c_highlight h:c_secondary-3" href="#">Healthy Living</a>
</h2>
<ul class="block:md display_none font_0:lg font_n1 m-b_4 ul_none">
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">My Plan for Heart
Healthier Living</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Healthy Habits
Protect Your Heart</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Know Your
Numbers</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Eat Better</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Lose Weight</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Move More</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Relax</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Stop Smoking</a>
</li>
</ul>
</div>
<div class="flex_auto p-x_3 p-y_4:lg w-grid_2:lg w-grid_6:md font_ui">
<h2 class="font_2 font_3:lg font_display p-t_2 m-b_0:md m-b_2 br_none:md br_none:lg br_dotted br_white-5 br-t_1">
<span class="toggle display_none:md ">
<i class="fas fa-minus-square c_white-8 p-r_4"></i></span>
<a class="c_highlight h:c_secondary-3" href="#">Care Givers</a>
</h2>
<ul class="block:md display_none font_0:lg font_n1 m-b_4 ul_none">
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Care for
Yourself</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Managing the
Details</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Planning for the
Future</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Resources for
Caregivers</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Palliative Care</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Hospice Care</a>
</li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Planning Your
Care</a></li>
</ul>
<h2 class="font_2 font_3:lg font_display p-t_2 m-b_0:md m-b_2 br_none:md br_none:lg br_dotted br_white-5 br-t_1">
<span class="toggle display_none:md ">
<i class="fas fa-minus-square c_white-8 p-r_4"></i></span>
<a class="c_highlight h:c_secondary-3" href="#">Other ACC Offerings</a>
</h2>
<ul class="block:md display_none font_0:lg font_n1 m-b_4 ul_none">
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Care for
Yourself</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Early Heart Attack
Care (EHAC)</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Find Your Heart a
Home</a></li>
<li class="text-indent_n1 p-l_4"><a class="c_white h:c_secondary-3 h:underline">Cardiology
Directory</a></li>
</ul>
</div>
</div>
<div class="p-x_3 p-y_4:lg relative flex flex_column flex_row:md bg_shade-n4 shadow_n1">
<section class="address c_white flex_auto m-r_5:md p-x_4 p-y_4">
<div class="bg_left logo_primary-alt max-w_25"><span class="alt">logo_primary-alt max-w_25</span></div>
<div class="address c_white">
<h3 class=font_accent font_1 m-b_0 font_normal font_regular">American College of Cardiology</h3>
<address>
<!-- http://microformats.org/wiki/hcard -->
<h4 class="m-b_0 font_bold font_copy font_normal font_1 m-t_4">Heart House</h4>
<div class="flex font_copy font_0">
<div class="flex_shrink p-r_5 m-r_5">
<ul class="ul_none lh_2">
<li class="m-b_1 m-b_3:md font_normal">
<span class="street-address">2400 N. St. NW</span>
</li>
<li class="m-b_1 m-b_3:md font_normal">
<span class="locality ">Washington</span>,
<span class="city-name ">
<abbr title="District of Colombia">DC</abbr>
</span>
<span class="postal-code">20037</span>
</li>
<li class="m-b_1 m-b_3:md font_normal">
<a href="mailto:MemberCare@acc.org" class="email c_white text_underline h:c_white ">
<strong class="p-r_2 inline block:md inline:lg">Email:</strong>
<span class="inline block:md inline:lg">MemberCare@acc.org</span></a>
</li>
</ul>
</div>
<div class="flex_auto grid-w_6">
<ul class="ul_none lh_2">
<li class="m-b_1 m-b_3:md font_normal">
<a tel="+12023756000" href="tel:+12023756000" class="tel c_white h:c_white h:underline">
<strong class="p-r_2 block:md inline:lg">Phone:</strong><span class=" block:md inline:lg">(202) 375-6000, ext. 5603</span></a>
</li>
<li class="m-b_1 m-b_3:md font_normal">
<a tel="+18002574737" href="tel:+18002534636.5603" class="tel c_white h:c_white h:underline">
<strong class="p-r_2 block:md inline:lg">Toll Free:</strong><span class=" block:md inline:lg">(800) 253-4636, ext. 5603</span></a>
</li>
<li class="m-b_1 m-b_3:md font_normal">
<a fax="+12023757000" href="fax:+12023757000" class="fax c_white h:c_white h:underline">
<strong class="p-r_2 block:md inline:lg">Fax:</strong>
<span class="block:md inline:lg">(202) 375-7000</span>
</a>
</li>
</ul>
</div>
</div>
</address>
</div>
<div class="b_4 l_0 m-t_5 max-w_35 p-t_0:md p-t_5 r_0 relative social">
<!-- Social -->
<h4 class="c_white font_regular font_accent: m-b_3 m-b_4:lg text_center text_left:lg">Stay Connected
</h4>
<ul class="flex social-bar ul_none c_white h:c_white m_0">
<li class="flex_auto m-r_2"><a href="https://twitter.com/accintouch" target="_blank" class="twitter social-bar--button block m-b_0 p_3 c_white-8 h:c_white text_center h:bg_primary-n1"><i class="fab fa-square-x-twitter"></i></a></li>
<li class="flex_auto m-r_2"><a href="https://www.facebook.com/AmericanCollegeofCardiology" target="_blank" class="facebook social-bar--button block m-b_0 p_3 c_white-8 h:c_white text_center h:bg_primary-n1"><i class="fab fa-facebook-square"></i></a></li>
<li class="flex_auto m-r_2"><a href="http://www.youtube.com/user/ACCinTouch" target="_blank" class="youtube social-bar--button block m-b_0 p_3 c_white-8 h:c_white text_center h:bg_primary-n1"><i class="fab fa-youtube"></i></a></li>
<li class="flex_auto m-r_2"><a href="https://www.instagram.com/" target="_blank" class="instagram social-bar--button block m-b_0 p_3 c_white-8 h:c_white text_center h:bg_primary-n1"><i class="fab fa-instagram"></i></a></li>
<li class="flex_auto m-r_2"><a href="https://play.google.com/store/apps/dev?id=5189912010956845696&hl=en_US" target="_blank" class="google-play social-bar--button block m-b_0 p_3 c_white-8 h:c_white text_center h:bg_primary-n1"><i class="fab fa-google-play"></i></a></li>
<li class="flex_auto m-r_2"><a href="https://apps.apple.com/us/developer/american-college-of-cardiology/id502174543#see-all/i-phonei-pad-apps" target="_blank" class="apple-store social-bar--button block m-b_0 p_3 c_white-8 h:c_white text_center h:bg_primary-n1"><i class="fab fa-apple"></i></a></li>
</ul>
<!-- Social -->
</div>
</section>
<!-- ACC Product Links -->
<section class="acc-websites flex_auto m-l_5:md m-r_5:md m-y_5 max-w_30 w-grid_12 w-grid_6:md">
<h4 class="c_white font_regular font_accent: m-b_3 m-b_4:lg text_center text_left:lg">
Transforming Education to Knowledge</h4>
<ul class="ul_none lh_2 font_0">
<li class="c_white">
<a target="_blank" class="c_white flex flex_row h:bg_black-2 h:c_white justify_between p-x_2 p_3" href="http://www.acc.org">
<span class="flex_auto inline-block p-l_3">ACC</span>
<i class="c_white fa-external-link-square fas flex_shrink float_right h:c_white p-r_3"></i>
</a>
</li>
<li class="c_white br_solid br_0 br-t_1 br_white-5">
<a target="_blank" class="h:bg_black-2 h:c_white c_white p-x_2 p_3 justify_between flex flex_row " href="https://cvquality.acc.org/Accreditation?">
<span class="inline-block flex_auto p-l_3">Accreditation Services</span>
<i class="float_right flex_shrink fas p-r_3 c_white h:c_white fa-external-link-square "></i>
</a>
</li>
<li class="c_white br_solid br_0 br-t_1 br_white-5">
<a target="_blank" class="h:bg_black-2 h:c_white c_white p-x_2 p_3 justify_between flex flex_row " href="http://www.cardiosmart.org">
<span class="inline-block flex_auto p-l_3">CardioSmart</span>
<i class="float_right flex_shrink fas p-r_3 c_white h:c_white fa-external-link-square "></i>
</a>
</li>
<li class="c_white br_solid br_0 br-t_1 br_white-5">
<a target="_blank" class="h:bg_black-2 h:c_white c_white p-x_2 p_3 justify_between flex flex_row " href="https://cvquality.acc.org/">
<span class="inline-block flex_auto p-l_3">CV Quality</span>
<i class="float_right flex_shrink fas p-r_3 c_white h:c_white fa-external-link-square "></i>
</a>
</li>
<li class="c_white br_solid br_0 br-t_1 br_white-5">
<a target="_blank" class="h:bg_black-2 h:c_white c_white p-x_2 p_3 justify_between flex flex_row " href="http://www.onlinejacc.org/">
<span class="inline-block flex_auto p-l_3">JACC Journal</span>
<i class="float_right flex_shrink fas p-r_3 c_white fa-external-link-square "></i>
</a>
</li>
<li class="c_white br_solid br_0 br-t_1 br_white-5">
<a target="_blank" class="h:bg_black-2 h:c_white c_white p-x_2 p_3 justify_between flex flex_row " href="http://www.ncdr.com">
<span class="inline-block flex_auto p-l_3">NCDR</span>
<i class="float_right flex_shrink fas p-r_3 c_white h:c_white fa-external-link-square "></i>
</a>
</li>
</ul>
</section>
<!-- /ACC Product Links -->
</div>
<!-- / footer -->
<div id="subfooter" class="bg_secondary-n3 font_n1 p-x_4 p-y_4">
<ul class="block footer-bottom-links ul_none">
<li class="inline p_2"><a href="//www.acc.org/footer-pages/media-center"
class="c_white-6 h:c_white">Media Center</a></li>
<li class="inline p_2"><a href="//www.acc.org/footer-pages/quick-start-guide"
class="c_white-6 h:c_white">ACC.org Quick Start Guide</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/advertising-and-sponsorship-policy">Advertising &
Sponsorship Policy</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/clinical-content-disclaimer">Clinical Content Disclaimer</a>
</li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/editorial-board">Editorial Board</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/privacy-policy">Privacy Policy</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/registered-user-agreement">Registered User Agreement</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/terms-and-conditions">Terms of Service</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/cookie-policy">Cookie Policy</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white"
href="//www.acc.org/footer-pages/member-hub-terms-of-use">Member Hub Terms of Use</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/sitemap-acc.xml">Site Map</a>
</li>
</ul>
<!-- /footer-bottom-links -->
<p class="c_white-5 font_italic font_n2 legal m-b_2 m-t_3">© 2019 American College of Cardiology Foundation.
All rights reserved.</p>
</div>
<!-- /subfooter -->
</div>
</div>