<div id="tab-home" class="tab tab-home tab-active">
  <div class="page">
    <div class="navbar navbar-large">
      <div class="navbar-inner sliding">
        <div class="left">
        </div>
        <div class="title">Home</div>
        <div class="title-large">
          <div class="title-large-text">Home</div>
        </div>
        <div class="right">
          <a href="#" class="link icon-only switch-theme">
            <i class="icon f7-icons">moon_stars</i>
          </a>
          <a id="signout" class="link icon-only text-color-red">
            <i class="icon f7-icons">square_arrow_right</i>
          </a>
        </div>
      </div>
    </div>
    <div class="page-content">
      <div class="block-title">Report</div>
      <div class="block block-strong block-outline-ios no-padding-horizontal">
        <div class="treeview">
          <div class="treeview-item">
            <div class="treeview-item-root">
              <div class="treeview-toggle">
              </div>
              <div class="treeview-item-content">
                <div class="treeview-item-label">Laba/Rugi</div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Pendapatan/Penjualan</div>
                    <div class="align-self-flex-end">a01</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Harga Pokok Penjualan</div>
                    <div class="align-self-flex-end">a02</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Beban Penjualan</div>
                    <div class="align-self-flex-end">a03</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Laba Kotor</div>
                    <div class="align-self-flex-end">a04</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Beban Administrasi</div>
                    <div class="align-self-flex-end">a05</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Pendapatan Lain-lain</div>
                    <div class="align-self-flex-end">a06</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Beban Lain-lain</div>
                    <div class="align-self-flex-end">a07</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Laba/Rugi Operasional Sebelum Pajak</div>
                    <div class="align-self-flex-end">a08</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Pajak</div>
                    <div class="align-self-flex-end">a09</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Laba/Rugi Bersih/Setelah Pajak</div>
                    <div class="align-self-flex-end">a10</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="treeview-item">
            <div class="treeview-item-root">
              <div class="treeview-toggle">
              </div>
              <div class="treeview-item-content">
                <div class="treeview-item-label">Persamaan Akuntansi</div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Aktiva</div>
                    <div class="align-self-flex-end">b1</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Aktiva/Aset Lancar</div>
                        <div class="align-self-flex-end">b11</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Aktiva/Aset Tetap</div>
                        <div class="align-self-flex-end">b12</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Pasiva</div>
                    <div class="align-self-flex-end">b2</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Utang/Kewajiban/Liabilitas</div>
                        <div class="align-self-flex-end">b21</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Ekuitas</div>
                        <div class="align-self-flex-end">b33</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="treeview-item">
            <div class="treeview-item-root">
              <div class="treeview-toggle">
              </div>
              <div class="treeview-item-content">
                <div class="treeview-item-label">Neraca</div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Aktiva</div>
                    <div class="align-self-flex-end">c1</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Aktiva/Aset Lancar</div>
                        <div class="align-self-flex-end">c11</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Aktiva/Aset Tetap</div>
                        <div class="align-self-flex-end">c12</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Pasiva</div>
                    <div class="align-self-flex-end">c2</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Utang/Kuwajiban/Liabilitas</div>
                        <div class="align-self-flex-end">c21</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Modal/Equity</div>
                        <div class="align-self-flex-end">c31</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pendapatan/Penjualan</div>
                        <div class="align-self-flex-end">c41</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Harga Pokok Penjualan</div>
                        <div class="align-self-flex-end">c51</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Beban Penjualan</div>
                        <div class="align-self-flex-end">c61</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Beban Administrasi</div>
                        <div class="align-self-flex-end">c62</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pendapatan Lain-lain</div>
                        <div class="align-self-flex-end">c71</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Beban Lain-lain</div>
                        <div class="align-self-flex-end">c81</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="treeview-item">
            <div class="treeview-item-root">
              <div class="treeview-toggle">
              </div>
              <div class="treeview-item-content">
                <div class="treeview-item-label">Arus Kas</div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Arus Kas dari aktivitas operasional</div>
                    <div class="align-self-flex-end">d1</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Kas Diterima dari customer</div>
                        <div class="align-self-flex-end">d11</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk supplier</div>
                        <div class="align-self-flex-end">d12</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk beban operasi</div>
                        <div class="align-self-flex-end">d13</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk bunga</div>
                        <div class="align-self-flex-end">d14</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk pajak</div>
                        <div class="align-self-flex-end">d15</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Jumlah kas dari aktivitas operasi</div>
                        <div class="align-self-flex-end">d19</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Arus Kas dari aktivitas investasi</div>
                    <div class="align-self-flex-end">d2</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Kas diterima dari penjualan aktiva</div>
                        <div class="align-self-flex-end">d21</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Kas diterima dari bunga/bagi hasil bank</div>
                        <div class="align-self-flex-end">d22</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk pembelian aktiva tetap</div>
                        <div class="align-self-flex-end">d23</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Jumlah kas untuk aktivitas investasi</div>
                        <div class="align-self-flex-end">d29</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Arus Kas dari aktivitas pendanaan</div>
                    <div class="align-self-flex-end">d3</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Kas diterima dari penyertaan saham</div>
                        <div class="align-self-flex-end">d31</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Kas diterima dari hutang/pinjaman</div>
                        <div class="align-self-flex-end">d32</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk deviden</div>
                        <div class="align-self-flex-end">d33</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk prive</div>
                        <div class="align-self-flex-end">d34</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk bunga/bagi hasil</div>
                        <div class="align-self-flex-end">d35</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran kas untuk pelunasan hutang/pinjaman</div>
                        <div class="align-self-flex-end">d36</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Jumlah kas dari aktivitas pendanaan</div>
                        <div class="align-self-flex-end">d39</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Arus Kas bersih/saldo akhir</div>
                    <div class="align-self-flex-end">d4</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="treeview-item">
            <div class="treeview-item-root">
              <div class="treeview-toggle">
              </div>
              <div class="treeview-item-content">
                <div class="treeview-item-label">Perubahan Modal</div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Modal Usaha</div>
                    <div class="align-self-flex-end">m1</div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran prive</div>
                        <div class="align-self-flex-end">m11</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Pembayaran Deviden</div>
                        <div class="align-self-flex-end">m12</div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="treeview-item-children">
                  <div class="treeview-item">
                    <div class="treeview-item-root">
                      <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                        <div class="treeview-item-label">Laba/Rugi Periode Ini</div>
                        <div class="align-self-flex-end">m13</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="treeview-item-children">
              <div class="treeview-item">
                <div class="treeview-item-root">
                  <div class="treeview-toggle">
                  </div>
                  <div class="treeview-item-content display-flex justify-content-space-between align-items-flex-start">
                    <div class="treeview-item-label">Perubahan Modal atau Laba/Rugi Periode Ini</div>
                    <div class="align-self-flex-end">m2</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the

        <head>and JS files in the end of</p>
      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the

        <head>and JS files in the end of</p>
      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the

        <head>and JS files in the end of</p>
      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the

        <head>and JS files in the end of</p>
      <p>As you may see the layout is pretty simple. The main point is that you should link Framework7's CSS in the

        <head>and JS files in the end of</p>
    </div>
  </div>
</div>