source: resources/views/fragments/blog/nav.blade.php

<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top pt-0 pb-0 mainNavbar">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
        </button>

        <a class="navbar-brand logo" href="#">
                <img src="{{ asset("assets/images/logo.png") }}" alt="Technoblog Logo">
        </a>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                <ul class="navbar-nav mr-auto">
                        <li class="nav-item pl-0 pr-0">
                                <a href="{{ route("blog.index") }}" class="nav-link {{ request()->is("/") ? "active" : "" }}">Home</a>
                        </li>
                        @foreach ($blogCategories as $category)
                        <li class="nav-item pl-0 pr-0">
                                <a href="{{ "/category/" . strtolower($category->name) }}" class="nav-link {{ request()->is(["category/" . strtolower($category->name), "category/" . strtolower($category->name) . "/*"]) ? 'active' : '' }}">{{ $category->name }}</a>
                        </li>
                        @endforeach
                </ul>
                <form action="{{ route("blog.search") }}" method="get" class="form-inline my-2 my-lg-0 searchForm">
                        <div class="input-group input-group-sm">
                                <input type="text" class="form-control" name="q" placeholder="Search" required>
                                <div class="input-group-append">
                                        <input type="submit" class="btn bg-primary text-light searchSubmitBtn" value="Search">
                                </div>
                        </div>
                </form>
        </div>
</nav>
<div style="height: 110px;"></div>