navbar.html

<nav class="light-blue lighten-1" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">logo</a>
        <!-- Dropdown Structure -->
        <ul id="account" class="dropdown-content">
            <li><a href="{{ path('fos_user_security_login') }}">Login</a></li>
            <li class="divider"></li>
            <li><a href="{{ path('fos_user_registration_register') }}">Sign up</a></li>
        </ul>
        <!-- Mobile Dropdown Structure -->
        <ul id="maccount" class="dropdown-content">
            <li><a href="{{ path('fos_user_security_login') }}">Login</a></li>
            <li class="divider"></li>
            <li><a href="{{ path('fos_user_registration_register') }}">Sign up</a></li>
        </ul>
        <ul class="right hide-on-med-and-down">
            <li>+91-1234567890</li>
            <li><a href="#">Request A Quote</a></li>
            <li><a class="dropdown-button" data-activates="account" href="{{ path('fos_user_security_login') }}">Login<i
                            class="material-icons right">arrow_drop_down</i></a></li>
            <li><a href="#"><i class="material-icons">shopping_cart</i>Shopping Cart</a></li>
        </ul>

        <ul id="nav-mobile" class="side-nav">
            <li>+91-1234567890</li>
            <li><a href="#">Request A Quote</a></li>
            <li><a class="dropdown-button" data-activates="maccount"
                   href="{{ path('fos_user_security_login') }}">Login<i class="material-icons right">arrow_drop_down</i>
                </a></li>
            <li><a href="#"><i class="material-icons">shopping_cart</i>Shopping Cart</a></li>
        </ul>
        <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
    </div>
</nav>