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. Example heading
h2. Example heading
h3. Example heading
h4. Example heading
h5. Example heading
h6. Example heading
<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>
fs-1 Example text
fs-2 Example text
fs-3 Example text
fs-4 Example text
fs-5 Example text
fs-6 Example text
fs-7 Example text
fs-8 Example text
<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>
Text Display 1
Text Display 2
Text Display 3
Text Display 4
Text Display 5
Text Display 6
<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">
    <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>
First Second
Mark Otto
Jacob Thornton
Larry the Bird
<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.

Next Post Previous Post
1 Comments
  • Nadi Supriadi
    Nadi Supriadi 09 March, 2021

    :)

Add Comment
comment url