🏦
Bank Page
organizes incoming, sent, and archived messages, providing an efficient way to manage communications.
View Mode
HTML
<div class="page-head">
<h1 class="page-title">الإعدادات</h1>
<p class="page-desc">ضبط إعدادات المنصة.</p>
</div>
<div class="js-simplebar mb-4 mb-lg-5">
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="setting-01.html">اعدادات عامة</a></li>
<li class="nav-item"><a class="nav-link" href="setting-02.html">المدفوعات</a></li>
<li class="nav-item"><a class="nav-link active" aria-current="page" href="setting-03.html">بياناتي البنكية</a></li>
<li class="nav-item"><a class="nav-link" href="setting-04.html">ادارة المناطق</a></li>
<li class="nav-item"><a class="nav-link" href="setting-05.html">بوابة SMS</a></li>
<li class="nav-item"><a class="nav-link" href="setting-06.html">نموذج التسجيل</a></li>
<li class="nav-item"><a class="nav-link" href="setting-07.html">ادارة البريد</a></li>
<li class="nav-item"><a class="nav-link" href="setting-08.html">قوالب الرسائل</a></li>
</ul>
</div>
<div class="row g-3">
<div class="col-12">
<div class="bank-card"> <span class="bank-card__icon tticon-bank"></span>
<div class="bank-card__info">
<h6 class="bank-card__name">Alinma Bank</h6><span class="bank-card__number">SA03 8000 0000 **** **** 7519</span>
</div>
<div class="form-check form-switch bank-card__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch" checked="checked"/>
</div>
<div class="bank-card__buttons">
<button class="btn btn-square btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#bank-details-modal"><span class="tticon-eye btn-icon"></span></button>
<button class="btn btn-square btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#edit-bank-modal"><span class="tticon-pen btn-icon"></span></button>
<button class="btn btn-square btn-sm"><span class="tticon-trash btn-icon"></span></button>
</div>
</div>
</div>
<div class="col-12">
<div class="bank-card"> <span class="bank-card__icon tticon-bank"></span>
<div class="bank-card__info">
<h6 class="bank-card__name">Alrajhi Bank</h6><span class="bank-card__number">SA03 8000 0000 **** **** 7519</span>
</div>
<div class="form-check form-switch bank-card__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch" checked="checked"/>
</div>
<div class="bank-card__buttons">
<button class="btn btn-square btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#bank-details-modal"><span class="tticon-eye btn-icon"></span></button>
<button class="btn btn-square btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#edit-bank-modal"><span class="tticon-pen btn-icon"></span></button>
<button class="btn btn-square btn-sm"><span class="tticon-trash btn-icon"></span></button>
</div>
</div>
</div>
<div class="col-12">
<div class="bank-card"> <span class="bank-card__icon tticon-bank"></span>
<div class="bank-card__info">
<h6 class="bank-card__name">Alahli Bank</h6><span class="bank-card__number">SA03 8000 0000 **** **** 7519</span>
</div>
<div class="form-check form-switch bank-card__switch">
<input class="form-check-input form-check-input-lg" type="checkbox" role="switch" checked="checked"/>
</div>
<div class="bank-card__buttons">
<button class="btn btn-square btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#bank-details-modal"><span class="tticon-eye btn-icon"></span></button>
<button class="btn btn-square btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#edit-bank-modal"><span class="tticon-pen btn-icon"></span></button>
<button class="btn btn-square btn-sm"><span class="tticon-trash btn-icon"></span></button>
</div>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#new-bank-modal"><span class="tticon-plus-bold btn-icon"></span>حساب جديد</button>
</div>
</div>