-
Terdapat elemen
<header>, <footer>, <main>, <article>,
dan<aside>
di berkas HTML. -
Masing-masing elemen wajib berisi konten yang peruntukkannya sesuai dengan elemen tersebut (menerapkan konsep semantic HTML dalam menyusun struktur website). Sebagai contoh: Header berisi judul dan navigation. Sedangkan konten artikel tidak boleh berada pada Header.
-
Wajib menampilkan identitas diri (biodata diri) yang minimal harus berisi foto asli diri dan nama sesuai profil Dicoding. Identitas diri wajib ditampilkan dalam elemen
<aside>
. -
Menyusun layout dengan menggunakan float atau flexbox.
Menerapkan tampilan aplikasi yang menarik:
-
Memiliki pemilihan warna yang pas dengan tema aplikasi (Dalam memilih warna, Anda dapat memanfaatkan tools pemilihan warna seperti colorhunt.co).
-
Tata letak elemen yang pas. Contoh : Tidak ada konten yang bertumpuk.
-
Penggunaan font yang pas dengan tema.
-
Penerapan padding dan margin yang pas.
Menerapkan layout yang responsif:
-
Menggunakan media query untuk menyesuaikan layout pada berbagai ukuran layar device.
-
Menerapkan flexbox dalam menyusun layout.
Terdapat penerapan JavaScript dalam memanipulasi DOM, seperti: (pilih satu)
- Membuat drop down.
- Navbar dan aside berubah ketika width kurang dari sama dengan 850
- Referensi warna menggunakan ini dan ini
- Font menggunakan Montserrat