<!-- Nav Sidebar -->
<div class="docs-nav-sidebar">
    <a class="navbar-brand d-none d-md-block flex-column" href="{{ asset('/assets') }}/index.html"><img
            src="{{ asset('/assets') }}/images/brand/logo/logo-primary.svg" alt=""> </a>
    <div class=" docs-nav">
        <nav class="navbar navbar-expand-md  navbar-light">
            <div class="collapse navbar-collapse " id="navbarNav">
                <ul class="navbar-nav flex-column" id="sidebarnav">
                    <li class="navbar-header">
                        <h5 class="heading">Getting Started</h5>
                    </li>
                    <li class="nav-item"><a href="index.html" class="nav-link">Introduction</a></li>
                    <li class="nav-item"><a href="gulp.html" class="nav-link">Gulp</a></li>

                    <li class="nav-item"><a href="changelog.html" class="nav-link">Changelog</a>
                    </li>
                    <li class="nav-item"><a href="credits.html" class="nav-link">Credits</a>
                    </li>



                </ul>
            </div>
        </nav>
    </div>
    <div class="nav-footer">
        <p class="mb-0"> Developed by <a href="https://codescandy.com" target="_blank">Codescandy</a></p>
    </div>
</div>
