Im trying to change some HTML, where a toggle navbar links to in-document positions (#).
however i would like one link (webshop) to go to another page. All seems well but the button does not link to the page (webshop.html).
Code:
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars navbar-toggler-icon"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#infinite">Home</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#whatwedo">What I Do</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#testimonials">Who am I</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="webshop.html">Webshop</a>
</li>
</ul>
</div>
however i would like one link (webshop) to go to another page. All seems well but the button does not link to the page (webshop.html).
Code:
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars navbar-toggler-icon"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#infinite">Home</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#whatwedo">What I Do</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#testimonials">Who am I</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#gallery">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="webshop.html">Webshop</a>
</li>
</ul>
</div>