SMS Gateway Page

                  
 HTML
                    Copy
                  
 <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" 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 active" aria-current="page" 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-4">
  <div class="col-sm-6 col-xxl-4">
    <div class="app-widget"> 
      <div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/msegat.svg" alt=""/>
        <div class="app-widget__meta"> 
          <h6 class="app-widget__name">مسجات</h6><span class="app-widget__link">msegat.com</span>
        </div>
        <div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
          <input class="form-check-input form-check-input-lg" type="checkbox" role="switch"/>
        </div>
      </div>
      <p class="app-widget__content">مسجات هي منصة تساعدك على بناء التواصل في تطبيقك. كل شيء تحتاجه للتواصل مع عملائك.</p>
      <div class="app-widget__buttons-wrapper"> 
        <button class="btn btn-secondary"><span class="tticon-pen btn-icon"> </span>تحرير</button>
        <button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-xxl-4">
    <div class="app-widget"> 
      <div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/unifonic.svg" alt=""/>
        <div class="app-widget__meta"> 
          <h6 class="app-widget__name">Unifonic</h6><span class="app-widget__link">unifonic.com</span>
        </div>
        <div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
          <input class="form-check-input form-check-input-lg" type="checkbox" role="switch"/>
        </div>
      </div>
      <p class="app-widget__content">منصة تواصل السحابي وتفاعل العملاء تهدف الى توفير حلولًا مبتكرة تُمكن المؤسسات من التواصل مع عملائها.</p>
      <div class="app-widget__buttons-wrapper"> 
        <button class="btn btn-secondary"><span class="tticon-pen btn-icon"> </span>تحرير</button>
        <button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
      </div>
    </div>
  </div>
  <div class="col-sm-6 col-xxl-4">
    <div class="app-widget"> 
      <div class="app-widget__header"> <img class="app-widget__logo" src="images/logos/deewan.svg" alt=""/>
        <div class="app-widget__meta"> 
          <h6 class="app-widget__name">ديوان</h6><span class="app-widget__link">deewan.sa</span>
        </div>
        <div class="form-check form-switch flex-wrap ps-0 app-widget__switch">
          <input class="form-check-input form-check-input-lg" type="checkbox" role="switch"/>
        </div>
      </div>
      <p class="app-widget__content">مزود اتصالات سعودي يقدم حلول تقنية لإرسال كميات كبيرة من الرسائل النصية بسرعة عالية.</p>
      <div class="app-widget__buttons-wrapper"> 
        <button class="btn btn-secondary"><span class="tticon-pen btn-icon"> </span>تحرير</button>
        <button class="btn btn-secondary" type="button" data-bs-toggle="modal" data-bs-target="#edit-app-modal">انشاء حساب</button>
      </div>
    </div>
  </div>
</div>