<div class="animated fadeIn">
    <div class="row">
        <div class="col-md-4 ui-sortable">
            <div class="row dragdrop">
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-success">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-warning">
                        <div class="card-header drag ui-sortable-handle">Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                      
                    </div>
                    <div class="card-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.</div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-info">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-danger">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 ui-sortable">
            <div class="row dragdrop">
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-success">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-warning">
                        <div class="card-header drag ui-sortable-handle">Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                      
                    </div>
                    <div class="card-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.</div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-info">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-danger">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 ui-sortable">
            <div class="row dragdrop">
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-success">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-warning">
                        <div class="card-header drag ui-sortable-handle">Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                      
                    </div>
                    <div class="card-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.</div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-info">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
                <div class="col-md-12 ui-sortable">
                    <div class="card card-accent-danger">
                        <div class="card-header drag ui-sortable-handle">
                            Arraste e solte o <a class="badge badge-danger" href="#">componente CoreUI Pro do</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Por outro lado, o mínimo necessário é o exercício físico necessário para aumentar a suscetibilidade de lobortis, além de alíquotas ex e comissões consequentes.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>