Uji Pemahaman Halaman Web Dinamis 11th Grade Quiz

Uji Pemahaman Halaman Web Dinamis

Quiz

•

Information Technology (IT)

•

11th Grade

•

Hard

Nama Depan

FREE Resource

20 questions

Show all answers

MULTIPLE CHOICE QUESTION

1 min • 5 pts

Apa itu HTML dan apa fungsinya dalam pengembangan web?

HTML adalah bahasa markup untuk membuat struktur dan konten halaman web.

HTML digunakan untuk mengatur basis data di server.

HTML adalah bahasa pemrograman untuk membuat aplikasi web.

HTML adalah sistem operasi untuk perangkat web.

MULTIPLE CHOICE QUESTION

1 min • 5 pts

Sebutkan tiga elemen dasar yang ada dalam HTML!

, ,

, <footer>, <nav></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><html>, <head>, <body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><script>, <link>, <meta></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">3. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Apa perbedaan antara tag <div> dan <span>?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><div> adalah elemen blok, <span> adalah elemen inline.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><div> dan <span> keduanya adalah elemen blok.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><div> digunakan untuk teks, <span> untuk gambar.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><div> tidak dapat memiliki atribut, <span> bisa.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">4. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Jelaskan apa itu CSS dan bagaimana cara kerjanya dengan HTML!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>CSS adalah bahasa untuk mendesain tampilan HTML dan bekerja dengan menghubungkan file CSS ke dokumen HTML.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>CSS hanya digunakan untuk menambahkan konten ke HTML.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>CSS dan HTML adalah dua bahasa yang tidak saling berhubungan.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>CSS adalah bahasa pemrograman untuk membuat aplikasi web.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Sebutkan dua cara untuk menghubungkan CSS dengan HTML!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>1. Menggunakan tag <link> untuk file CSS eksternal. 2. Menggunakan tag <style> untuk CSS internal.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Menggunakan tag <script> untuk file CSS eksternal.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Menggunakan tag <div> untuk menghubungkan CSS.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Menggunakan tag <img> untuk CSS internal.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Apa itu selektor dalam CSS? Berikan contohnya!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Selektor dalam CSS adalah pola untuk memilih elemen HTML. Contoh: '.kelas' untuk memilih elemen dengan kelas 'kelas'.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Selektor dalam CSS adalah warna untuk elemen HTML. Contoh: 'red' untuk mengubah warna teks.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Selektor dalam CSS adalah ukuran font untuk elemen HTML. Contoh: '16px' untuk menetapkan ukuran font.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Selektor dalam CSS adalah jenis gambar untuk elemen HTML. Contoh: 'url(image.jpg)' untuk menambahkan gambar.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Jelaskan konsep 'box model' dalam CSS!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Konsep 'box model' hanya mencakup margin dan padding.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Box model tidak berhubungan dengan elemen dalam CSS.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Box model menggambarkan elemen sebagai lingkaran dalam CSS.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Konsep 'box model' dalam CSS menggambarkan struktur elemen sebagai kotak yang terdiri dari margin, border, padding, dan konten.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Apa itu responsive web design dan mengapa penting?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Responsive web design mengharuskan penggunaan teknologi khusus.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Responsive web design adalah pendekatan untuk membuat situs web yang dapat menyesuaikan tampilan di berbagai perangkat dan ukuran layar.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Responsive web design tidak mempengaruhi pengalaman pengguna.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Responsive web design hanya untuk perangkat mobile.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Sebutkan dua teknik untuk membuat desain web responsif!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>HTML Tables</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Dua teknik untuk membuat desain web responsif adalah CSS Media Queries dan Flexbox.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>CSS Grid Layout</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>JavaScript Frameworks</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">1 min • 5 pts</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Apa itu media query dalam CSS?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Media query adalah jenis media yang digunakan untuk mengedit gambar.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Media query adalah teknik untuk mengoptimalkan ukuran file CSS.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Media query adalah alat untuk mengukur kecepatan internet.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Media query adalah fitur CSS yang memungkinkan penerapan gaya berdasarkan kondisi tertentu dari perangkat.</p></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><div class="w-full h-155 content-blocker" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="bg-ds-light-500 rounded-admin-lg shadow-md w-120 h-auto" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="flex p-10 justify-start items-stretch w-full flex-col flex-nowrap"><section><h1 class="text-lg md:text-xl text-dark-2 font-semibold text-center" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h1><p class="text-sm md:text-base text-dark-4"><span></span></p><div class="flex justify-between mt-2"><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Create resources</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Host any resource</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Get auto-graded reports</span></div></div></section><section class="flex flex-col space-y-3 mt-4 w-full"><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Google"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Google-logo"><span class="text-base font-semibold btn-label">Continue with Google</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Email"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Email-logo"><span class="text-base font-semibold btn-label">Continue with Email</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Classlink"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Classlink-logo"><span class="text-base font-semibold btn-label">Continue with Classlink</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Clever"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/clever-logo.png" alt="Clever" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Clever-logo"><span class="text-base font-semibold btn-label">Continue with Clever</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button></section><span class="mt-4 text-dark-4 text-sm flex justify-center">or continue with</span><section class="flex flex-row justify-center mt-4 gap-4"><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:inherit;" data-testid="continue-with-Microsoft"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/img/logos/ms-logo.png"></button><span class="text-dark-2 text-[10px] mt-1">Microsoft</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#222;" data-testid="continue-with-Apple"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/Apple.png"></button><span class="text-dark-2 text-[10px] mt-1">Apple</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#8854C0;" data-testid="continue-with-Others"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/shield-halved.png"></button><span class="text-dark-2 text-[10px] mt-1">Others</span></div></section></div><section class="mt-auto w-full"><section class="justify-center text-xs text-center text-dark-5 md:flex px-10 mb-4"><span>By signing up, you agree to our <a href='/tos' style='text-decoration: underline;'>Terms of Service</a> & <a href='/privacy' style='text-decoration: underline;'>Privacy Policy</a></span></section><section role="nudge" class="text-dark-2 py-4 flex items-center justify-center space-x-1 text-xs rounded-b-lg bg-light-6"><span class="xs-hidden">Already have an account?</span><button class="bg-lilac-faded rounded px-3 py-1 text-ds-lilac-600 text-xs font-semibold ml-2" type="button" data-testid="login-button-in-signup">Log in</button></section></section></div></div></div></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-transparent border h-8 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-v-fde55780><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-ds-dark-200 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Let me read it first</p></div></div></button></div></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap" data-v-ed93fa3e><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-header-base font-semibold">Similar Resources on Quizizz</h2><button aria-label="View all" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-8 min-w-20 group rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/684f853d9775a6b44e08aa9a/quiz-html" data-testid="activity-recommendation-card-684f853d9775a6b44e08aa9a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Quiz HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.4mz6y9liss" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Quiz HTML</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/673fcb7575968cc9a6c8c9fe/pengenalan-web-dan-berpikir-kritis" data-testid="activity-recommendation-card-673fcb7575968cc9a6c8c9fe" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Pengenalan Web dan Berpikir kritis" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.qy0a4vpdgiq" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Pengenalan Web dan Berpikir kritis</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/66fa97bd1355ac1c564520ea/web-13" data-testid="activity-recommendation-card-66fa97bd1355ac1c564520ea" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="WEB 1.3" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.csrj9kexi1p" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">WEB 1.3</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67c3c1ec87d01a2bf9bdbf24/web-36-bacaan" data-testid="activity-recommendation-card-67c3c1ec87d01a2bf9bdbf24" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Web 3.6 Bacaan" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.4h5o5xofe8s" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Web 3.6 Bacaan</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67490daec7b6da3a050951cd/basis-data" data-testid="activity-recommendation-card-67490daec7b6da3a050951cd" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Basis Data" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.xziw03bmo4g" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Basis Data</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67dafcd6526a066d54f528f4/soal-teknologi-dasar-web-html-css-javascript" data-testid="activity-recommendation-card-67dafcd6526a066d54f528f4" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Soal Teknologi Dasar Web (HTML, CSS, JavaScript)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.55jjrsiqsz9" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Soal Teknologi Dasar Web (HTML, CSS, JavaScript)</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67c3bf26440e7164095bc4f7/web-31-33-bacaan" data-testid="activity-recommendation-card-67c3bf26440e7164095bc4f7" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Web 3.1-3.3 Bacaan" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.cnbo2j5x1o" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Web 3.1-3.3 Bacaan</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/66f3522d793cf80ed8bad681/sts-mapel-pilihan-database-xi-tjat" data-testid="activity-recommendation-card-66f3522d793cf80ed8bad681" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="STS Mapel Pilihan (Database) XI TJAT" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.e4f0l5cagl" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">STS Mapel Pilihan (Database) XI TJAT</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="!bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap" data-v-ed93fa3e><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-header-base font-semibold">Popular Resources on Quizizz</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/5f7350cc6fbfd5001b514813/multiplication-facts" data-testid="activity-popular-resource-card-5f7350cc6fbfd5001b514813" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.kq9kz3suoh" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Multiplication Facts</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/685b4e2e9ec5b3fcd901d30c/ss-combined-advisory-quiz" data-testid="activity-popular-resource-card-685b4e2e9ec5b3fcd901d30c" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="SS Combined Advisory Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.6unrwmxwadr" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">SS Combined Advisory Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6838ba4c9d38d8c3c5c5498a/week-4-student-in-class-practice-set" data-testid="activity-popular-resource-card-6838ba4c9d38d8c3c5c5498a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Week 4 Student In Class Practice Set" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 40 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.i6p77xunp9" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Week 4 Student In Class Practice Set</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6283f6d97d9eed001dc3c273/sol-ile-dna-tech-gen-evol-2025" data-testid="activity-popular-resource-card-6283f6d97d9eed001dc3c273" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="SOL: ILE DNA Tech, Gen, Evol 2025" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 40 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.8lda4g0l0fo" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">SOL: ILE DNA Tech, Gen, Evol 2025</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67eab4aa33dfb3f60d21c57a/nc-universities-r2h" data-testid="activity-popular-resource-card-67eab4aa33dfb3f60d21c57a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="NC Universities (R2H)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.2t4gcp3qwjt" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">NC Universities (R2H)</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6825d54bf2edcbd7002c136d/june-review-quiz" data-testid="activity-popular-resource-card-6825d54bf2edcbd7002c136d" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="June Review Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.dmv0d7nymej" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">June Review Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/64064352c530c4001d9af5c3/congruent-and-similar-triangles" data-testid="activity-popular-resource-card-64064352c530c4001d9af5c3" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Congruent and Similar Triangles " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.hsz4qr8uxc" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Congruent and Similar Triangles </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c645eff22121d001ac6d10c/triangle-inequalities" data-testid="activity-popular-resource-card-5c645eff22121d001ac6d10c" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Triangle Inequalities" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.cjjlags561j" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Triangle Inequalities</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>10th - 12th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="!bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap" data-v-ed93fa3e><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-success-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-header-base font-semibold">Discover more resources for Information Technology (IT)</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/6838ba4c9d38d8c3c5c5498a/week-4-student-in-class-practice-set" data-testid="activity-subject-resource-card-6838ba4c9d38d8c3c5c5498a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Week 4 Student In Class Practice Set" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 40 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.uvns558dbc" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Week 4 Student In Class Practice Set</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6283f6d97d9eed001dc3c273/sol-ile-dna-tech-gen-evol-2025" data-testid="activity-subject-resource-card-6283f6d97d9eed001dc3c273" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="SOL: ILE DNA Tech, Gen, Evol 2025" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 40 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.aqwcav9rm7j" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">SOL: ILE DNA Tech, Gen, Evol 2025</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67eab4aa33dfb3f60d21c57a/nc-universities-r2h" data-testid="activity-subject-resource-card-67eab4aa33dfb3f60d21c57a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="NC Universities (R2H)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.k39vg7fgs6h" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">NC Universities (R2H)</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c645eff22121d001ac6d10c/triangle-inequalities" data-testid="activity-subject-resource-card-5c645eff22121d001ac6d10c" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Triangle Inequalities" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.go21261yh4u" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Triangle Inequalities</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>10th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/58ebd4cfb571e1cd017ec612/right-triangles-pythagorean-theorem-and-trig" data-testid="activity-subject-resource-card-58ebd4cfb571e1cd017ec612" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Right Triangles: Pythagorean Theorem and Trig" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.bcjp47kc2gj" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Right Triangles: Pythagorean Theorem and Trig</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/683470d6affff80a81ab6c00/megaquiz-v2-2025" data-testid="activity-subject-resource-card-683470d6affff80a81ab6c00" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="MegaQuiz v2 2025" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 65 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.gftvyjtkp9k" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">MegaQuiz v2 2025</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/presentation/685b028c1bc96afce983ba41/gpa-lesson" data-testid="activity-subject-resource-card-685b028c1bc96afce983ba41" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="GPA Lesson" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.qypfmpv8yco" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">GPA Lesson</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/presentation_solid_circle.png" alt="lesson" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Lesson</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/64932611b6d02e001e161f3b/smart-goals" data-testid="activity-subject-resource-card-64932611b6d02e001e161f3b" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="SMART Goals" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.5fxml6fwcrd" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">SMART Goals</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>8th - 12th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="!bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-32684c53><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-32684c53><div class="flex flex-col justify-between w-full" data-v-32684c53><div class="flex flex-col md:flex-row" data-v-32684c53><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-32684c53></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-32684c53><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-32684c53><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-32684c53><p class="text-sm font-semibold copyright text-dark-4" data-v-32684c53> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-32684c53><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-32684c53><i class="social-icon fab fa-twitter" data-v-32684c53></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-32684c53><i class="social-icon fab fa-facebook" data-v-32684c53></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-32684c53><i class="social-icon fab fa-instagram" data-v-32684c53></i></a><span class="block w-px h-5 bg-dark-5" data-v-32684c53></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-32684c53><span class="text-sm text-dark-3 hover:underline" data-v-32684c53><span data-v-32684c53>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-32684c53><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-32684c53><span data-v-32684c53>Get our app</span></label><div class="flex space-x-2" data-v-32684c53><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-32684c53></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-32684c53></a></div></div></div></div></div></footer></main></div><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":1221,"once":1223,"_errors":1224,"serverRendered":5,"path":1226,"country":1048,"region":1227,"nuxtSsrFeatureFlags":1228},["ShallowReactive",3],{"NSlcZzdS1D":4,"sno2RTNxyB":100,"4G6KiXYCa0":1042,"JPfm9lVCbs":1154},{"success":5,"data":6,"time":99},true,{"quizzes":7,"total":95,"timeTaken":96,"experiment":97,"source":98},[8,23,34,43,54,65,74,84],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":18},"681011f1afc2b0edea65cc18",false,"quiz",{"grade":13,"name":15,"slug":16,"image":17},[14,14],"11","MID TEST MATERI DEKSTOP DAN WEB APPLICATIONS","Ujian Tengah Semester","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1875ee2d-c7e1-47ba-9e83-8153d5ab56a7-v2",{"played":19,"totalPlayers":20,"totalCorrect":21,"totalQuestions":22},7,112,1490,25,{"id":24,"isSuper":10,"type":11,"info":25,"shouldIndex":10,"stats":29},"66b16aac7d99f1065a9996a7",{"grade":26,"name":27,"slug":27,"image":28},[14,14],"Konsentrasi Kehalian RPL","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/c35105d2-94b3-4349-8c16-024da0ab7239-v2",{"played":30,"totalPlayers":31,"totalCorrect":32,"totalQuestions":33},1,27,243,20,{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":40},"66fab5695ba4ebc6bb9fbd44",{"grade":37,"name":38,"slug":38,"image":39},[14,14],"WEB 2.6","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d5919cbc-ec29-4feb-9b96-9bfa5d04551b-v2",{"played":41,"totalPlayers":19,"totalCorrect":42,"totalQuestions":33},2,101,{"id":44,"isSuper":10,"type":11,"info":45,"shouldIndex":10,"stats":50},"679afd75f1fdec2d8cfd206a",{"grade":46,"name":48,"slug":48,"image":49},[14,47],"13","KUIS HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fa39c56a-6134-4dfb-a1b7-ee58fa82cee3-v2",{"played":51,"totalPlayers":52,"totalCorrect":53,"totalQuestions":33},3,55,454,{"id":55,"isSuper":10,"type":11,"info":56,"shouldIndex":10,"stats":61},"682aee9c1e5a4f9252798995",{"grade":57,"name":59,"slug":59,"image":60},[58,47],"10","Profesi Utama di Bidang Informatika ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/92176af8-cfe5-4a51-92e6-8215ee23c2b6-v2",{"played":30,"totalPlayers":62,"totalCorrect":63,"totalQuestions":64},36,467,15,{"id":66,"isSuper":10,"type":11,"info":67,"shouldIndex":10,"stats":71},"67c3bfc124abe215c1e3599a",{"grade":68,"name":69,"slug":69,"image":70},[14,14],"Web 3.4-3.5 Bacaan","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/30d0866a-502c-41f1-b0c3-e76e999fb3ba-v2",{"played":51,"totalPlayers":72,"totalCorrect":73,"totalQuestions":33},80,1365,{"id":75,"isSuper":10,"type":11,"info":76,"shouldIndex":10,"stats":81},"66f3522d793cf80ed8bad681",{"grade":77,"name":78,"slug":79,"image":80},[14,14],"STS Mapel Pilihan (Database) XI TJAT","STS Mapel Pilihan XI TJAT","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/df2ea062-e7a9-4dfa-b522-b100cf9eeb36-v2",{"played":51,"totalPlayers":82,"totalCorrect":83,"totalQuestions":33},59,474,{"id":85,"isSuper":10,"type":11,"info":86,"shouldIndex":10,"stats":91},"684f853d9775a6b44e08aa9a",{"grade":87,"name":88,"slug":89,"image":90},[14,14],"Quiz HTML","Quiz HTML dan CSS","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0fb9d8ea-a45b-4cb8-9740-4203cf21f54a-v2",{"played":92,"totalPlayers":93,"totalCorrect":94,"totalQuestions":64},6,246,2151,346,34,"quizPageRecoPublicSearch","recommended_search","2025-07-06T02:04:42.696090434Z",{"success":5,"message":101,"data":102,"time":1038,"meta":1039},"Ok",{"quiz":103,"draft":107},{"isTagged":10,"isLoved":10,"tagIds":104,"stats":105,"love":106,"cloned":10,"parentDetail":107,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":107,"publishedVersion":108,"isShared":10,"type":11,"_id":109,"createdBy":110,"info":127,"createdAt":1034,"updated":1036,"premiumUse":1037,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":107,"lock":107},[],{"played":106,"totalPlayers":106,"totalCorrect":106,"totalQuestions":106},0,null,"681bfb58f42942b1d09fe242","681bfb58f42942b1d09fe241",{"_id":111,"firstName":112,"lastName":113,"email":114,"occupation":115,"country":116,"preferences":117,"grades":119,"subject_tags":124,"media":126},"632a6100aa9299001edc78d1","Nama","Depan","fakedownloademail68@gmail.com","teacher","ID",{"lang":118},"id",[120,121,122,123],9,10,11,12,[125],"","https://lh3.googleusercontent.com/a/ACg8ocLHDJXllZXaXAh2TYhfRCW5zHdn6rDFT2Hv9XOZfGvLvgjAkZY=s96-c",{"lang":128,"aiGenerated":5,"qm":129,"visibility":5,"subjects":151,"topics":153,"subtopics":154,"grade":155,"gradeLevel":107,"deleted":10,"pref":156,"traits":157,"standardIds":158,"__v":159,"meta":160,"_id":108,"name":161,"aiCreateMeta":162,"questions":164,"questionDrafts":1033,"standards":107,"courses":107,"createdAt":1034,"updated":1035,"isProfane":10,"whitelisted":5,"slug":161},"Indonesian",{"681bfb587ea08d07750ffd8a":130,"681bfb587ea08d07750ffd8b":132,"681bfb587ea08d07750ffd8c":133,"681bfb587ea08d07750ffd8d":134,"681bfb587ea08d07750ffd8e":135,"681bfb587ea08d07750ffd8f":136,"681bfb587ea08d07750ffd90":137,"681bfb587ea08d07750ffd91":138,"681bfb587ea08d07750ffd92":139,"681bfb587ea08d07750ffd93":140,"681bfb587ea08d07750ffd94":141,"681bfb587ea08d07750ffd95":142,"681bfb587ea08d07750ffd96":143,"681bfb587ea08d07750ffd97":144,"681bfb587ea08d07750ffd98":145,"681bfb587ea08d07750ffd99":146,"681bfb587ea08d07750ffd9a":147,"681bfb587ea08d07750ffd9b":148,"681bfb587ea08d07750ffd9c":149,"681bfb587ea08d07750ffd9d":150},{"time":131},60000,{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},{"time":131},[152],"Information Technology (IT)",[],[],[14,14],{"time":107},{"isQuizWithoutCorrectAnswer":10,"totalSlides":106,"totalComprehensionQuestions":106,"nonAnswerableQuestions":106},[],5,{"slot":107,"experiment":107},"Uji Pemahaman Halaman Web Dinamis",{"quizGenKey":163},"681bfb4e8eb7cf8eaee030e2",[165,215,258,301,344,387,430,473,517,560,603,646,689,732,775,818,861,904,947,990],{"structure":166,"standards":208,"topics":209,"isSuperParent":10,"standardIds":210,"aiGenerated":5,"__v":211,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":212,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":214},{"settings":167,"hasMath":10,"query":169,"options":176,"explain":201,"hints":205,"kind":206,"marks":207,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"type":170,"hasMath":10,"math":171,"answerTime":173,"text":174,"media":175},"text",{"latex":172,"template":107},[],-1,"\u003Cp>Apa itu HTML dan apa fungsinya dalam pengembangan web?\u003C/p>",[],[177,183,189,195],{"type":170,"hasMath":10,"math":178,"answerTime":106,"id":180,"text":181,"media":182,"_id":180},{"latex":179,"template":107},[],"681bfb968c14d034ea6808e4","\u003Cp>HTML adalah bahasa markup untuk membuat struktur dan konten halaman web.\u003C/p>",[],{"type":170,"hasMath":10,"math":184,"answerTime":106,"id":186,"text":187,"media":188,"_id":186},{"latex":185,"template":107},[],"681bfb968c14d001f56808e5","\u003Cp>HTML digunakan untuk mengatur basis data di server.\u003C/p>",[],{"type":170,"hasMath":10,"math":190,"answerTime":106,"id":192,"text":193,"media":194,"_id":192},{"latex":191,"template":107},[],"681bfb968c14d08df96808e6","\u003Cp>HTML adalah bahasa pemrograman untuk membuat aplikasi web.\u003C/p>",[],{"type":170,"hasMath":10,"math":196,"answerTime":106,"id":198,"text":199,"media":200,"_id":198},{"latex":197,"template":107},[],"681bfb968c14d019396808e7","\u003Cp>HTML adalah sistem operasi untuk perangkat web.\u003C/p>",[],{"type":170,"text":125,"media":202,"hasMath":10,"math":203,"answerTime":106},[],{"template":107,"latex":204},[],[],"MCQ",{"correct":159,"incorrect":106},[],[],[],4,"681bfb587ea08d07750ffd8a","2025-05-08T00:31:20.527Z","2025-05-08T00:33:21.590Z",{"structure":216,"standards":254,"topics":255,"isSuperParent":10,"standardIds":256,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":257,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":214},{"settings":217,"hasMath":10,"query":218,"options":223,"explain":248,"hints":252,"kind":206,"marks":253,"answer":41},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":219,"answerTime":173,"text":221,"media":222},{"latex":220,"template":107},[],"\u003Cp>Sebutkan tiga elemen dasar yang ada dalam HTML!\u003C/p>",[],[224,230,236,242],{"type":170,"hasMath":10,"math":225,"answerTime":106,"id":227,"text":228,"media":229,"_id":227},{"latex":226,"template":107},[],"681bfb589b4db14bab2ff069","\u003Cp>\u003Cdiv>, \u003Cspan>, \u003Csection>\u003C/p>",[],{"type":170,"hasMath":10,"math":231,"answerTime":106,"id":233,"text":234,"media":235,"_id":233},{"latex":232,"template":107},[],"681bfb589b4db17e492ff06a","\u003Cp>\u003Ctitle>, \u003Cfooter>, \u003Cnav>\u003C/p>",[],{"type":170,"hasMath":10,"math":237,"answerTime":106,"id":239,"text":240,"media":241,"_id":239},{"latex":238,"template":107},[],"681bfb589b4db164922ff06b","\u003Cp>\u003Chtml>, \u003Chead>, \u003Cbody>\u003C/p>",[],{"type":170,"hasMath":10,"math":243,"answerTime":106,"id":245,"text":246,"media":247,"_id":245},{"latex":244,"template":107},[],"681bfb589b4db1194b2ff06c","\u003Cp>\u003Cscript>, \u003Clink>, \u003Cmeta>\u003C/p>",[],{"type":170,"text":125,"media":249,"hasMath":10,"math":250,"answerTime":106},[],{"template":107,"latex":251},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd8b",{"structure":259,"standards":297,"topics":298,"isSuperParent":10,"standardIds":299,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":300,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":214},{"settings":260,"hasMath":10,"query":261,"options":266,"explain":291,"hints":295,"kind":206,"marks":296,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":262,"answerTime":173,"text":264,"media":265},{"latex":263,"template":107},[],"\u003Cp>Apa perbedaan antara tag \u003Cdiv> dan \u003Cspan>?\u003C/p>",[],[267,273,279,285],{"type":170,"hasMath":10,"math":268,"answerTime":106,"id":270,"text":271,"media":272,"_id":270},{"latex":269,"template":107},[],"681bfb589b4db1fefb2ff070","\u003Cp>\u003Cdiv> adalah elemen blok, \u003Cspan> adalah elemen inline.\u003C/p>",[],{"type":170,"hasMath":10,"math":274,"answerTime":106,"id":276,"text":277,"media":278,"_id":276},{"latex":275,"template":107},[],"681bfb589b4db1da312ff071","\u003Cp>\u003Cdiv> dan \u003Cspan> keduanya adalah elemen blok.\u003C/p>",[],{"type":170,"hasMath":10,"math":280,"answerTime":106,"id":282,"text":283,"media":284,"_id":282},{"latex":281,"template":107},[],"681bfb589b4db17be22ff072","\u003Cp>\u003Cdiv> digunakan untuk teks, \u003Cspan> untuk gambar.\u003C/p>",[],{"type":170,"hasMath":10,"math":286,"answerTime":106,"id":288,"text":289,"media":290,"_id":288},{"latex":287,"template":107},[],"681bfb589b4db144982ff073","\u003Cp>\u003Cdiv> tidak dapat memiliki atribut, \u003Cspan> bisa.\u003C/p>",[],{"type":170,"text":125,"media":292,"hasMath":10,"math":293,"answerTime":106},[],{"template":107,"latex":294},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd8c",{"structure":302,"standards":340,"topics":341,"isSuperParent":10,"standardIds":342,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":343,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":214},{"settings":303,"hasMath":10,"query":304,"options":309,"explain":334,"hints":338,"kind":206,"marks":339,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":305,"answerTime":173,"text":307,"media":308},{"latex":306,"template":107},[],"\u003Cp>Jelaskan apa itu CSS dan bagaimana cara kerjanya dengan HTML!\u003C/p>",[],[310,316,322,328],{"type":170,"hasMath":10,"math":311,"answerTime":106,"id":313,"text":314,"media":315,"_id":313},{"latex":312,"template":107},[],"681bfb589b4db1237d2ff077","\u003Cp>CSS adalah bahasa untuk mendesain tampilan HTML dan bekerja dengan menghubungkan file CSS ke dokumen HTML.\u003C/p>",[],{"type":170,"hasMath":10,"math":317,"answerTime":106,"id":319,"text":320,"media":321,"_id":319},{"latex":318,"template":107},[],"681bfb589b4db1d3232ff078","\u003Cp>CSS hanya digunakan untuk menambahkan konten ke HTML.\u003C/p>",[],{"type":170,"hasMath":10,"math":323,"answerTime":106,"id":325,"text":326,"media":327,"_id":325},{"latex":324,"template":107},[],"681bfb589b4db17e512ff079","\u003Cp>CSS dan HTML adalah dua bahasa yang tidak saling berhubungan.\u003C/p>",[],{"type":170,"hasMath":10,"math":329,"answerTime":106,"id":331,"text":332,"media":333,"_id":331},{"latex":330,"template":107},[],"681bfb589b4db166aa2ff07a","\u003Cp>CSS adalah bahasa pemrograman untuk membuat aplikasi web.\u003C/p>",[],{"type":170,"text":125,"media":335,"hasMath":10,"math":336,"answerTime":106},[],{"template":107,"latex":337},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd8d",{"structure":345,"standards":383,"topics":384,"isSuperParent":10,"standardIds":385,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":386,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":214},{"settings":346,"hasMath":10,"query":347,"options":352,"explain":377,"hints":381,"kind":206,"marks":382,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":348,"answerTime":173,"text":350,"media":351},{"latex":349,"template":107},[],"\u003Cp>Sebutkan dua cara untuk menghubungkan CSS dengan HTML!\u003C/p>",[],[353,359,365,371],{"type":170,"hasMath":10,"math":354,"answerTime":106,"id":356,"text":357,"media":358,"_id":356},{"latex":355,"template":107},[],"681bfb589b4db1cbce2ff07e","\u003Cp>1. Menggunakan tag \u003Clink> untuk file CSS eksternal. 2. Menggunakan tag \u003Cstyle> untuk CSS internal.\u003C/p>",[],{"type":170,"hasMath":10,"math":360,"answerTime":106,"id":362,"text":363,"media":364,"_id":362},{"latex":361,"template":107},[],"681bfb589b4db1deda2ff07f","\u003Cp>Menggunakan tag \u003Cscript> untuk file CSS eksternal.\u003C/p>",[],{"type":170,"hasMath":10,"math":366,"answerTime":106,"id":368,"text":369,"media":370,"_id":368},{"latex":367,"template":107},[],"681bfb589b4db16ed62ff080","\u003Cp>Menggunakan tag \u003Cdiv> untuk menghubungkan CSS.\u003C/p>",[],{"type":170,"hasMath":10,"math":372,"answerTime":106,"id":374,"text":375,"media":376,"_id":374},{"latex":373,"template":107},[],"681bfb589b4db1839e2ff081","\u003Cp>Menggunakan tag \u003Cimg> untuk CSS internal.\u003C/p>",[],{"type":170,"text":125,"media":378,"hasMath":10,"math":379,"answerTime":106},[],{"template":107,"latex":380},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd8e",{"structure":388,"standards":426,"topics":427,"isSuperParent":10,"standardIds":428,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":429,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":214},{"settings":389,"hasMath":10,"query":390,"options":395,"explain":420,"hints":424,"kind":206,"marks":425,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":391,"answerTime":173,"text":393,"media":394},{"latex":392,"template":107},[],"\u003Cp>Apa itu selektor dalam CSS? Berikan contohnya!\u003C/p>",[],[396,402,408,414],{"type":170,"hasMath":10,"math":397,"answerTime":106,"id":399,"text":400,"media":401,"_id":399},{"latex":398,"template":107},[],"681bfb589b4db16e572ff085","\u003Cp>Selektor dalam CSS adalah pola untuk memilih elemen HTML. Contoh: '.kelas' untuk memilih elemen dengan kelas 'kelas'.\u003C/p>",[],{"type":170,"hasMath":10,"math":403,"answerTime":106,"id":405,"text":406,"media":407,"_id":405},{"latex":404,"template":107},[],"681bfb589b4db1b3812ff086","\u003Cp>Selektor dalam CSS adalah warna untuk elemen HTML. Contoh: 'red' untuk mengubah warna teks.\u003C/p>",[],{"type":170,"hasMath":10,"math":409,"answerTime":106,"id":411,"text":412,"media":413,"_id":411},{"latex":410,"template":107},[],"681bfb589b4db1080b2ff087","\u003Cp>Selektor dalam CSS adalah ukuran font untuk elemen HTML. Contoh: '16px' untuk menetapkan ukuran font.\u003C/p>",[],{"type":170,"hasMath":10,"math":415,"answerTime":106,"id":417,"text":418,"media":419,"_id":417},{"latex":416,"template":107},[],"681bfb589b4db1e50a2ff088","\u003Cp>Selektor dalam CSS adalah jenis gambar untuk elemen HTML. Contoh: 'url(image.jpg)' untuk menambahkan gambar.\u003C/p>",[],{"type":170,"text":125,"media":421,"hasMath":10,"math":422,"answerTime":106},[],{"template":107,"latex":423},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd8f",{"structure":431,"standards":469,"topics":470,"isSuperParent":10,"standardIds":471,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":472,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":214},{"settings":432,"hasMath":10,"query":433,"options":438,"explain":463,"hints":467,"kind":206,"marks":468,"answer":51},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":434,"answerTime":173,"text":436,"media":437},{"latex":435,"template":107},[],"\u003Cp>Jelaskan konsep 'box model' dalam CSS!\u003C/p>",[],[439,445,451,457],{"type":170,"hasMath":10,"math":440,"answerTime":106,"id":442,"text":443,"media":444,"_id":442},{"latex":441,"template":107},[],"681bfb589b4db16de42ff08c","\u003Cp>Konsep 'box model' hanya mencakup margin dan padding.\u003C/p>",[],{"type":170,"hasMath":10,"math":446,"answerTime":106,"id":448,"text":449,"media":450,"_id":448},{"latex":447,"template":107},[],"681bfb589b4db17ee02ff08d","\u003Cp>Box model tidak berhubungan dengan elemen dalam CSS.\u003C/p>",[],{"type":170,"hasMath":10,"math":452,"answerTime":106,"id":454,"text":455,"media":456,"_id":454},{"latex":453,"template":107},[],"681bfb589b4db1dafc2ff08e","\u003Cp>Box model menggambarkan elemen sebagai lingkaran dalam CSS.\u003C/p>",[],{"type":170,"hasMath":10,"math":458,"answerTime":106,"id":460,"text":461,"media":462,"_id":460},{"latex":459,"template":107},[],"681bfb589b4db1b4b92ff08f","\u003Cp>Konsep 'box model' dalam CSS menggambarkan struktur elemen sebagai kotak yang terdiri dari margin, border, padding, dan konten.\u003C/p>",[],{"type":170,"text":125,"media":464,"hasMath":10,"math":465,"answerTime":106},[],{"template":107,"latex":466},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd90",{"structure":474,"standards":512,"topics":513,"isSuperParent":10,"standardIds":514,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":515,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":475,"hasMath":10,"query":476,"options":481,"explain":506,"hints":510,"kind":206,"marks":511,"answer":30},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":477,"answerTime":173,"text":479,"media":480},{"latex":478,"template":107},[],"\u003Cp>Apa itu responsive web design dan mengapa penting?\u003C/p>",[],[482,488,494,500],{"type":170,"hasMath":10,"math":483,"answerTime":106,"id":485,"text":486,"media":487,"_id":485},{"latex":484,"template":107},[],"681bfb589b4db131702ff093","\u003Cp>Responsive web design mengharuskan penggunaan teknologi khusus.\u003C/p>",[],{"type":170,"hasMath":10,"math":489,"answerTime":106,"id":491,"text":492,"media":493,"_id":491},{"latex":490,"template":107},[],"681bfb589b4db132322ff094","\u003Cp>Responsive web design adalah pendekatan untuk membuat situs web yang dapat menyesuaikan tampilan di berbagai perangkat dan ukuran layar.\u003C/p>",[],{"type":170,"hasMath":10,"math":495,"answerTime":106,"id":497,"text":498,"media":499,"_id":497},{"latex":496,"template":107},[],"681bfb589b4db14e4c2ff095","\u003Cp>Responsive web design tidak mempengaruhi pengalaman pengguna.\u003C/p>",[],{"type":170,"hasMath":10,"math":501,"answerTime":106,"id":503,"text":504,"media":505,"_id":503},{"latex":502,"template":107},[],"681bfb589b4db1caba2ff096","\u003Cp>Responsive web design hanya untuk perangkat mobile.\u003C/p>",[],{"type":170,"text":125,"media":507,"hasMath":10,"math":508,"answerTime":106},[],{"template":107,"latex":509},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd91","2025-05-08T00:33:21.591Z",{"structure":518,"standards":556,"topics":557,"isSuperParent":10,"standardIds":558,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":559,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":519,"hasMath":10,"query":520,"options":525,"explain":550,"hints":554,"kind":206,"marks":555,"answer":30},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":521,"answerTime":173,"text":523,"media":524},{"latex":522,"template":107},[],"\u003Cp>Sebutkan dua teknik untuk membuat desain web responsif!\u003C/p>",[],[526,532,538,544],{"type":170,"hasMath":10,"math":527,"answerTime":106,"id":529,"text":530,"media":531,"_id":529},{"latex":528,"template":107},[],"681bfb589b4db1981e2ff09a","\u003Cp>HTML Tables\u003C/p>",[],{"type":170,"hasMath":10,"math":533,"answerTime":106,"id":535,"text":536,"media":537,"_id":535},{"latex":534,"template":107},[],"681bfb589b4db127892ff09b","\u003Cp>Dua teknik untuk membuat desain web responsif adalah CSS Media Queries dan Flexbox.\u003C/p>",[],{"type":170,"hasMath":10,"math":539,"answerTime":106,"id":541,"text":542,"media":543,"_id":541},{"latex":540,"template":107},[],"681bfb589b4db1405f2ff09c","\u003Cp>CSS Grid Layout\u003C/p>",[],{"type":170,"hasMath":10,"math":545,"answerTime":106,"id":547,"text":548,"media":549,"_id":547},{"latex":546,"template":107},[],"681bfb589b4db161142ff09d","\u003Cp>JavaScript Frameworks\u003C/p>",[],{"type":170,"text":125,"media":551,"hasMath":10,"math":552,"answerTime":106},[],{"template":107,"latex":553},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd92",{"structure":561,"standards":599,"topics":600,"isSuperParent":10,"standardIds":601,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":602,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":562,"hasMath":10,"query":563,"options":568,"explain":593,"hints":597,"kind":206,"marks":598,"answer":51},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":564,"answerTime":173,"text":566,"media":567},{"latex":565,"template":107},[],"\u003Cp>Apa itu media query dalam CSS?\u003C/p>",[],[569,575,581,587],{"type":170,"hasMath":10,"math":570,"answerTime":106,"id":572,"text":573,"media":574,"_id":572},{"latex":571,"template":107},[],"681bfb589b4db1c6212ff0a1","\u003Cp>Media query adalah jenis media yang digunakan untuk mengedit gambar.\u003C/p>",[],{"type":170,"hasMath":10,"math":576,"answerTime":106,"id":578,"text":579,"media":580,"_id":578},{"latex":577,"template":107},[],"681bfb589b4db11fb12ff0a2","\u003Cp>Media query adalah teknik untuk mengoptimalkan ukuran file CSS.\u003C/p>",[],{"type":170,"hasMath":10,"math":582,"answerTime":106,"id":584,"text":585,"media":586,"_id":584},{"latex":583,"template":107},[],"681bfb589b4db1c2f12ff0a3","\u003Cp>Media query adalah alat untuk mengukur kecepatan internet.\u003C/p>",[],{"type":170,"hasMath":10,"math":588,"answerTime":106,"id":590,"text":591,"media":592,"_id":590},{"latex":589,"template":107},[],"681bfb589b4db15bdc2ff0a4","\u003Cp>Media query adalah fitur CSS yang memungkinkan penerapan gaya berdasarkan kondisi tertentu dari perangkat.\u003C/p>",[],{"type":170,"text":125,"media":594,"hasMath":10,"math":595,"answerTime":106},[],{"template":107,"latex":596},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd93",{"structure":604,"standards":642,"topics":643,"isSuperParent":10,"standardIds":644,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":645,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":605,"hasMath":10,"query":606,"options":611,"explain":636,"hints":640,"kind":206,"marks":641,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":607,"answerTime":173,"text":609,"media":610},{"latex":608,"template":107},[],"\u003Cp>Jelaskan apa itu database!\u003C/p>",[],[612,618,624,630],{"type":170,"hasMath":10,"math":613,"answerTime":106,"id":615,"text":616,"media":617,"_id":615},{"latex":614,"template":107},[],"681bfb589b4db19fb12ff0a8","\u003Cp>Database adalah sistem yang digunakan untuk menyimpan dan mengelola data.\u003C/p>",[],{"type":170,"hasMath":10,"math":619,"answerTime":106,"id":621,"text":622,"media":623,"_id":621},{"latex":620,"template":107},[],"681bfb589b4db175462ff0a9","\u003Cp>Database adalah aplikasi untuk mengedit video.\u003C/p>",[],{"type":170,"hasMath":10,"math":625,"answerTime":106,"id":627,"text":628,"media":629,"_id":627},{"latex":626,"template":107},[],"681bfb589b4db14e712ff0aa","\u003Cp>Database adalah perangkat keras untuk komputer.\u003C/p>",[],{"type":170,"hasMath":10,"math":631,"answerTime":106,"id":633,"text":634,"media":635,"_id":633},{"latex":632,"template":107},[],"681bfb589b4db12ca12ff0ab","\u003Cp>Database adalah tempat untuk menyimpan file gambar.\u003C/p>",[],{"type":170,"text":125,"media":637,"hasMath":10,"math":638,"answerTime":106},[],{"template":107,"latex":639},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd94",{"structure":647,"standards":685,"topics":686,"isSuperParent":10,"standardIds":687,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":688,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":648,"hasMath":10,"query":649,"options":654,"explain":679,"hints":683,"kind":206,"marks":684,"answer":51},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":650,"answerTime":173,"text":652,"media":653},{"latex":651,"template":107},[],"\u003Cp>Sebutkan dua jenis database yang umum digunakan!\u003C/p>",[],[655,661,667,673],{"type":170,"hasMath":10,"math":656,"answerTime":106,"id":658,"text":659,"media":660,"_id":658},{"latex":657,"template":107},[],"681bfb589b4db145b42ff0af","\u003Cp>Flat File Database\u003C/p>",[],{"type":170,"hasMath":10,"math":662,"answerTime":106,"id":664,"text":665,"media":666,"_id":664},{"latex":663,"template":107},[],"681bfb589b4db100042ff0b0","\u003Cp>Graph Database\u003C/p>",[],{"type":170,"hasMath":10,"math":668,"answerTime":106,"id":670,"text":671,"media":672,"_id":670},{"latex":669,"template":107},[],"681bfb589b4db13e602ff0b1","\u003Cp>Object-Oriented Database\u003C/p>",[],{"type":170,"hasMath":10,"math":674,"answerTime":106,"id":676,"text":677,"media":678,"_id":676},{"latex":675,"template":107},[],"681bfb589b4db1cc9a2ff0b2","\u003Cp>Relational Database dan NoSQL Database\u003C/p>",[],{"type":170,"text":125,"media":680,"hasMath":10,"math":681,"answerTime":106},[],{"template":107,"latex":682},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd95",{"structure":690,"standards":728,"topics":729,"isSuperParent":10,"standardIds":730,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":731,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":691,"hasMath":10,"query":692,"options":697,"explain":722,"hints":726,"kind":206,"marks":727,"answer":30},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":693,"answerTime":173,"text":695,"media":696},{"latex":694,"template":107},[],"\u003Cp>Apa itu SQL dan untuk apa digunakan?\u003C/p>",[],[698,704,710,716],{"type":170,"hasMath":10,"math":699,"answerTime":106,"id":701,"text":702,"media":703,"_id":701},{"latex":700,"template":107},[],"681bfb589b4db190a32ff0b6","\u003Cp>SQL adalah bahasa pemrograman untuk aplikasi web.\u003C/p>",[],{"type":170,"hasMath":10,"math":705,"answerTime":106,"id":707,"text":708,"media":709,"_id":707},{"latex":706,"template":107},[],"681bfb589b4db197922ff0b7","\u003Cp>SQL adalah bahasa untuk mengelola basis data relasional.\u003C/p>",[],{"type":170,"hasMath":10,"math":711,"answerTime":106,"id":713,"text":714,"media":715,"_id":713},{"latex":712,"template":107},[],"681bfb589b4db11f3d2ff0b8","\u003Cp>SQL digunakan untuk membuat aplikasi mobile.\u003C/p>",[],{"type":170,"hasMath":10,"math":717,"answerTime":106,"id":719,"text":720,"media":721,"_id":719},{"latex":718,"template":107},[],"681bfb589b4db10d0a2ff0b9","\u003Cp>SQL adalah sistem operasi untuk komputer.\u003C/p>",[],{"type":170,"text":125,"media":723,"hasMath":10,"math":724,"answerTime":106},[],{"template":107,"latex":725},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd96",{"structure":733,"standards":771,"topics":772,"isSuperParent":10,"standardIds":773,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":774,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":734,"hasMath":10,"query":735,"options":740,"explain":765,"hints":769,"kind":206,"marks":770,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":736,"answerTime":173,"text":738,"media":739},{"latex":737,"template":107},[],"\u003Cp>Jelaskan perbedaan antara perintah SELECT dan INSERT dalam SQL!\u003C/p>",[],[741,747,753,759],{"type":170,"hasMath":10,"math":742,"answerTime":106,"id":744,"text":745,"media":746,"_id":744},{"latex":743,"template":107},[],"681bfb589b4db1749e2ff0bd","\u003Cp>Perintah SELECT mengambil data, sedangkan perintah INSERT menambahkan data.\u003C/p>",[],{"type":170,"hasMath":10,"math":748,"answerTime":106,"id":750,"text":751,"media":752,"_id":750},{"latex":749,"template":107},[],"681bfb589b4db1432a2ff0be","\u003Cp>Perintah SELECT menghapus data, sedangkan perintah INSERT mengambil data.\u003C/p>",[],{"type":170,"hasMath":10,"math":754,"answerTime":106,"id":756,"text":757,"media":758,"_id":756},{"latex":755,"template":107},[],"681bfb589b4db15b412ff0bf","\u003Cp>Perintah SELECT menambahkan data, sedangkan perintah INSERT mengupdate data.\u003C/p>",[],{"type":170,"hasMath":10,"math":760,"answerTime":106,"id":762,"text":763,"media":764,"_id":762},{"latex":761,"template":107},[],"681bfb589b4db12c5e2ff0c0","\u003Cp>Perintah SELECT dan INSERT keduanya digunakan untuk menghapus data.\u003C/p>",[],{"type":170,"text":125,"media":766,"hasMath":10,"math":767,"answerTime":106},[],{"template":107,"latex":768},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd97",{"structure":776,"standards":814,"topics":815,"isSuperParent":10,"standardIds":816,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":817,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":777,"hasMath":10,"query":778,"options":783,"explain":808,"hints":812,"kind":206,"marks":813,"answer":106},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":779,"answerTime":173,"text":781,"media":782},{"latex":780,"template":107},[],"\u003Cp>Apa itu primary key dalam konteks database?\u003C/p>",[],[784,790,796,802],{"type":170,"hasMath":10,"math":785,"answerTime":106,"id":787,"text":788,"media":789,"_id":787},{"latex":786,"template":107},[],"681bfb589b4db160b02ff0c4","\u003Cp>Primary key adalah kolom yang secara unik mengidentifikasi setiap baris dalam tabel database.\u003C/p>",[],{"type":170,"hasMath":10,"math":791,"answerTime":106,"id":793,"text":794,"media":795,"_id":793},{"latex":792,"template":107},[],"681bfb589b4db16ebd2ff0c5","\u003Cp>Primary key adalah kolom yang menyimpan data duplikat dalam tabel.\u003C/p>",[],{"type":170,"hasMath":10,"math":797,"answerTime":106,"id":799,"text":800,"media":801,"_id":799},{"latex":798,"template":107},[],"681bfb589b4db17a5e2ff0c6","\u003Cp>Primary key adalah kolom yang dapat diubah setiap saat.\u003C/p>",[],{"type":170,"hasMath":10,"math":803,"answerTime":106,"id":805,"text":806,"media":807,"_id":805},{"latex":804,"template":107},[],"681bfb589b4db1a8f12ff0c7","\u003Cp>Primary key adalah kolom yang tidak memiliki batasan unik.\u003C/p>",[],{"type":170,"text":125,"media":809,"hasMath":10,"math":810,"answerTime":106},[],{"template":107,"latex":811},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd98",{"structure":819,"standards":857,"topics":858,"isSuperParent":10,"standardIds":859,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":860,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":820,"hasMath":10,"query":821,"options":826,"explain":851,"hints":855,"kind":206,"marks":856,"answer":41},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":822,"answerTime":173,"text":824,"media":825},{"latex":823,"template":107},[],"\u003Cp>Sebutkan satu contoh query SQL untuk mengambil data dari tabel!\u003C/p>",[],[827,833,839,845],{"type":170,"hasMath":10,"math":828,"answerTime":106,"id":830,"text":831,"media":832,"_id":830},{"latex":829,"template":107},[],"681bfb589b4db103862ff0cb","\u003Cp>GET data FROM nama_tabel;\u003C/p>",[],{"type":170,"hasMath":10,"math":834,"answerTime":106,"id":836,"text":837,"media":838,"_id":836},{"latex":835,"template":107},[],"681bfb589b4db1e41e2ff0cc","\u003Cp>FETCH * FROM nama_tabel;\u003C/p>",[],{"type":170,"hasMath":10,"math":840,"answerTime":106,"id":842,"text":843,"media":844,"_id":842},{"latex":841,"template":107},[],"681bfb589b4db143bb2ff0cd","\u003Cp>SELECT * FROM nama_tabel;\u003C/p>",[],{"type":170,"hasMath":10,"math":846,"answerTime":106,"id":848,"text":849,"media":850,"_id":848},{"latex":847,"template":107},[],"681bfb589b4db1174e2ff0ce","\u003Cp>RETRIEVE ALL FROM nama_tabel;\u003C/p>",[],{"type":170,"text":125,"media":852,"hasMath":10,"math":853,"answerTime":106},[],{"template":107,"latex":854},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd99",{"structure":862,"standards":900,"topics":901,"isSuperParent":10,"standardIds":902,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":903,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":863,"hasMath":10,"query":864,"options":869,"explain":894,"hints":898,"kind":206,"marks":899,"answer":51},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":865,"answerTime":173,"text":867,"media":868},{"latex":866,"template":107},[],"\u003Cp>Apa itu normalisasi dalam database?\u003C/p>",[],[870,876,882,888],{"type":170,"hasMath":10,"math":871,"answerTime":106,"id":873,"text":874,"media":875,"_id":873},{"latex":872,"template":107},[],"681bfb589b4db1474a2ff0d2","\u003Cp>Normalisasi adalah cara untuk menambah redundansi dalam database.\u003C/p>",[],{"type":170,"hasMath":10,"math":877,"answerTime":106,"id":879,"text":880,"media":881,"_id":879},{"latex":878,"template":107},[],"681bfb589b4db1658e2ff0d3","\u003Cp>Normalisasi adalah proses penghapusan data dari database.\u003C/p>",[],{"type":170,"hasMath":10,"math":883,"answerTime":106,"id":885,"text":886,"media":887,"_id":885},{"latex":884,"template":107},[],"681bfb589b4db19bf02ff0d4","\u003Cp>Normalisasi adalah teknik untuk mempercepat akses data dalam database.\u003C/p>",[],{"type":170,"hasMath":10,"math":889,"answerTime":106,"id":891,"text":892,"media":893,"_id":891},{"latex":890,"template":107},[],"681bfb589b4db1866c2ff0d5","\u003Cp>Normalisasi adalah proses pengorganisasian data dalam database untuk mengurangi redundansi dan meningkatkan integritas.\u003C/p>",[],{"type":170,"text":125,"media":895,"hasMath":10,"math":896,"answerTime":106},[],{"template":107,"latex":897},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd9a",{"structure":905,"standards":943,"topics":944,"isSuperParent":10,"standardIds":945,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":946,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":906,"hasMath":10,"query":907,"options":912,"explain":937,"hints":941,"kind":206,"marks":942,"answer":51},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":908,"answerTime":173,"text":910,"media":911},{"latex":909,"template":107},[],"\u003Cp>Jelaskan apa itu relasi dalam database!\u003C/p>",[],[913,919,925,931],{"type":170,"hasMath":10,"math":914,"answerTime":106,"id":916,"text":917,"media":918,"_id":916},{"latex":915,"template":107},[],"681bfb589b4db118392ff0d9","\u003Cp>Relasi dalam database adalah cara untuk mengurutkan data dalam satu tabel.\u003C/p>",[],{"type":170,"hasMath":10,"math":920,"answerTime":106,"id":922,"text":923,"media":924,"_id":922},{"latex":921,"template":107},[],"681bfb589b4db1f8d02ff0da","\u003Cp>Relasi dalam database adalah jenis data yang disimpan dalam tabel.\u003C/p>",[],{"type":170,"hasMath":10,"math":926,"answerTime":106,"id":928,"text":929,"media":930,"_id":928},{"latex":927,"template":107},[],"681bfb589b4db168de2ff0db","\u003Cp>Relasi dalam database adalah proses penghapusan data dari tabel.\u003C/p>",[],{"type":170,"hasMath":10,"math":932,"answerTime":106,"id":934,"text":935,"media":936,"_id":934},{"latex":933,"template":107},[],"681bfb589b4db108a02ff0dc","\u003Cp>Relasi dalam database adalah hubungan antara tabel yang memungkinkan penghubungan data.\u003C/p>",[],{"type":170,"text":125,"media":938,"hasMath":10,"math":939,"answerTime":106},[],{"template":107,"latex":940},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd9b",{"structure":948,"standards":986,"topics":987,"isSuperParent":10,"standardIds":988,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":989,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":949,"hasMath":10,"query":950,"options":955,"explain":980,"hints":984,"kind":206,"marks":985,"answer":51},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":951,"answerTime":173,"text":953,"media":954},{"latex":952,"template":107},[],"\u003Cp>Sebutkan dua jenis relasi yang ada dalam database!\u003C/p>",[],[956,962,968,974],{"type":170,"hasMath":10,"math":957,"answerTime":106,"id":959,"text":960,"media":961,"_id":959},{"latex":958,"template":107},[],"681bfb589b4db10e932ff0e0","\u003Cp>Relasi satu ke satu (1:1) dan relasi nol ke satu (0:1)\u003C/p>",[],{"type":170,"hasMath":10,"math":963,"answerTime":106,"id":965,"text":966,"media":967,"_id":965},{"latex":964,"template":107},[],"681bfb589b4db1b8b92ff0e1","\u003Cp>Relasi satu ke nol atau satu (1:0..1) dan relasi banyak ke satu (N:1)\u003C/p>",[],{"type":170,"hasMath":10,"math":969,"answerTime":106,"id":971,"text":972,"media":973,"_id":971},{"latex":970,"template":107},[],"681bfb589b4db102a62ff0e2","\u003Cp>Relasi banyak ke banyak (N:N) dan relasi satu ke dua (1:2)\u003C/p>",[],{"type":170,"hasMath":10,"math":975,"answerTime":106,"id":977,"text":978,"media":979,"_id":977},{"latex":976,"template":107},[],"681bfb589b4db123eb2ff0e3","\u003Cp>Relasi satu ke satu (1:1) dan relasi satu ke banyak (1:N)\u003C/p>",[],{"type":170,"text":125,"media":981,"hasMath":10,"math":982,"answerTime":106},[],{"template":107,"latex":983},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd9c",{"structure":991,"standards":1029,"topics":1030,"isSuperParent":10,"standardIds":1031,"aiGenerated":5,"__v":51,"teleportFrom":107,"cloned":107,"ver":41,"parent":107,"_id":1032,"time":131,"published":5,"aiCreateMeta":107,"type":206,"createdAt":213,"updated":516},{"settings":992,"hasMath":10,"query":993,"options":998,"explain":1023,"hints":1027,"kind":206,"marks":1028,"answer":51},{"hasCorrectAnswer":5,"fibDataType":168,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":170,"hasMath":10,"math":994,"answerTime":173,"text":996,"media":997},{"latex":995,"template":107},[],"\u003Cp>Apa itu framework dalam pengembangan web?\u003C/p>",[],[999,1005,1011,1017],{"type":170,"hasMath":10,"math":1000,"answerTime":106,"id":1002,"text":1003,"media":1004,"_id":1002},{"latex":1001,"template":107},[],"681bfb589b4db12dec2ff0e7","\u003Cp>Framework hanya digunakan untuk aplikasi desktop.\u003C/p>",[],{"type":170,"hasMath":10,"math":1006,"answerTime":106,"id":1008,"text":1009,"media":1010,"_id":1008},{"latex":1007,"template":107},[],"681bfb589b4db199692ff0e8","\u003Cp>Framework adalah jenis bahasa pemrograman.\u003C/p>",[],{"type":170,"hasMath":10,"math":1012,"answerTime":106,"id":1014,"text":1015,"media":1016,"_id":1014},{"latex":1013,"template":107},[],"681bfb589b4db11d0c2ff0e9","\u003Cp>Framework adalah sistem operasi untuk server.\u003C/p>",[],{"type":170,"hasMath":10,"math":1018,"answerTime":106,"id":1020,"text":1021,"media":1022,"_id":1020},{"latex":1019,"template":107},[],"681bfb589b4db10ebb2ff0ea","\u003Cp>Framework adalah sekumpulan alat dan pustaka yang memudahkan pengembangan aplikasi web.\u003C/p>",[],{"type":170,"text":125,"media":1024,"hasMath":10,"math":1025,"answerTime":106},[],{"template":107,"latex":1026},[],[],{"correct":159,"incorrect":106},[],[],[],"681bfb587ea08d07750ffd9d",[],"2025-05-08T00:31:20.476Z","2025-05-08T00:33:21.595Z","2025-05-08T00:33:21.598Z","DISABLED","2025-07-06T02:04:42.654Z",{"service":1040,"version":1041},"quizserver","ed12f4880bc3d5b750c0aae829550427452d2390",{"success":5,"data":1043,"time":1153},{"countryBasedRecommendations":1044,"subjectBasedRecommendations":1091,"subjectBasedQualifiers":1122},[1045,1052,1059,1065,1070,1076,1081,1086],{"id":1046,"quizId":1047,"country":1048,"lowerGrade":211,"upperGrade":211,"quizRank":30,"subject":1049,"quizImage":1050,"quizName":1051,"quizType":11,"noOfQuestions":64,"noOfSlides":106},"685bd6b9dc73a8056d17e167","5f7350cc6fbfd5001b514813","US","Mathematics","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/b52bd788-f4e7-438f-861e-a9f0056007e9","Multiplication Facts",{"id":1053,"quizId":1054,"country":1048,"lowerGrade":92,"upperGrade":1055,"quizRank":41,"subject":1056,"quizImage":1057,"quizName":1058,"quizType":11,"noOfQuestions":22,"noOfSlides":106},"68651138c56abb73119b6b7b","685b4e2e9ec5b3fcd901d30c",8,"Biology","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b79c115a-f350-4852-9d93-3edb0b7c4687-v2","SS Combined Advisory Quiz",{"id":1060,"quizId":1061,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":51,"subject":1049,"quizImage":1062,"quizName":1063,"quizType":11,"noOfQuestions":1064,"noOfSlides":106},"68651138c56abb73119b6b82","6838ba4c9d38d8c3c5c5498a","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/22214310-21e6-4a3d-81c9-28c33c0415fa-v2","Week 4 Student In Class Practice Set",40,{"id":1066,"quizId":1067,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":211,"subject":1056,"quizImage":1068,"quizName":1069,"quizType":11,"noOfQuestions":1064,"noOfSlides":106},"68651138c56abb73119b6b79","6283f6d97d9eed001dc3c273","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3511ccda-fcac-4bb0-8d17-520dd18ceb89-v2","SOL: ILE DNA Tech, Gen, Evol 2025",{"id":1071,"quizId":1072,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":159,"subject":1073,"quizImage":1074,"quizName":1075,"quizType":11,"noOfQuestions":33,"noOfSlides":106},"68651138c56abb73119b6b93","67eab4aa33dfb3f60d21c57a","Professional Development","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ff7f177c-108b-4288-b3e2-07b773a0224b-v2","NC Universities (R2H)",{"id":1077,"quizId":1078,"country":1048,"lowerGrade":1079,"upperGrade":1079,"quizRank":92,"subject":1073,"quizImage":125,"quizName":1080,"quizType":11,"noOfQuestions":64,"noOfSlides":106},"68651138c56abb73119b6b91","6825d54bf2edcbd7002c136d",14,"June Review Quiz",{"id":1082,"quizId":1083,"country":1048,"lowerGrade":1055,"upperGrade":1055,"quizRank":19,"subject":1049,"quizImage":1084,"quizName":1085,"quizType":11,"noOfQuestions":33,"noOfSlides":106},"68651138c56abb73119b6b89","64064352c530c4001d9af5c3","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/6c09c2b3-a56b-4e70-ba85-44b0315ddfa0","Congruent and Similar Triangles ",{"id":1087,"quizId":1088,"country":1048,"lowerGrade":121,"upperGrade":123,"quizRank":1055,"subject":1049,"quizImage":1089,"quizName":1090,"quizType":11,"noOfQuestions":22,"noOfSlides":106},"68651138c56abb73119b6b8d","5c645eff22121d001ac6d10c","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/bb7d49d0-26db-4b2b-8e62-186fcc656fff","Triangle Inequalities",[1092,1093,1094,1095,1096,1101,1109,1116],{"id":1060,"quizId":1061,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":51,"subject":1049,"quizImage":1062,"quizName":1063,"quizType":11,"noOfQuestions":1064,"noOfSlides":106},{"id":1066,"quizId":1067,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":211,"subject":1056,"quizImage":1068,"quizName":1069,"quizType":11,"noOfQuestions":1064,"noOfSlides":106},{"id":1071,"quizId":1072,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":159,"subject":1073,"quizImage":1074,"quizName":1075,"quizType":11,"noOfQuestions":33,"noOfSlides":106},{"id":1087,"quizId":1088,"country":1048,"lowerGrade":121,"upperGrade":123,"quizRank":1055,"subject":1049,"quizImage":1089,"quizName":1090,"quizType":11,"noOfQuestions":22,"noOfSlides":106},{"id":1097,"quizId":1098,"country":1048,"lowerGrade":122,"upperGrade":122,"quizRank":121,"subject":1049,"quizImage":1099,"quizName":1100,"quizType":11,"noOfQuestions":121,"noOfSlides":106},"68651138c56abb73119b6b85","58ebd4cfb571e1cd017ec612","https://media.quizizz.com/resource/gs/quizizz-media/quizzes/L2FwcGhvc3RpbmdfcHJvZC9ibG9icy9BRW5CMlVyZEh3cGE3Vm1JblFxdGdVR284ZjBYTHpvblQybUxod1VOdGloNUNyT3MzMkJpeGlYWVdJelRXSzdjWWowNl9NQ3hDdFZYcFltdFg5TmtwMVZvMG9OdHg5RVBXWV84WEI2ZmR1RWpHSXJuVVhVUmNyQS56QjlqcExlX1I1bENxd1h2","Right Triangles: Pythagorean Theorem and Trig",{"id":1102,"quizId":1103,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":1104,"subject":1105,"quizImage":1106,"quizName":1107,"quizType":11,"noOfQuestions":1108,"noOfSlides":106},"68651138c56abb73119b6b95","683470d6affff80a81ab6c00",18,"Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4623b437-2ed6-4367-8667-3bf4024a4974-v2","MegaQuiz v2 2025",65,{"id":1110,"quizId":1111,"country":1048,"lowerGrade":120,"upperGrade":123,"quizRank":1112,"subject":1105,"quizImage":1113,"quizName":1114,"quizType":1115,"noOfQuestions":121,"noOfSlides":1055},"68651138c56abb73119b6b97","685b028c1bc96afce983ba41",22,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/8c4497b3-a73f-4bf9-bf39-b59ff57571ba","GPA Lesson","presentation",{"id":1117,"quizId":1118,"country":1048,"lowerGrade":1055,"upperGrade":123,"quizRank":1119,"subject":1073,"quizImage":1120,"quizName":1121,"quizType":11,"noOfQuestions":64,"noOfSlides":106},"68651138c56abb73119b6b94","64932611b6d02e001e161f3b",24,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/209c196e-a896-4ee1-9e62-9f824a1e6250","SMART Goals",[1123,1126,1129,1132,1135,1138,1141,1144,1147,1150],{"path":1124,"display":1125},"/ela/language/mechanics/spelling/correct-spelling-errors","Correct Spelling Errors",{"path":1127,"display":1128},"/ela/writing/writing-process/drafting/organizational-strategies/create-effective-transitions","Create effective transitions",{"path":1130,"display":1131},"/science/earth-and-space-science/earths-systems/rocks/classify-rocks-as-igneous-sedimentary-or-metamorphic","Classify rocks as igneous, sedimentary, or metamorphic",{"path":1133,"display":1134},"/ela/research-and-media-literacy/research-process/research-planning","Research Planning",{"path":1136,"display":1137},"/science/physics/electricity-and-magnetism/electrostatics","Electrostatics",{"path":1139,"display":1140},"/science/physical-science/light-and-sound/light-properties/materials-and-light","Materials and light",{"path":1142,"display":1143},"/ela/reading/literature/literary-devices/theme","Theme",{"path":1145,"display":1146},"/math/functions/function-concepts/function-basics/understanding-functions/using-the-verticalhorizontal-line-tests","Using the vertical/horizontal line tests",{"path":1148,"display":1149},"/social-studies/economics/economic-systems/economic-development","Economic Development",{"path":1151,"display":1152},"/social-studies/contemporary-global-issues/global-commons/global-health","Global Health","2025-07-06T02:04:44.4290166Z",{"success":5,"data":1155,"time":1220},{"quizzes":1156,"total":1218,"timeTaken":1219,"experiment":97,"source":98},[1157,1161,1170,1179,1188,1197,1205,1214],{"id":85,"isSuper":10,"type":11,"info":1158,"shouldIndex":10,"stats":1160},{"grade":1159,"name":88,"slug":89,"image":90},[14,14],{"played":92,"totalPlayers":93,"totalCorrect":94,"totalQuestions":64},{"id":1162,"isSuper":10,"type":11,"info":1163,"shouldIndex":10,"stats":1167},"673fcb7575968cc9a6c8c9fe",{"grade":1164,"name":1165,"slug":1165,"image":1166},[14,14],"Pengenalan Web dan Berpikir kritis","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/417f4d33-a08c-42eb-8fda-79908331014b-v2",{"played":51,"totalPlayers":1168,"totalCorrect":1169,"totalQuestions":33},21,336,{"id":1171,"isSuper":10,"type":11,"info":1172,"shouldIndex":10,"stats":1176},"66fa97bd1355ac1c564520ea",{"grade":1173,"name":1174,"slug":1174,"image":1175},[14,14],"WEB 1.3","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1a982f71-988a-4dcb-aa22-5e04e28601d2-v2",{"played":30,"totalPlayers":1177,"totalCorrect":1178,"totalQuestions":33},16,255,{"id":1180,"isSuper":10,"type":11,"info":1181,"shouldIndex":10,"stats":1185},"67c3c1ec87d01a2bf9bdbf24",{"grade":1182,"name":1183,"slug":1183,"image":1184},[14,14],"Web 3.6 Bacaan","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b9c7ba98-835e-4545-b54f-1006e8377c62-v2",{"played":211,"totalPlayers":1186,"totalCorrect":1187,"totalQuestions":33},83,1309,{"id":1189,"isSuper":10,"type":11,"info":1190,"shouldIndex":10,"stats":1194},"67490daec7b6da3a050951cd",{"grade":1191,"name":1192,"slug":1192,"image":1193},[14,14],"Basis Data","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cc422939-77fe-4763-8990-a26019ff8cbc-v2",{"played":64,"totalPlayers":1195,"totalCorrect":1196,"totalQuestions":33},117,1222,{"id":1198,"isSuper":10,"type":11,"info":1199,"shouldIndex":10,"stats":1203},"67dafcd6526a066d54f528f4",{"grade":1200,"name":1201,"slug":1201,"image":1202},[14,14],"Soal Teknologi Dasar Web (HTML, CSS, JavaScript)","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/bb3c7a47-ba02-46a6-b9bb-394fe5761b4a-v2",{"played":123,"totalPlayers":123,"totalCorrect":1204,"totalQuestions":64},150,{"id":1206,"isSuper":10,"type":11,"info":1207,"shouldIndex":10,"stats":1211},"67c3bf26440e7164095bc4f7",{"grade":1208,"name":1209,"slug":1209,"image":1210},[14,14],"Web 3.1-3.3 Bacaan","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8b1317eb-d4e2-4b26-838b-74b12db744ed-v2",{"played":51,"totalPlayers":1212,"totalCorrect":1213,"totalQuestions":33},72,1214,{"id":75,"isSuper":10,"type":11,"info":1215,"shouldIndex":10,"stats":1217},{"grade":1216,"name":78,"slug":79,"image":80},[14,14],{"played":51,"totalPlayers":82,"totalCorrect":83,"totalQuestions":33},271,32,"2025-07-06T02:04:44.424253912Z",["Reactive",1222],{},["Set"],["ShallowReactive",1225],{"NSlcZzdS1D":107,"JPfm9lVCbs":107,"sno2RTNxyB":107,"4G6KiXYCa0":107},"/admin/quiz/681bfb58f42942b1d09fe241/uji-pemahaman-halaman-web-dinamis","none",{"ssr_adp-v2":1229},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",endpoints:{quizUrl:"https://services-internal-quiz.quizizz.com/_quizserver/adminv3ssr/v2/quiz",apiUrl:"https://quizizz.com/_api/rpc",autoCompleteUrl:"https://quizizz.com/_autocomserver/main",publicQuizUrl:"https://quizizz.com/_quizserver/main/v2/quiz",recommendationUrl:"https://search-internal.quizizz.com/_sserverv2/main/common/quizPageRecV3",joinUrl:"https://quizizz.com/join",quizPreviewUrl:"https://quizizz.com/signup/qdp",mlprocessorUrl:"https://quizizz.com/_mlprocessor/main",baseUrl:"https://quizizz.com",boclipsUrl:"https://quizizz.com/_quizserver/main/v2/boclips/video",categoryPagesUrl:"https://quizizz.com/_scserver/main/public/v1/category-pages",cdnBasePath:"https://cf.quizizz.com",searchServiceUrl:"https://quizizz.com/_sserverv2/main",schoolServiceUrl:"https://services-internal.quizizz.com/_scserver/main"},enablePseudoLocale:false,apiBase:"/nuxtssr/worker",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:true},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"83a394c2-bcd3-41f6-8859-8bea2ff7ca21",buildAssetsDir:"_nuxtssr/main",cdnURL:"https://cf.quizizz.com"}}</script></body></html>