Source: dist/css/covid_boot.css, line 6843
2.1.2 Responsive Top Nav with Single Layer Nav
The Header Nav with no dropdown navs but with elements that show up only in the mobile viewport
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 6843
The Header Nav with no dropdown navs but with elements that show up only in the mobile viewport
<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="display_none:lg nav-item">
<a class="nav-link" href="//www.acc.org/" title="Home of the American College of Cardiology"
><i class="fas fa-home"></i><span class="display_none:lg"> Home</span></a
>
</li>
<li class="display_none:lg nav-item">
<a
class="nav-link" 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">
<a class="nav-link" href="/clinical-topics" >Clinical Topics</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Latest In Cardiology</a>
</li>
<li class="display_none:lg nav-item">
<a
class="nav-link"
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">
<a class="nav-link" href="//www.acc.org/about-acc" title="Learn about the ACC organization"
>About ACC</a
>
</li>
<li class="display_none:lg nav-item">
<a class="nav-link" href="http://www.onlinejacc.org/" target="_blank" title="JACC.org">JACC <i class="c_white fa-external-link-square fal h:c_white m-l_3 p-r_3 p-t_2" style="text-indent: 0;"></i></a>
</li>
<li class="display_none:lg nav-item">
<a
class="nav-link"
href="http://accscientificsession.acc.org"
target="_blank"
title="ACC Annual Scientific Session Website"
>ACC.19 <i class="c_white fa-external-link-square fal h:c_white m-l_3 p-r_3 p-t_2" style="text-indent: 0;"></i></a
>
</li>
</ul>
</div>
</nav>