Documentation

1. Code download

<div class="button-info">
<a class="button outline" href="[link]">DEMO</a>
<a class="button" href="[link]"><i class="m-icon download"></i>DOWNLOAD</a>
</div>
<!--more-->
<div style="text-align: center;">
<a class="uk-button uk-button-danger" href="https://drive.google.com/uc?id=[ID]&amp;export=download"><span></span>DOWNLOAD</a>
</div>
<!--more-->
<div style="text-align: center;">
<div class="download_now">
<div class="download-now">
<div class="download_button">
<button class="uk-button uk-button-danger" id="btnx" onclick="generate()" uk-icon="cloud-download"> DOWNLOAD</button>
<a class="uk-button uk-button-danger" href="https://drive.google.com/uc?id=[ID]&amp;export=download" id="downloadx" style="display: none;"> Loading...</a>
</div>
<br />
<div class="file-description">
<span class="file-size"><span uk-icon="info"></span><strong> File Type: </strong><span class="uk-label uk-label-danger">2.86 MB</span><span class="uk-label">ZIP File</span></span></div></div></div></div>

2. Table

<div class='table'>
<table>
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Kota</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Kota</td>
<td>Balikpapan</td>
</tr>
<tr>
<td>2</td>
<td>Kelurahan</td>
<td>Gunung Sari</td>
</tr>
<tr>
<td>3</td>
<td>Desa</td>
<td>Klandasan Ilir</td>
</tr>
</tbody>
</table>
</div>

3. Mục lục

<div class="daftar-isi">
<input class="isi-input hidden" id="daftar-isi01" type="checkbox" checked>
<label class="isi-judul" for="daftar-isi01">Mục lục</label>
<div class="isi-content" id="isi-content">
<ol>
<li><a href="#toc-1">Danh mục 1</a></li>
<li><a href="#toc-2">Danh mục 2</a></li>
<li><a href="#toc-3">Danh mục 3</a></li>
<li><a href="#toc-4">Danh mục 4</a></li>
<li><a href="#toc-5">Danh mục 5</a></li>
</ol>
</div>
</div>

4. Lazy Youtube

<div class="lazy-youtube" data-embed="[ID Video]">
<div class="playBut">
<svg class="svg-play" viewbox="0 0 213.7 213.7"><polygon class="triangle" points="73.5,62.5 148.5,105.8 73.5,149.1"></polygon><circle class="circle" cx="106.8" cy="106.8" r="103.3"></circle></svg>
</div>
</div>

5. Show | Hide

<div class="spoiler">
<input class="spoiler-input hidden" id="spoiler-01" type="checkbox">
<div class="spoiler-judul"><b>Judul Spoiler</b>: <label aria-label="Spoiler" class="button" for="spoiler-01"></label></div>
<div class="spoiler-isi">
<div>
[Nội dung]
</div>
</div>
</div>
<div>
<button class="button" type="button" uk-toggle="target: #toggle-usage">SHOW/HIDE</button>
<div id="toggle-usage" hidden>Nội dung</div>
</div>

6. Accordion Menu

<ul class="accordion">
<li>
<div class="accor-content">
<input class="accor-menu hidden" id="offaccor-menu1" name="accordion-menu" type="radio" />
<label class="accor-title" for="offaccor-menu1">
<svg class="line icon-1" viewBox="0 0 24 24"><line x1="12" x2="12" y1="5" y2="19"></line><line x1="5" x2="19" y1="12" y2="12"></line></svg>
<svg class="line icon-2" viewBox="0 0 24 24"><line x1="5" x2="19" y1="12" y2="12"></line></svg>
<span class="title">Pertanyaan pertama</span>
</label>
<div class="content">Jawaban pertanyaan pertama</div>
</div>
</li>
<li>
<div class="accor-content">
<input class="accor-menu hidden" id="offaccor-menu2" name="accordion-menu" type="radio" />
<label class="accor-title" for="offaccor-menu2">
<svg class="line icon-1" viewBox="0 0 24 24"><line x1="12" x2="12" y1="5" y2="19"></line><line x1="5" x2="19" y1="12" y2="12"></line></svg>
<svg class="line icon-2" viewBox="0 0 24 24"><line x1="5" x2="19" y1="12" y2="12"></line></svg>
<span class="title">Pertanyaan kedua</span>
</label>
<div class="content">Jawaban pertanyaan kedua</div>
</div>
</li>
<li>
<div class="accor-content">
<input class="accor-menu hidden" id="offaccor-menu3" name="accordion-menu" type="radio" />
<label class="accor-title" for="offaccor-menu3">
<svg class="line icon-1" viewBox="0 0 24 24"><line x1="12" x2="12" y1="5" y2="19"></line><line x1="5" x2="19" y1="12" y2="12"></line></svg>
<svg class="line icon-2" viewBox="0 0 24 24"><line x1="5" x2="19" y1="12" y2="12"></line></svg>
<span class="title">Pertanyaan ketiga</span>
</label>
<div class="content">Jawaban pertanyaan ketiga</div>
</div>
</li>
</ul>