<div class="page-content">
        <div class="page-title page-title-small">
            <h2>Riwayat</h2>
            <!-- <a href="#" data-menu="menu-main" class="bg-fade-gray1-dark shadow-xl preload-img" data-src="images/avatars/5s.png"></a> -->
        </div>
        <div class="card header-card shape-rounded" data-card-height="210">
            <div class="card-overlay bg-highlight opacity-95"></div>
            <div class="card-overlay dark-mode-tint"></div>
            <div class="card-bg preload-img" data-src="images/pictures/20s.jpg"></div>
        </div>
        <div class="card card-style">
            <div class="content mt-0 mb-2">
                <div class="list-group list-custom-large mb-4">
                    <a href="#" class="show-on-theme-light">
                        <i class="fa font-14 fa-money-bill-wave bg-brown1-dark rounded-sm"></i>
                        <span>SPP</span>
                        <strong>pembayaran spp</strong>
                        <i class="fa fa-angle-right mr-2"></i>
                    </a>     
                    <a href="#" >
                        <i class="fa font-14 fa-money-check bg-highlight color-white rounded-sm"></i>
                        <span>Pembelian</span>
                        <strong>kegiatan transaksi sehari hari </strong>
                        <i class="fa fa-angle-right mr-2"></i>
                    </a>
                    <a href="#" >
                        <i class="fa font-14 fa-arrows-alt-h bg-green1-dark rounded-sm"></i>
                        <span>Transfer teman</span>
                        <strong>A Sample for Demo Purposes</strong>
                        <i class="fa fa-angle-right mr-2"></i>
                    </a>
                    <a href="#" >
                        <i class="fa font-14 fa-brush bg-highlight color-white rounded-sm"></i>
                        <span>Infaq</span>
                        <strong>isi ulang saldo</strong>
                        <i class="fa fa-angle-right mr-2"></i>
                    </a>       
                    <a href="#" >
                        <i class="fa font-14 fa-brush bg-highlight color-white rounded-sm"></i>
                        <span>Debit</span>
                        <strong>isi ulang saldo</strong>
                        <i class="fa fa-angle-right mr-2"></i>
                    </a>     
                    <a href="#" >
                        <i class="fa font-14 fa-share-alt bg-red2-dark rounded-sm"></i>
                        <span>Tabungan</span>
                        <strong>tabungan tahunan </strong>
                        <i class="fa fa-angle-right mr-2"></i>
                    </a>     
                    <a href="#" >
                        <i class="fa font-14 fa-globe bg-green1-dark rounded-sm"></i>
                        <span>Tarik Tunai</span>
                        <strong>A Sample for Demo Purposes</strong>
                        <i class="fa fa-angle-right mr-2"></i>
                    </a>     
                </div>
            </div>  
        </div>
      
