Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 5

<table class="field hide" style="border-collapse: collapse; font-family: Roboto,

sans-serif; margin: 20px 0px; padding: 0px; text-align: center; width: 100%;">
<tbody>
<tr>
<td colspan="2" style="background: rgb(245, 124, 0); border: 1px solid
rgb(221, 221, 221); color: white; padding: 15px;"><b>Info</b></td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Status ( on/off )</b></td>
<td class="status" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">on</td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Price</b></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">5.500</td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Unit Price</b></td>
<td class="unit" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">Lembar</td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Discount ( % )</b></td>
<td class="discount" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">50</td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Weight ( Gram )</b></td>
<td class="weight" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">100</td>
</tr>
</tbody>
</table>
<!--more-->
<table class="image hide" style="border-collapse: collapse; font-family: Roboto,
sans-serif; margin: 20px 0px; padding: 0px; text-align: center; width: 100%;">
<tbody>
<tr>
<td style="background: rgb(245, 124, 0); border: 1px solid rgb(221, 221,
221); color: white; padding: 15px;"><b>Image ( Cover )</b></td>
</tr>
<tr>
<td class="cover" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">
<div class="separator" style="clear: both; color: #111111; font-family:
&quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
<div class="separator" style="clear: both; text-align: center;"><a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4vU4GaBTxTPeMZur
gfQL6WEmkOut86Pt787fFONGuaZnlcymOiDYeR-
4R7gBbvFdgoIgPBYT2P4siZQetnmSQqHL5UpsJm6DQFxXwrC3XAAXJPD1wub7695MEi3u6qH1syvayipZ5U
fRx--bR4p0Um7d8UuFLIl5VCjoFgaNv2FUUugfDYK9K5Xv/s1200/Free_Poster_Mockup_3.jpg"
style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-
height="900" data-original-width="1200" height="240"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4vU4GaBTxTPeMZurg
fQL6WEmkOut86Pt787fFONGuaZnlcymOiDYeR-
4R7gBbvFdgoIgPBYT2P4siZQetnmSQqHL5UpsJm6DQFxXwrC3XAAXJPD1wub7695MEi3u6qH1syvayipZ5U
fRx--bR4p0Um7d8UuFLIl5VCjoFgaNv2FUUugfDYK9K5Xv/s320/Free_Poster_Mockup_3.jpg"
width="320" /></a></div>
</div>
</td>
</tr>
<tr>
<td style="background: rgb(245, 124, 0); border: 1px solid rgb(221, 221,
221); color: white; padding: 15px;"><b>Image ( Gallery )</b></td>
</tr>
<tr>
<td class="gallery" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">
<div class="separator" style="clear: both; text-align: center;"><div
class="separator" style="clear: both; text-align: center;"><div class="separator"
style="clear: both; color: #111111; font-family: &quot;Helvetica Neue&quot;,
Helvetica, Arial, sans-serif; font-size: 16px;"><a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-
s0NPP6P9_3n3IHGijda-2nBPjYWvKNpP0-SkzGJclUWxf3EYVnvxo_XX-
hP56IZ9JntLCORHAC076V6ghTfMWXyaLAm0Q1YmGqhWEWSi1Y25Rm1OY1cQZIpYDlm-
N34T4s47ieQLfEjyKf4XpSvSkwB3hAnOjHrGriotfoc1M6Ke_iPlVEGkmCG/s1200/
Free_Poster_Mockup_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img
border="0" data-original-height="900" data-original-width="1200" height="240"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-
s0NPP6P9_3n3IHGijda-2nBPjYWvKNpP0-SkzGJclUWxf3EYVnvxo_XX-
hP56IZ9JntLCORHAC076V6ghTfMWXyaLAm0Q1YmGqhWEWSi1Y25Rm1OY1cQZIpYDlm-
N34T4s47ieQLfEjyKf4XpSvSkwB3hAnOjHrGriotfoc1M6Ke_iPlVEGkmCG/s320/
Free_Poster_Mockup_1.jpg" width="320" /></a></div><br style="color: #111111; font-
family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px;"
/><div class="separator" style="clear: both; color: #111111; font-family:
&quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px;"><a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCw9qyDwS0z4Mfwjdv
HKC9y0ThO0uwbLjA-
F5_pEH3430qiauIKLx2jqjduMrZMdKLeXkO9RQ4DtFX0hbJbVXhRoRqSerQUAvX46o8Culx090AHH4yv6_V
iAUxz_2qOOKdGwWaUiVmKCviMIJFYnQgy8Pw-VvgDwixzIpgjw053LlHMi6Hk2LGIbU-/s1200/
Free_Poster_Mockup_2.jpg" style="margin-left: 1em; margin-right: 1em;"><img
border="0" data-original-height="900" data-original-width="1200" height="240"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCw9qyDwS0z4MfwjdvH
KC9y0ThO0uwbLjA-
F5_pEH3430qiauIKLx2jqjduMrZMdKLeXkO9RQ4DtFX0hbJbVXhRoRqSerQUAvX46o8Culx090AHH4yv6_V
iAUxz_2qOOKdGwWaUiVmKCviMIJFYnQgy8Pw-VvgDwixzIpgjw053LlHMi6Hk2LGIbU-/s320/
Free_Poster_Mockup_2.jpg" width="320" /></a></div></div></div>
</td>
</tr>
</tbody>
</table>
<table class="variant hide" style="border-collapse: collapse; font-family: Roboto,
sans-serif; margin: 20px 0px; padding: 0px; text-align: center; width: 100%;">
<tbody>
<tr>
<td colspan="2" style="background: rgb(245, 124, 0); border: 1px solid
rgb(221, 221, 221); color: white; padding: 15px;"><b>Variant</b></td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Status ( on/off )</b></td>
<td class="status" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">on</td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Label</b></td>
<td class="label" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">Varian</td>
</tr>
<tr>
<td style="background: rgb(245, 124, 0); border: 1px solid rgb(221, 221,
221); color: white; padding: 15px;"><b>Name</b></td>
<td style="background: rgb(245, 124, 0); border: 1px solid rgb(221, 221,
221); color: white; padding: 15px;"><b>Price</b></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">Tanpa Laminasi</td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">+ Laminasi Glossy</td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">3.500</td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">+ Laminasi Doff</td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">3.500</td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"></td>
</tr>
<tr>
<td class="name" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"><br /></td>
<td class="price" style="border: 1px solid rgb(221, 221, 221); padding:
15px;"></td>
</tr>
</tbody>
</table>
<table class="marketplace hide" style="border-collapse: collapse; font-family:
Roboto, sans-serif; margin: 20px 0px; padding: 0px; text-align: center; width:
100%;">
<tbody>
<tr>
<td colspan="2" style="background: rgb(245, 124, 0); border: 1px solid
rgb(221, 221, 221); color: white; padding: 15px;"><b>Marketplace</b></td>
</tr>
<tr>
<td style="border: 1px solid rgb(221, 221, 221); color: #f57c00; padding:
15px;"><b>Status ( on/off )</b></td>
<td class="status" style="border: 1px solid rgb(221, 221, 221); padding:
15px;">on</td>
</tr>
<tr>
<td colspan="2" style="background: rgb(245, 124, 0); border: 1px solid
rgb(221, 221, 221); color: white; padding: 15px;"><b>Link Marketplace :</b></td>
</tr>
<tr>
<td class="link" colspan="2" style="border: 1px solid rgb(221, 221, 221);
padding: 15px;">https://shopee.co.id/product-url</td>
</tr>
<tr>
<td class="link" colspan="2" style="border: 1px solid rgb(221, 221, 221);
padding: 15px;">https://www.tokopedia.com/username/product-url</td>
</tr>
<tr>
<td class="link" colspan="2" style="border: 1px solid rgb(221, 221, 221);
padding: 15px;">https://www.lazada.co.id/products/product-url</td>
</tr>
<tr>
<td class="link" colspan="2" style="border: 1px solid rgb(221, 221, 221);
padding: 15px;">https://www.bukalapak.com/p/category-path/product-url</td>
</tr>
</tbody>
</table><p><b>Lorem Ipsum</b> adalah contoh teks atau dummy dalam industri
percetakan dan penataan huruf atau typesetting.</p><p><br /></p><div><p
style="text-align: left;">Contoh penggunaan <b>daftar biasa</b>
:</p><div><ul><li>Apakah Lorem Ipsum itu?</li><li>Dari mana
asalnya?</li><li>Mengapa kita menggunakannya?</li><li>Dari mana saya bisa
mendapatkannya?</li></ul><div><br /></div></div><p style="text-align: left;">Contoh
penggunaan <b>daftar dengan angka</b> :</p><ol><li>Baris pertama dari Lorem Ipsum,
"Lorem ipsum dolor sit amet..", berasal dari sebuah baris di bagian
1.10.32.</li><li>Bagian standar dari teks Lorem Ipsum yang digunakan sejak tahun
1500an kini di reproduksi kembali di bawah ini untuk mereka yang
tertarik.</li><li>Bagian 1.10.32 dan 1.10.33 dari "de Finibus Bonorum et Malorum"
karya Cicero juga di reproduksi persis seperti bentuk aslinya, diikuti oleh versi
bahasa Inggris yang berasal dari terjemahan tahun 1914 oleh H.
Rackham.</li></ol><div><br /></div></div><p>Berikut adalah contoh penggunaan
<b>Blockquote :</b></p>
<blockquote>Halo! saya adalah contoh tulisan yang ada dalam tag
&lt;blockquote&gt;...&lt;/blocquote&gt;, dan berikut adalah <mark>sorotan</mark>
yang menggunakan Tag HTML <b>&lt;mark&gt;</b></blockquote><p><br /></p><div><div><p
style="text-align: left;">Contoh Penggunaan <b>Table</b> :</p></div><div
class="table"><table><thead><tr><th>Judul 1</th><th>Judul 2</th><th>Judul
3</th></tr></thead><tbody><tr><td>Data</td><td>Data</td><td>Data</td></
tr><tr><td>Data</td><td>Data</td><td>Data</td></tr><tr><td>Data</td><td>Data</
td><td>Data</td></tr><tr><td>Data</td><td>Data</td><td>Data</td></
tr><tr><td>Data</td><td>Data</td><td>Data<br
/></td></tr></tbody></table></div></div><p><br /></p><p>Contoh Penggunaan Video
<b>YouTube</b>
:</p><p>[youtube]https://www.youtube.com/watch?v=9-tmV04qtDA[/youtube]</p>

You might also like