Source: dist/css/acc_boot.css, line 13936
5.1 Header Nav
The Header Nav of ACC.org. This is sample data and might not reflect the full design or content needed in production.
Example
Default styling
<div class="flex c_white relative">
<nav class="flex_auto navbar navbar-primary p_0 navbar-expand-lg navbar-dark bg_acc font_2 font_1:lg relative">
<div class="relative"><button class="br_solid br_2 br_white-2 collapsed m-l_3 m-y_3 navbar-toggler p_2 expanded-click-area collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navBarMainNav" aria-controls="navBarMainNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="icon-toggle_bars-times fas fa a:c_acc-2 c_white"></i><span class="a:c_acc-2 c_white p-x_3 uppercase font_accent">Menu</span>
</button>
</div> <div class="collapse navbar-collapse" id="navBarMainNav">
<ul class="navbar-nav flex flex_row:lg flex_column justify_around w_100">
<li class="nav-item relative text_left text_center:lg flex_shrink">
<a class="nav-link expanded-click-area nowrap p-l_4 p-l_0:lg" href="//www.acc.org/" title="Home of the American College of Cardiology"><i class="fas fa-home p-x_3:lg"></i><span class="display_none:lg"> Home</span></a>
</li>
<li class="display_none:lg relative nav-item relative text_left text_center:lg flex_auto">
<a class="nav-link expanded-click-area nowrap p-l_4 p-l_0:lg" href="//www.acc.org/guidelines#doctype=Guidelines" title="Access ACC guidelines and clinical policy documents as well as related resources">Guidelines</a>
</li>
<li class="nav-item relative text_left text_center:lg flex_auto dropdown [ active ]">
<a class="nav-link nowrap p-l_4 p-l_0:lg dropdown-toggle [a:c_white] display_none:lg inline-block"
id="clinicalTopicsDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"><i
class="far fa icon-toggle_plus-minus m-l_n2 m-r_2 "></i></a>
<a class="nav-link nowrap p-l_0 [a:c_white] inline-block"
href="/clinical-topics">Clinical
Topics</a>
<div class="dropdown-menu font_copy br-t_0 br_none br_solid:lg br_square m-t_0 m-t_2:lg" aria-labelledby="clinicalTopicsDropdown">
<div class="flex flex_column flex_row:md p-x_2:lg m-x_n1 m-x_0:lg">
<div class="p-x_2 p-y_0 p-y_2:md order_2 order_1:md dropdown_column w_50:md">
<ul class="ul_none lh_2">
<li class="relative m-x_2:md m-x_3">
<a
href="http://cvquality.acc.org/?_ga=2.33577825.159963902.1562853382-843642371.1562007133"
target="_blank"
class="transition_1 h:opacity opacity_8"
><img
src="https://www.acc.org/~/media/Non-Clinical/Images/External%20Site%20Logos/ACC_QII_logo.png"
alt="QII" class="w_100 max-w_20"
/></a>
</li>
<li class="relative m-x_2:md m-x_3">
<a href="http://cvquality.acc.org/NCDR-Home.aspx?_ga=2.91395290.159963902.1562853382-843642371.1562007133" target="_blank" class="transition_1 h:opacity opacity_8"><img src="https://www.acc.org/~/media/Non-Clinical/Images/External Site Logos/ACC_NCDR_logo.png" alt="NCDR" class="w_100 max-w_20"></a>
</li>
</ul> </div>
<div
class="p-x_2 p-y_0 p-y_2:md br-l_1 br_none br_shade-4 br_solid:lg br_solid:md order_1 order_2:md dropdown_column w_50:md"
>
<ul class="ul_none lh_2"
id="SubLinkCollapseParent">
<li class="m-b_2">
<a class="dropdown-item link transition_4 wrap"
href="/clinical-topics/acute-coronary-syndromes"><span
class="text-indent_n1 inline-block m-l_4">Acute
Coronary Syndromes</span></span></a>
</li>
<li class="m-b_2">
<a class="dropdown-item link transition_4 wrap"
href="/clinical-topics/anticoagulation-management"
title="Anticoagulation Management"><span
class="text-indent_n1 inline-block m-l_4">Anticoagulation
Management</span></a>
</li>
<li class="m-b_2">
<div
class="flex justify_start transition_4 dropdown-item link">
<button class="flex_none p-r_2 p_0 self_center toggler inline-block br_none bg_transparent c_inherit-all h:undecorated display_none:lg"
data-bs-toggle="collapse"
role="button"
aria-expanded="true"
aria-controls="learningCollapse"
data-bs-target="#learningCollapse"
onclick="event.stopPropagation()">
<i
class="far fa icon-toggle_plus-minus-sub display_none:lg m-l_n2 m-r_2"></i>
</button>
<a class="flex_grow self_center wrap w_100 text-indent_n1 inline-block m-l_4 c_inherit-all h:undecorated p-r_3"
href="#">Online Learning Catalog</a>
</div>
<ul class="ul_none lh_3 font-size_down collapse transition_4 block:lg"
id="learningCollapse">
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/earncredit"><span
class="text-indent_n1 inline-block m-l_5">Earn
Credit</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/board-prep-offerings"
title="Board Prep Offerings"><span
class="text-indent_n1 inline-block m-l_5">Board
Prep Offerings</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/education-catalog"><span
class="text-indent_n1 inline-block m-l_5">View
the Entire Catalog</span></a>
</li>
</ul>
</li>
<li class="m-b_2">
<div
class="flex justify_start transition_4 dropdown-item link">
<a class="flex_none p-r_2 p_0 self_center toggler inline-block br_none bg_transparent c_inherit-all h:undecorated display_none:lg"
data-bs-toggle="collapse"
role="button"
aria-expanded="true"
aria-controls="productsCollapse"
data-bs-target="#productsCollapse"
onclick="event.stopPropagation()">
<i
class="far fa icon-toggle_plus-minus-sub display_none:lg m-l_n2 m-r_2"></i>
</a>
<a class="flex_grow self_center wrap w_100 text-indent_n1 inline-block m-l_4 c_inherit-all h:undecorated p-r_3"
href="/education-and-meetings/education-catalog">Products</a>
</div>
<ul class="ul_none lh_3 font-size_down collapse transition_4 block:lg"
id="productsCollapse">
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/accsap"><span
class="text-indent_n1 inline-block m-l_5">ACCSAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/accel-audio"><span
class="text-indent_n1 inline-block m-l_5">ACCEL</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/cardiosource-plus"><span
class="text-indent_n1 inline-block m-l_5">CardioSource
Plus for Institutions and
Practices</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/cathsap"><span
class="text-indent_n1 inline-block m-l_5">CathSAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/ecg-drill-and-practice"
title="ECG Drill and Practice"><span
class="text-indent_n1 inline-block m-l_5">ECG
Drill and Practice</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/echosap"><span
class="text-indent_n1 inline-block m-l_5">EchoSAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/epsap"><span
class="text-indent_n1 inline-block m-l_5">EP
SAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/heart-songs-5"><span
class="text-indent_n1 inline-block m-l_5">Heart
Songs</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/iscience"><span
class="text-indent_n1 inline-block m-l_5">iScience</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/recent-advances-in-clinical-nuclear-cardiology-and-cardiac-ct-mod"><span
class="text-indent_n1 inline-block m-l_5">Nuclear
Cardiology and Cardiac CT Meeting on
Demand</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/rightsteps-optimizing-medical-therapy-for-chronic-heart-failure"><span
class="text-indent_n1 inline-block m-l_5">RightSTEPS
Optimizing Medical Therapy for
Chronic Heart
Failure</span></a>
</li>
</ul>
</li>
</ul> </div>
</div> </div>
</li>
<li class="nav-item relative text_left text_center:lg flex_auto ">
<a class="nav-link expanded-click-area nowrap p-l_4 p-l_0:lg" href="#">Latest In Cardiology</a>
</li>
<li class="nav-item relative text_left text_center:lg flex_auto dropdown ">
<a class="nav-link nowrap p-l_4 p-l_0:lg dropdown-toggle [a:c_white] display_none:lg inline-block"
id="eduDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"><i
class="far fa icon-toggle_plus-minus m-l_n2 m-r_2 "></i>
</a>
<a class="nav-link nowrap p-l_0 [a:c_white] inline-block"
href="/Edu-Edu">Education and Meetings</a>
<div class="dropdown-menu font_copy br-t_0 dropdown-menu-end br_none br_solid:lg br_square 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="p-x_2 p-y_0 p-y_2:md dropdown_column">
<ul class="ul_none lh_2 m_0 max-w_25 w_100">
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/acute-coronary-syndromes.pdf"
><span class="text-indent_n1 inline-block m-l_4">Acute Coronary Syndromes</span></span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/anticoagulation-management"
title="Anticoagulation Management"
target="_blank"
><span class="text-indent_n1 inline-block m-l_4">Anticoagulation Management</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/arrhythmias-and-clinical-ep"
><span class="text-indent_n1 inline-block m-l_4">Arrhythmias and Clinical EP</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/acute-coronary-syndromes/atherosclerotic-disease-cad-pad"
><span class="text-indent_n1 inline-block m-l_4">Atherosclerotic Disease (CAD/PAD)</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/cardiac-surgery"
><span class="text-indent_n1 inline-block m-l_4">Cardiac Surgery</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/cardio-oncology"
><span class="text-indent_n1 inline-block m-l_4">Cardio-Oncology</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/congenital-heart-disease-pediatric-cardiology"
><span class="text-indent_n1 inline-block m-l_4">Congenital Heart Disease and Pediatric Cardiology</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/diabetes-and-cardiometabolic-disease.zip"
><span class="text-indent_n1 inline-block m-l_4">Diabetes and Cardiometabolic Disease</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/dyslipidemia"
title="Dyslipidemia"
><span class="text-indent_n1 inline-block m-l_4">Dyslipidemia</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/geriatric-cardiology"
><span class="text-indent_n1 inline-block m-l_4">Geriatric Cardiology</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/heart-failure-and-cardiomyopathies"
title="Heart Failure and Cardiomyopathies"
><span class="text-indent_n1 inline-block m-l_4">Heart Failure and Cardiomyopathies</span></a
>
</li>
</ul> </div>
</div> </div>
</li>
<li class="nav-item relative text_left text_center:lg flex_auto dropdown ">
<a class="nav-link nowrap p-l_4 p-l_0:lg dropdown-toggle [a:c_white] display_none:lg inline-block"
id="toolDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"><i
class="far fa icon-toggle_plus-minus m-l_n2 m-r_2 "></i>
</a>
<a class="nav-link nowrap p-l_0 [a:c_white] inline-block"
href="/Edu-Edu">Tools & Practice Support</a>
<div class="dropdown-menu font_copy br-t_0 dropdown-menu-end br_none br_solid:lg br_square m-t_0 m-t_2:lg" aria-labelledby="toolDropdown">
<div class="flex flex_column flex_row:md p-x_2:lg m-x_n1 m-x_0:lg">
<div class="p-x_2 p-y_0 p-y_2:md dropdown_column w_50:md">
<ul class="ul_none lh_2 m_0 max-w_25 w_100">
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/acute-coronary-syndromes.pdf"
><span class="text-indent_n1 inline-block m-l_4">Acute Coronary Syndromes</span></span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/anticoagulation-management"
title="Anticoagulation Management"
target="_blank"
><span class="text-indent_n1 inline-block m-l_4">Anticoagulation Management</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/arrhythmias-and-clinical-ep"
><span class="text-indent_n1 inline-block m-l_4">Arrhythmias and Clinical EP</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/acute-coronary-syndromes/atherosclerotic-disease-cad-pad"
><span class="text-indent_n1 inline-block m-l_4">Atherosclerotic Disease (CAD/PAD)</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/cardiac-surgery"
><span class="text-indent_n1 inline-block m-l_4">Cardiac Surgery</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/cardio-oncology"
><span class="text-indent_n1 inline-block m-l_4">Cardio-Oncology</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/congenital-heart-disease-pediatric-cardiology"
><span class="text-indent_n1 inline-block m-l_4">Congenital Heart Disease and Pediatric Cardiology</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/diabetes-and-cardiometabolic-disease.zip"
><span class="text-indent_n1 inline-block m-l_4">Diabetes and Cardiometabolic Disease</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/dyslipidemia"
title="Dyslipidemia"
><span class="text-indent_n1 inline-block m-l_4">Dyslipidemia</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/geriatric-cardiology"
><span class="text-indent_n1 inline-block m-l_4">Geriatric Cardiology</span></a
>
</li>
<li class="m-b_2">
<a
class="dropdown-item link transition_4 wrap"
href="/clinical-topics/heart-failure-and-cardiomyopathies"
title="Heart Failure and Cardiomyopathies"
><span class="text-indent_n1 inline-block m-l_4">Heart Failure and Cardiomyopathies</span></a
>
</li>
</ul> </div>
<div
class="p-x_2 p-y_0 p-y_2:md br-l_1 br_none br_shade-4 br_solid:lg br_solid:md dropdown_column w_50:md"
>
<ul class="ul_none lh_2"
id="SubLinkCollapseParent">
<li class="m-b_2">
<a class="dropdown-item link transition_4 wrap"
href="/clinical-topics/acute-coronary-syndromes"><span
class="text-indent_n1 inline-block m-l_4">Acute
Coronary Syndromes</span></span></a>
</li>
<li class="m-b_2">
<a class="dropdown-item link transition_4 wrap"
href="/clinical-topics/anticoagulation-management"
title="Anticoagulation Management"><span
class="text-indent_n1 inline-block m-l_4">Anticoagulation
Management</span></a>
</li>
<li class="m-b_2">
<div
class="flex justify_start transition_4 dropdown-item link">
<button class="flex_none p-r_2 p_0 self_center toggler inline-block br_none bg_transparent c_inherit-all h:undecorated display_none:lg"
data-bs-toggle="collapse"
role="button"
aria-expanded="true"
aria-controls="learningCollapse"
data-bs-target="#learningCollapse"
onclick="event.stopPropagation()">
<i
class="far fa icon-toggle_plus-minus-sub display_none:lg m-l_n2 m-r_2"></i>
</button>
<a class="flex_grow self_center wrap w_100 text-indent_n1 inline-block m-l_4 c_inherit-all h:undecorated p-r_3"
href="#">Online Learning Catalog</a>
</div>
<ul class="ul_none lh_3 font-size_down collapse transition_4 block:lg"
id="learningCollapse">
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/earncredit"><span
class="text-indent_n1 inline-block m-l_5">Earn
Credit</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/board-prep-offerings"
title="Board Prep Offerings"><span
class="text-indent_n1 inline-block m-l_5">Board
Prep Offerings</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/education-catalog"><span
class="text-indent_n1 inline-block m-l_5">View
the Entire Catalog</span></a>
</li>
</ul>
</li>
<li class="m-b_2">
<div
class="flex justify_start transition_4 dropdown-item link">
<a class="flex_none p-r_2 p_0 self_center toggler inline-block br_none bg_transparent c_inherit-all h:undecorated display_none:lg"
data-bs-toggle="collapse"
role="button"
aria-expanded="true"
aria-controls="productsCollapse"
data-bs-target="#productsCollapse"
onclick="event.stopPropagation()">
<i
class="far fa icon-toggle_plus-minus-sub display_none:lg m-l_n2 m-r_2"></i>
</a>
<a class="flex_grow self_center wrap w_100 text-indent_n1 inline-block m-l_4 c_inherit-all h:undecorated p-r_3"
href="/education-and-meetings/education-catalog">Products</a>
</div>
<ul class="ul_none lh_3 font-size_down collapse transition_4 block:lg"
id="productsCollapse">
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/accsap"><span
class="text-indent_n1 inline-block m-l_5">ACCSAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/accel-audio"><span
class="text-indent_n1 inline-block m-l_5">ACCEL</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/cardiosource-plus"><span
class="text-indent_n1 inline-block m-l_5">CardioSource
Plus for Institutions and
Practices</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/cathsap"><span
class="text-indent_n1 inline-block m-l_5">CathSAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/ecg-drill-and-practice"
title="ECG Drill and Practice"><span
class="text-indent_n1 inline-block m-l_5">ECG
Drill and Practice</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/echosap"><span
class="text-indent_n1 inline-block m-l_5">EchoSAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/epsap"><span
class="text-indent_n1 inline-block m-l_5">EP
SAP</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/heart-songs-5"><span
class="text-indent_n1 inline-block m-l_5">Heart
Songs</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/iscience"><span
class="text-indent_n1 inline-block m-l_5">iScience</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/recent-advances-in-clinical-nuclear-cardiology-and-cardiac-ct-mod"><span
class="text-indent_n1 inline-block m-l_5">Nuclear
Cardiology and Cardiac CT Meeting on
Demand</span></a>
</li>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5"
href="/education-and-meetings/products-and-resources/rightsteps-optimizing-medical-therapy-for-chronic-heart-failure"><span
class="text-indent_n1 inline-block m-l_5">RightSTEPS
Optimizing Medical Therapy for
Chronic Heart
Failure</span></a>
</li>
</ul>
</li>
</ul> </div>
</div> </div>
</li>
<li class="display_none:lg nav-item relative text_left text_center:lg flex_auto ">
<a class="nav-link expanded-click-area nowrap p-l_4 p-l_0:lg" href="//www.acc.org/membership" title="Access exclusive member features and groups or learn about ACC membership">Membership</a>
</li>
<li class="display_none:lg nav-item relative text_left text_center:lg flex_auto ">
<a class="nav-link expanded-click-area nowrap p-l_4 p-l_0:lg" href="//www.acc.org/about-acc" title="Learn about the ACC organization">About ACC</a>
</li>
<li class="display_none:lg nav-item relative text_left text_center:lg flex_auto ">
<a class="nav-link expanded-click-area nowrap p-l_4 p-l_0:lg" href="http://www.onlinejacc.org/" target="_blank" title="JACC.org">JACC</a>
</li>
<li class="display_none:lg nav-item relative text_left text_center:lg flex_auto ">
<a class="nav-link expanded-click-area nowrap p-l_4 p-l_0:lg" href="http://accscientificsession.acc.org" target="_blank" title="ACC Annual Scientific Session Website">ACC.19</a>
</li>
</ul>
</div>
</nav>
<nav class="font_1 absolute bg_primary br-t_1 br_primary br_solid br_none flex_shrink font_0 font_0:lg m-l_auto navbar navbar-dark navbar-expand p-y_2 r_0 t_0 b_0:lg relative:lg" >
<ul class="navbar-nav">
<li class="nav-item relative flex_shrink dropdown">
<a class="nav-link expanded-click-area [a:c_white] h:c_white nowrap"
role="button"
id="dropdownMyACC"
data-bs-toggle="dropdown"
aria-expanded="false"
>My ACC <i class="far icon-toggle_chevron-up-down"></i></a>
<div
class="dropdown-menu font_copy br-t_0 dropdown-menu-end br_none br_solid:lg m-t_0 m-t_2:lg font_0" aria-labelledby="dropdownMyACC"
>
<div class="flex flex_column flex_row:md p-x_2:lg m-x_n1 m-x_0:lg">
<div class="p-x_2 p-y_0 dropdown_column">
<ul class="ul_none lh_2 m_0">
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/my-profile">My Profile</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/my-training-program">My Training Programs</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/my-membership">My Membership</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/my-library">My Library</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="http://edu.acc.org/diweb/dashboard">My Learning Dashboard</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="http://edu.acc.org/diweb/grades">My Transcript</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/ncdr-physician-dashboard">NCDR Physician Dashboard</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/my-communication-preferences">My Communication Preferences</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="https://memberhub.acc.org/">ACC Member Hub</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/my-purchase-history">My Purchases</a>
</li>
<li>
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/my-acc/personalization">Personalize ACC.org</a>
</li>
<div class="dropdown-divider m-y_3"></div>
<li class="">
<a class="dropdown-item link transition_4 wrap text-indent_n1 p-l_5 lh_2" href="/RemoteLogOff"> Logout</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class=" nav-link nowrap" href="#"><i class="far fa-shopping-cart"></i></a>
</li>
<!--<li class="nav-item">
<a class=" nav-link nowrap" href="#"><i class="fas fa-sign-out-alt"></i></a>
</li>-->
<!--<li class="nav-item">
<a href="@loginlink" class="nav-link nowrap"><i class="fas fa-sign-in-alt"></i> Log in to MyACC </a>
</li>-->
</ul>
</nav></div>