<div class="col-md-12 col-lg-3 col-xl-2 quick-nav-wrapper">
    <div class="quick-nav">
        <button class="btn btn-filters d-lg-none d-inline-flex align-items-center"
                onclick="$('#filters-id').toggleClass('filters-visible'); $('.quick-nav-wrapper').addClass('index-1020')">
            @lang('About us')
            <span class="icon icon-feather-chevron-right ml-2"></span>
        </button>

        <div class="px-3 px-md-5 p-lg-0" id="filters-id">
            <button class="btn px-0 d-lg-none filter-close"
                    onclick="$('#filters-id').removeClass('filters-visible'); $('.quick-nav-wrapper').removeClass('index-1020')">
                <span class="icon icon-feather-chevron-left"></span>
            </button>

            <div class="pt-3 mt-xxl-4 pt-xl-3 filters-content">
                <img src="{{asset('assets/site/images/logo/superchef.png')}}" alt="crama maxi-marc" class="img-fluid d-lg-none filters-logo mb-5">
                <div class="filter">
                    <div class="filter-title mb-2 mb-lg-3 mb-xl-4 mb-xxl-5 d-none d-lg-block">
                        @lang('About us')
                    </div>

                    <ul class="list-unstyled mb-0">
                        <li>
                            <a href="{{route('site.page', 'crama')}}">
                                @lang('Wine cellar')
                            </a>
                        </li>
                        <li>
                            <a href="{{route('site.page', 'istorie')}}">
                                @lang('History')
                            </a>
                        </li>
                        <li>
                            <a href="{{route('site.page', 'familie')}}">
                                @lang('Family')
                            </a>
                        </li>
                        <li>
                            <a href="{{route('site.team')}}">
                                @lang('Team')
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>