Links are styled using the brand-primary color in the theme styles.
<-- Basic Links -->
<p>This is <a href="#">an example of a link</a>.</p>
This is the basic outline of the top navigation. The example below is not fixed to the top like
the theme's top navigation.
<!-- Top Navigation -->
<nav aria-label="exampleNav" class="navbar navbar-expand-xl bg-white shadow py-3">
<div class="container-xl position-relative">
<a class="navbar-brand" href="../index.html">
Logo
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navExample" aria-controls="navExample" aria-expanded="false"
aria-label="Toggle navigation">
<span id="hamburger">
<span id="hamContainer" class="">
<span class="squish"></span>
<span class="squish"></span>
<span class="squish"></span>
</span>
</span>
</button>
<div class="collapse navbar-collapse" id="navExample">
<ul class="navbar-nav ms-auto me-0 me-xl-2 mb-2 mb-xl-0 mt-3 mt-xl-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link good-vibes-dropdown-toggle collapsed"
data-bs-toggle="collapse" role="button" aria-expanded="false"
aria-controls="linkTwoList" href="#linkTwoList">Dropdown</a>
<ul id="linkTwoList" class="dropdown-menu-gv test-class collapse">
<li><a class="dropdown-item fw-semibold" href="ecommerce.html">Link
One
</li>
<li><a class="dropdown-item fw-semibold"
href="ecommerce-category-left.html">Link Two</a></li>
<li><a class="dropdown-item fw-semibold"
href="ecommerce-category-right.html">Link Three</a></li>
<li><a class="dropdown-item fw-semibold"
href="../product-single.html">Link Four</a>
</li>
<li><a class="dropdown-item fw-semibold" href="bag.html">Link
Five</a>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true" href="#">Disabled</a>
</li>
</ul>
</div>
</div>
</nav>