@extends('layouts.app')
@section('content')
    <div class="content-heading">
        <div>
            Dropdown Animations
            <small>Extends the dropdown effects when open just adding an animation class</small>
        </div>
    </div>
    <!-- START row-->
    <div class="row">
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">bounce</button>
                    <div class="dropdown-menu animated bounce" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">flash</button>
                    <div class="dropdown-menu animated flash" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">pulse</button>
                    <div class="dropdown-menu animated pulse" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">rubberBand</button>
                    <div class="dropdown-menu animated rubberBand" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">shake</button>
                    <div class="dropdown-menu animated shake" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">swing</button>
                    <div class="dropdown-menu animated swing" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">tada</button>
                    <div class="dropdown-menu animated tada" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">wobble</button>
                    <div class="dropdown-menu animated wobble" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">bounceIn</button>
                    <div class="dropdown-menu animated bounceIn" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">bounceInDown</button>
                    <div class="dropdown-menu animated bounceInDown" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">bounceInLeft</button>
                    <div class="dropdown-menu animated bounceInLeft" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">bounceInRight</button>
                    <div class="dropdown-menu animated bounceInRight" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">bounceInUp</button>
                    <div class="dropdown-menu animated bounceInUp" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeIn</button>
                    <div class="dropdown-menu animated fadeIn" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInDown</button>
                    <div class="dropdown-menu animated fadeInDown" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInDownBig</button>
                    <div class="dropdown-menu animated fadeInDownBig" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInLeft</button>
                    <div class="dropdown-menu animated fadeInLeft" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInLeftBig</button>
                    <div class="dropdown-menu animated fadeInLeftBig" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInRight</button>
                    <div class="dropdown-menu animated fadeInRight" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInRightBig</button>
                    <div class="dropdown-menu animated fadeInRightBig" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInUp</button>
                    <div class="dropdown-menu animated fadeInUp" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">fadeInUpBig</button>
                    <div class="dropdown-menu animated fadeInUpBig" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">flip</button>
                    <div class="dropdown-menu animated flip" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">flipInX</button>
                    <div class="dropdown-menu animated flipInX" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">flipInY</button>
                    <div class="dropdown-menu animated flipInY" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">lightSpeedIn</button>
                    <div class="dropdown-menu animated lightSpeedIn" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">rotateIn</button>
                    <div class="dropdown-menu animated rotateIn" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">rotateInDownLeft</button>
                    <div class="dropdown-menu animated rotateInDownLeft" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">rotateInDownRight</button>
                    <div class="dropdown-menu animated rotateInDownRight" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">rotateInUpLeft</button>
                    <div class="dropdown-menu animated rotateInUpLeft" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">rotateInUpRight</button>
                    <div class="dropdown-menu animated rotateInUpRight" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">hinge</button>
                    <div class="dropdown-menu animated hinge" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">rollIn</button>
                    <div class="dropdown-menu animated rollIn" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">zoomIn</button>
                    <div class="dropdown-menu animated zoomIn" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">zoomInDown</button>
                    <div class="dropdown-menu animated zoomInDown" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">zoomInLeft</button>
                    <div class="dropdown-menu animated zoomInLeft" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">zoomInRight</button>
                    <div class="dropdown-menu animated zoomInRight" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
        <div class="col-sm-6 col-lg-3">
            <!-- START box placeholder-->
            <div class="box-placeholder">
                <!-- START button group-->
                <div class="btn-group">
                    <button class="btn btn-secondary" data-toggle="dropdown">zoomInUp</button>
                    <div class="dropdown-menu animated zoomInUp" role="menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                        <a class="dropdown-item" href="#">Separated link</a>
                    </div>
                </div>
                <!-- END button group-->
            </div>
            <!-- END box placeholder-->
        </div>
    </div>
    <!-- END row-->
    <br />
    <br />
    <br />
    <br />
    <br />
@endsection
@section('styles')@endsection
@section('scripts')@endsection