Typography

Jika anda menyukai Bootstrap, hal ini kabar baik untuk anda, kali ini JetTheme V.2 mengunakan core css dari Bootstrap 5, jadi fitur pada Bootstrap bisa anda implementasikan disini.

<h1>h1. Example heading</h1>
<h2>h2. Example heading</h2>
<h3>h3. Example heading</h3>
<h4>h4. Example heading</h4>
<h5>h5. Example heading</h5>
<h6>h6. Example heading</h6>

<p class="fs-1">fs-1 Example text</p>
<p class="fs-2">fs-2 Example text</p>
<p class="fs-3">fs-3 Example text</p>
<p class="fs-4">fs-4 Example text</p>
<p class="fs-5">fs-5 Example text</p>
<p class="fs-6">fs-6 Example text</p>
<p class="fs-7">fs-7 Example text</p>
<p class="fs-8">fs-8 Example text</p>

<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>
<h1 class="display-5">Display 5</h1>
<h1 class="display-6">Display 6</h1>

Lead paragraph.

highlight text.

Deleted text.

Underlined text.

Small text.

Bold text.

Italicized text.

<p class="lead">Lead paragraph.</p>
<p><mark>highlight</mark> text.</p>
<p><del>Deleted text.</del></p>
<p><u>Underlined text.</u></p>
<p><small>Small text.</small></p>
<p><b>Bold text.</b></p>
<p><i>Italicized text.</i></p>

A well-known quote, contained in a blockquote element.

<blockquote class="ps-3 border-start border-3 text-reset">
    <p class="blockquote">A well-known quote, contained in a blockquote element.</p>
      <figcaption class="blockquote-footer">Someone famous</figcaption>
</blockquote>

• This is a list 1.
• This is a list 2.
• This is a list 3.
• This is a list 4.
  • This is a sub list 1.
  • This is a sub list 2.
  • This is a sub list 3.
• This is a list 5.

<ul>
  <li>This is a list 1.</li>
  <li>This is a list 2.</li>
  <li>This is a list 3.</li>
  <li>This is a list 4.
    <ul>
      <li>This is a sub list 1.</li>
      <li>This is a sub list 2.</li>
      <li>This is a sub list 3.</li>
    </ul>
  </li>
  <li>This is a list 5.</li>
</ul>

<p>Sample text here...</p>
<p>And another line of sample text here...</p>

<pre class="jt-bg-light p-3"><code class="fs-8">&lt;p&gt;Sample text here...&lt;/p&gt;<br />&lt;p&gt;And another line of sample text here...&lt;/p&gt;</code></pre>

Baca Juga : Jettheme Icons dan Button.

<p class="p-3 jt-bg-light border-start border-5 border-warning">Baca Juga :<a href="#####">Text Judul</a>.</p>

<div class="table-responsive">
<table class="table table-bordered jt-border-light text-reset">
  <thead class="table-dark">
    <tr>
      <th scope="col">First</th>
      <th scope="col">Second</th>
    </tr>
  </thead>
  <tbody>
    <tr> 
      <td>Mark</td>
      <td>Otto</td>
    </tr>
    <tr>
      <td>Jacob</td>
      <td>Thornton</td>
    </tr>
    <tr>
      <td>Larry</td>
      <td>the Bird</td>
    </tr>
  </tbody>
</table>
</div>

Untuk lebih lanjut silahkan kunjungi website resmi Bootstrap.