Typography

Halaman ini menyajikan contoh-contoh elemen teks dan komponen antarmuka pengguna (UI) yang umum digunakan, seperti heading, tombol, kutipan, daftar, blok informasi, dan lainnya. Gunakan halaman ini sebagai panduan untuk menjaga konsistensi desain di seluruh situs.

Heading H2

Heading H3

Heading H4

Heading H5

According

Ini adalah isi jawaban dari pertanyaan di atas. Anda bisa memasukkan paragraf, daftar, atau elemen lainnya di sini.

Tab Menu

Ini adalah konten untuk Tab Pertama.

Download File

Nama File Dokumen.pdf
1.2 MB

Tombol Download

Silakan unduh formulir melalui tautan di bawah ini.
Unduh Formulir

Blok Pesan

Blockquote

Pendidikan adalah senjata paling ampuh yang dapat Anda gunakan untuk mengubah dunia.

Blok Berhasil

Berhasil!
Ini adalah contoh pesan peringatan yang berhasil.

Blok Peringatan

Perhatian:
Ini adalah contoh pesan peringatan.

HTML View

<!-- Contoh Kode HTML -->
<div class="container">
    <h1>Halo Dunia!</h1>
</div>

Numbering

  1. Langkah pertama adalah mempersiapkan semua dokumen yang diperlukan.
  2. Langkah kedua adalah mengisi formulir pendaftaran secara online.
  3. Langkah terakhir adalah menunggu pengumuman hasil seleksi.

Youtube Embed

Berikut adalah video profil sekolah kami:

Halaman ini bertujuan untuk menjaga konsistensi tampilan dan pengalaman pengguna dalam situs web Anda. Setiap elemen di sini dapat digunakan sebagai referensi atau template saat membangun halaman-halaman baru.

Menu Navigasi

Hubungi Kami