{{-- Kontak --}}
                <div class="col-12">
                    <div class="card">
                        <div class="card-header d-md-flex flex-row justify-content-between">
                            <h6 class="mt-2">Kontak/Media Sosial</h6>
                            <div>
                                <button class="btn btn-primary btn-sm" data-bs-effect="effect-scale"
                                    data-bs-toggle="modal" href="#modal-kontak" onclick="kontakAdd()"
                                    data-target="#modal-kontak">
                                    <i class="fa fa-plus me-2"></i>Tambah Data
                                </button>
                            </div>
                        </div>
                        <div class="card-body p-0">
                            <div class="list-group list-group-flush" id="kontak-body"> </div>
                        </div>
                    </div>
                </div>