Dokumentasi resmi

Struktur HTML

Penjelasan struktur semantic HTML, header, hero, section, card, form, dan footer.

Pola halaman

Setiap halaman memakai header, main, dan footer. Link skip-to-content berada di awal dokumen. Hanya homepage yang mempunyai H1 utama pada hero; halaman lain juga memiliki satu H1 unik.

<header class="mc-header">...</header>
<main id="main-content">
  <section class="mc-section">...</section>
</main>
<footer class="mc-footer">...</footer>

Komponen reusable

Class seperti mc-button, mc-product-card, mc-blog-card, mc-event-card, mc-form, mc-faq, dan mc-footer digunakan konsisten di seluruh halaman.

Heading dan alt text

Gunakan hierarki H1 → H2 → H3. Semua gambar demo memiliki alt text deskriptif. Saat mengganti gambar, pertahankan alt text yang menjelaskan isi visual, bukan nama file.