{% load static %}
{% block navbar %}
 <!--Navbar Start-->

    <div class="container">
        <a class="navbar-brand logo" href="#">
            <img src="{% static 'images/logo-light.png' %}" alt="" class="logo-light" height="20" />
            <img src="{% static 'images/logo-dark.png' %}" alt="" class="logo-dark" height="20" />
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ms-auto mb-2 mb-lg-0" id="navbar-navlist">
                <li class="nav-item">
                    <a href="#home" class="nav-link" id="scrollElement">Home</a>
                </li>
                <li class="nav-item">
                    <a href="#about" class="nav-link">About</a>
                </li>
                <li class="nav-item">
                    <a href="#features" class="nav-link">Features</a>
                </li>
                <li class="nav-item">
                    <a href="#clients" class="nav-link">Clients</a>
                </li>
                <li class="nav-item">
                    <a href="#pricing" class="nav-link">Plans</a>
                </li>
                <li class="nav-item">
                    <a href="#contact" class="nav-link">Contact</a>
                </li>
            </ul>
            <a href="#" class="btn btn-info btn-sm navbar-btn my-lg-0 my-2">Try it Free</a>

        </div>
    </div>
</nav>
<!-- Navbar End -->
{% endblock navbar %}