Typography

Table of Content

Daftar Isi

Headings

Major Heading

Heading

Sub Heading

Minor Heading

Basic Text Styling

This is example of external hyperlink with <a> tag.

This is example of text with <abbr> tag.

This is example of text with <b> tag.

This is example of text with <cite> tag.

This is example of text with <code> tag.

This is example of text with <del> tag.

This is example of text with <dfn> tag.

This is example of text with <em> tag.

This is example of text with <i> tag.

This is example of text with <ins> tag.

This is example of text with <mark> tag.

This is example of text with <mark> tag and class='red' attribute.

This is example of text with <mark> tag and class='green' attribute.

This is example of text with <mark> tag and class='blue' attribute.

This is example of text with <mark> tag and class='aqua' attribute.

This is example of text with <mark> tag and class='purple' attribute.

This is example of text with <mark> tag and class='gray' attribute.

This is example of text with <q> tag.

This is example of text with <s> tag.

This is example of text with <samp> tag.

This is example of text with <small> tag.

This is example of text with <strike> tag.

This is example of text with <strong> tag.

This is example of text with <sub> tag.

This is example of text with <sup> tag.

This is example of text with <u> tag.

This is example of text with <var> tag.

Table

Name	Age	Country
Roni	21 years old	Indonesia
Angela	17 years old	USA
Astrid	23 years old	Thailand

Blockquote

I left because you are not right.

I left because you are not right.Unknown

Accordion Menu

Show Details

Here is the content of the accordition. This widget is using the HTML tag <details and <summary>.

Ordered List

1. Armenian
   1. Item 1
   2. Item 2
   3. Item 3
2. CJK-Ideografik
   1. Item 1
   2. Item 2
   3. Item 3
3. Decimal
   1. Item 1
   2. Item 2
   3. Item 3

Unordered List

• Circle
  • Item 1
  • Item 2
  • Item 3
• Disc
  • Item 1
  • Item 2
  • Item 3
• Square
  • Item 1
  • Item 2
  • Item 3

Responsive Lazyload Image

Image with Caption

This is the Caption

Responsive Iframe

Buttons

Donwload Donwload with Effect Download Demo Install Install Install Play Video Listen Podcast Call Us WhatsApp Us

Syntax Highlighter

Put your code here