<div class="fixed-plugin">
    <div class="dropdown show-dropdown">
        <a href="#" data-toggle="dropdown">
            <i class="fa fa-cog fa-2x"> </i>
        </a>
        <ul class="dropdown-menu">
            <li class="header-title"> Color de la Barra Leteral</li>
            <li class="adjustments-line">
                <a href="javascript:void(0)" class="switch-trigger background-color">
                    <div class="badge-colors text-center">
                        <span class="badge filter badge-light " data-color="white"></span>
                        <span class="badge filter badge-dark active" data-color="black"></span>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </li>
            {{--           <li class="header-title"> Sidebar Active Color</li>
            <li class="adjustments-line text-center">
                <a href="javascript:void(0)" class="switch-trigger active-color">
                    <span class="badge filter badge-primary" data-color="primary"></span>
                    <span class="badge filter badge-info" data-color="info"></span>
                    <span class="badge filter badge-success" data-color="success"></span>
                    <span class="badge filter badge-warning" data-color="warning"></span>
                    <span class="badge filter badge-danger active" data-color="danger"></span>
                </a>
            </li> --}}
            {{-- <li class="button-container">
                <a href="https://www.creative-tim.com/product/paper-dashboard-laravel" target="_blank"
                    class="btn btn-primary btn-block btn-round">Download Now</a>
            </li>
            <li class="button-container">
                <a href="https://paper-dashboard-laravel.creative-tim.com/docs/getting-started/laravel-setup.html"
                    target="_blank" class="btn btn-outline-default btn-block btn-round">
                    <i class="nc-icon nc-paper"></i> Documentation
                </a>
            </li>
            <li class="header-title">
                Want more components?
            </li>
            <li class="button-container">
                <a href="https://www.creative-tim.com/product/paper-dashboard-pro-laravel" target="_blank"
                    class="btn btn-danger btn-block btn-round">
                    Get Pro Version
                </a>
            </li>
            <li class="header-title">Thank you for 95 shares!</li>
            <li class="button-container text-center">
                <button id="twitter" class="btn btn-outline-default btn-round btn-sm"><i class="fa fa-twitter"></i>
                    &middot; 45</button>
                <button id="facebook" class="btn btn-outline-default btn-round btn-sm"><i class="fa fa-facebook-f"></i>
                    &middot; 50</button>
                <br>
                <br>
                <a class="github-button" href="https://github.com/creativetimofficial/paper-dashboard"
                    data-icon="octicon-star" data-size="large" data-show-count="true"
                    aria-label="Star ntkme/github-buttons on GitHub">Star</a>
            </li> --}}
        </ul>
    </div>
</div>
