Source: dist/css/covid_boot.css, line 7140
2.1.1.1 Nav Dropdown with Sub Links
The Header Nav of ACC.org
This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/covid_boot.css, line 7140
The Header Nav of ACC.org
<nav class="navbar navbar-primary navbar-expand-lg navbar-dark bg_acc font_1">
<button
class="br_white-2 is-active_toggle-function m-l_n2 m-y_3 navbar-toggler p-l_2 p-r_3 p-y_2 collapsed"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<i class="icon-toggle_bars-times fas a:c_acc-2 c_white"></i><span class="a:c_acc-2 c_white"> Menu</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle is-active_toggle-function"
href="#"
id="eduDropdown"
role="button"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
><i
class="far faw icon-toggle_plus-minus display_none:lg m-l_n2 m-r_2"
></i>
Education and Meetings
</a>
<div
class="dropdown-menu br_none br_solid:lg m-x_0:lg m-x_n4 m-t_0 m-t_2:lg"
aria-labelledby="eduDropdown"
>
<div class="flex flex_column flex_row:md p-x_2:lg m-x_n1 m-x_0:lg">
<div class="flex_auto p-x_2 p-y_0 p-y_3:md">
<ul class="ul_none">
<li class="">
<span class="toggler"></span>
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/education-catalog"
>Online Learning Catalog</a
>
<ul class="ul_none font_n1 lh_3">
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/earncredit"
>Earn Credit</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/board-prep-offerings"
title="Board Prep Offerings"
>Board Prep Offerings</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/education-catalog"
>View the Entire Catalog</a
>
</li>
</ul>
</li>
<li class="">
<span class="toggler"></span>
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/education-catalog"
>Products</a
>
<ul class="ul_none font_n1 lh_3">
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/accsap"
>ACCSAP</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/accel-audio"
>ACCEL</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/cardiosource-plus"
>CardioSource Plus for Institutions and Practices</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/cathsap"
>CathSAP</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/ecg-drill-and-practice"
title="ECG Drill and Practice"
>ECG Drill and Practice</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/echosap"
>EchoSAP</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/epsap"
>EP SAP</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/heart-songs-5"
>Heart Songs</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/iscience"
>iScience</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/recent-advances-in-clinical-nuclear-cardiology-and-cardiac-ct-mod"
>Nuclear Cardiology and Cardiac CT Meeting on Demand</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/rightsteps-optimizing-medical-therapy-for-chronic-heart-failure"
>RightSTEPS Optimizing Medical Therapy for Chronic Heart
Failure</a
>
</li>
</ul>
</li>
</ul>
</div>
<div
class="flex_auto p-x_2 p-y_0 p-y_3:md br-l_1 br_none br_shade-4 br_solid:lg br_solid:md"
>
<ul class="ul_none m_0">
<li>
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources"
>Resources</a
>
</li>
<li>
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/products-and-resources/guideline-education"
>Guideline Education</a
>
</li>
<li>
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/maintenance-of-certification-information-hub"
>Understanding MOC</a
>
</li>
<li>
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/image-and-slide-gallery"
>Image and Slide Gallery</a
>
</li>
<li class="">
<span class="toggler"></span>
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/meetings"
>Meetings</a
>
<ul class="ul_none font_n1 lh_3">
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="http://accscientificsession.acc.org"
class="new-window-icon"
target="_blank"
>Annual Scientific Session and Related Events</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="http://www.acc.org/education-and-meetings/meetings?w_nav=MN#type=Chapter Meetings"
>Chapter Meetings</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="http://www.acc.org/education-and-meetings/meetings?w_nav=MN#type=Live Meetings"
class="lvl2"
>Live Meetings</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/meetings#type=Webinars - Live"
class="lvl2"
>Webinars - Live</a
>
</li>
<li class="text-indent_1">
<a
class="dropdown-item transition_4 wrap nowrap:lg"
href="/education-and-meetings/meetings?view=archive&#type=Webinars - OnDemand"
>Webinars - OnDemand</a
>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
</nav>