Template tampilan GA ONE seperti dokumentasi Bootstrap.

template-ga-one/
├── index.html
├── README.md
└── assets/
    ├── css/ga-one.css
    ├── js/docs.js
    └── img/statistics-reference.png

<div class="ga-app">
  <aside class="ga-sidebar">...</aside>

  <div class="ga-app-main">
    <header class="ga-topbar">...</header>

    <main class="ga-main">
      <div class="ga-page">
        <!-- module content -->
      </div>
    </main>
  </div>
</div>

<section class="ga-page-header">
  <div class="page-heading">
    <div class="status-dots">
      <i></i><i></i><i></i><i></i>
    </div>
    <h1>Judul Modul</h1>
    <p>Deskripsi singkat fungsi halaman.</p>
  </div>

  <button class="ga-action">Tambah Data</button>
</section>

<div class="ga-stats-grid">
  <article class="ga-stat-card">
    <span class="stat-icon blue">ICON</span>
    <div>
      <small>BATCH / PESERTA</small>
      <strong>44 <em>/</em> 102</strong>
    </div>
  </article>
</div>

<section class="ga-filter-panel">
  <div class="search-field">
    <label>Cari Data</label>
    <div class="search-box">
      <span>⌕</span>
      <input type="text" placeholder="Ketik kata kunci…">
      <button>Cari</button>
    </div>
  </div>

  <div class="filter-field">
    <label>Status</label>
    <select><option>Semua Status</option></select>
  </div>
</section>