Typography

Typography adalah Template Blogger Minimal berbasis teks yang dibuat untuk blogger yang hanya ingin menulis, tanpa perlu repot mencari gambar yang tepat. Ini memiliki desain unik berdasarkan tipografi yang indah yang akan membuat situs web Anda tampak hebat dengan atau tanpa gambar.

Cukup tulis konten Anda dan publikasikan – Tipografi akan mengurus sisanya. Kami menaruh banyak fokus pada konten dan keterbacaan karena ini jelas penting bagi semua pemilik situs web, dan, tentu saja, temanya sangat dioptimalkan untuk hasil SEO yang lebih baik dan kecepatan tinggi yang dijamin.

Jika Anda menyukai Bootstrap, ini kabar baik untuk Anda, kali ini JetTheme V.2 menggunakan inti css dari Bootstrap 5, sehingga Anda dapat mengimplementasikan fitur-fitur di Bootstrap di sini.

Berikut ini kode typography yang digunakan pada template blogger JetTheme :

<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 : Kode 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 melalui URL link di bawah ini.

https://getbootstrap.com/docs/5.1/content/typography