Mastering HTML5 and CSS Professional Development Quiz

Mastering HTML5 and CSS

Professional Development

•

15 Qs

Similar activities

Quiz tentang CSS Grid Layout

Professional Development

•

16 Qs

Rabbitleap - Tailwind Review

Professional Development

•

10 Qs

Lesson01 Quiz

Professional Development

•

11 Qs

Quiz su HTML e CSS

Professional Development

•

10 Qs

WDDF, Level 3- 2

Professional Development

•

18 Qs

Pengaturcaraan dan AI dalam Pendidikan

Professional Development

•

10 Qs

Mastering HTML5 and CSS3 Concepts

Professional Development

•

15 Qs

[FE] Ice Breaking - Tailwind CSS: Building Dynamic and User-Enga

Professional Development

•

10 Qs

Mastering HTML5 and CSS

Quiz

•

Information Technology (IT)

•

Professional Development

•

Hard

Renukadevi S

Used 1+ times

FREE Resource

15 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What does HTML stand for?

HighText Markup Language

HyperText Markup List

HyperText Multi Language

HyperText Markup Language

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which HTML element is used to define the title of a document?

</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><meta></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><header></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What is the purpose of the <head> tag in 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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>The <head> tag is for defining the layout of the webpage.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>The <head> tag is used to display the main content of the page.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>The <head> tag is used to contain meta-information about the HTML document.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>The <head> tag is used to include images and videos in the document.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>How do you create a hyperlink in 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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><a href='https://www.example.com'>Click here</a></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><a url='https://www.example.com'>Click here</a></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><hyperlink='https://www.example.com'>Click here</hyperlink></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><link href='https://www.example.com'>Click here</link></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What does CSS stand for?</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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Cascading Style Scripts</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Cascading Style Sheets</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Cascading System Styles</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Creative Style Sheets</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Which property is used to change the background color in 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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>background-style</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>bg-color</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>background-color</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>color-background</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>How can you apply CSS styles to an HTML element?</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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>By modifying the HTML structure instead of using CSS</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Only through inline styles</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS styles can be applied using inline styles, internal stylesheets, or external stylesheets.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Using JavaScript to apply styles directly</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What is the difference between class and ID selectors in 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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Class selectors are always unique, while ID selectors can be reused.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Class selectors are defined with @media, while ID selectors use @import.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Class selectors (.) can be used multiple times, while ID selectors (#) must be unique.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p>ID selectors are used for styling text, while class selectors are for layout.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What HTML tag is used to define an unordered list?</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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><ul></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><ol></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><list></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><item></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><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-wds-light-200 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-wds-dark-200 text-w-content-small font-normal">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-wds-dark-200 text-w-content-small font-normal" 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-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</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 type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-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-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>How do you insert an image in 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-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><picture src='image_url' alt='description'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><img href='image_url'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><img src='image_url' alt='description'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-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-w-content-base font-normal text-wrap" color="dark.primary"><div><p><image src='image_url'></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-wds-light-500 rounded-w-admin-lg shadow-w-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-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-transparent rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-wds-dark-500 none underline-offset-4 select-none text-w-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-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 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-wds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg 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-wds-dark-500 none underline-offset-4 select-none text-w-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-wds-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-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><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/686e4376c6fe12af1126dff1/html-css-terminal-javascript" data-testid="activity-recommendation-card-686e4376c6fe12af1126dff1" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML, CSS, Terminal & JavaScript" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.wca80obc6c8" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML, CSS, Terminal & JavaScript</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/682676738ad4117b6a4adaf9/python-quiz" data-testid="activity-recommendation-card-682676738ad4117b6a4adaf9" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="PYTHON QUIZ " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.52g92m86yja" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">PYTHON QUIZ </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/67284fd6a3bdd26033c42c65/quiz-tentang-div-dan-span-untuk-layout-web" data-testid="activity-recommendation-card-67284fd6a3bdd26033c42c65" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Quiz tentang Div dan Span untuk Layout Web" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.8ta0z303nfi" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Quiz tentang Div dan Span untuk Layout Web</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/676c292d89521148d0c1e3cc/css-basics-quiz" data-testid="activity-recommendation-card-676c292d89521148d0c1e3cc" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="CSS Basics Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.8aoz19tdr7o" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">CSS Basics Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/670cdc8951266b03c82f61ee/mastering-advanced-css-techniques" data-testid="activity-recommendation-card-670cdc8951266b03c82f61ee" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Mastering Advanced CSS Techniques" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.538yhi87d1v" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Mastering Advanced CSS Techniques</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/688c8a165e65fe78a21d3c73/data-analytics" data-testid="activity-recommendation-card-688c8a165e65fe78a21d3c73" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Data Analytics " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.yq6clmtotq" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Data Analytics </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/6822f7162b5f07f9dcbfc2d9/qwords-digital-sprint-web-development-session-1" data-testid="activity-recommendation-card-6822f7162b5f07f9dcbfc2d9" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Qwords Digital Sprint - Web Development Session 1" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.3l5kqxn4w11" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Qwords Digital Sprint - Web Development Session 1</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/6833c537146104acb9e9f5a8/java-web-session11" data-testid="activity-recommendation-card-6833c537146104acb9e9f5a8" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Java-web session11" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 19 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.khhh3otp7kg" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Java-web session11</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</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-wds-dark-500-50 border border-wds-light-500-20 rounded-w-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-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding 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-4c33f125><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-wds-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-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 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-wds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><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/57db979dfebedb18e033f82c/video-games" data-testid="activity-popular-resource-card-57db979dfebedb18e033f82c" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Video Games" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.f6411mt7rzn" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Video Games</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/60cb6c61c29fe6001b8bd5d3/brand-labels" data-testid="activity-popular-resource-card-60cb6c61c29fe6001b8bd5d3" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Brand Labels" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.qso5jgw6d6" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Brand Labels</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>5th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/68d564f266d638114702d3b3/core-4-of-customer-service-student-edition" data-testid="activity-popular-resource-card-68d564f266d638114702d3b3" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Core 4 of Customer Service - Student Edition" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.0djxkwenp90r" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Core 4 of Customer Service - Student Edition</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/presentation/68cda0f2d5fb650a2d7b2c69/what-is-bullying-bullying-lesson-series-6-12" data-testid="activity-popular-resource-card-68cda0f2d5fb650a2d7b2c69" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="What is Bullying?- Bullying Lesson Series 6-12" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.l6sdtmb4ja" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">What is Bullying?- Bullying Lesson Series 6-12</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><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-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.syycl3i0on8" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5da88ffcfec3ff001ce68888/subtracting-integers" data-testid="activity-popular-resource-card-5da88ffcfec3ff001ce68888" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Subtracting Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.syq9pcqpptc" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Subtracting Integers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>7th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5efd0a3bd81107001b1430c2/adding-integers" data-testid="activity-popular-resource-card-5efd0a3bd81107001b1430c2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Adding Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 22 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.amzavbq1lnh" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Adding Integers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th Grade</p></div></div></div></div></div></a><a href="/admin/video-quiz/66e972146a6efd0f8e6d9932/exploring-digital-citizenship-essentials" data-testid="activity-popular-resource-card-66e972146a6efd0f8e6d9932" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Exploring Digital Citizenship Essentials" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.vuxozjxk2zc" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Exploring Digital Citizenship Essentials</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 10th 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-wds-dark-500-50 border border-wds-light-500-20 rounded-w-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-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding 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-4c33f125><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-wds-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-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 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-wds-success-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-w-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-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><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/64b5415cb16650001dd88233/how-to-email-your-teacher" data-testid="activity-subject-resource-card-64b5415cb16650001dd88233" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="How to Email your Teacher" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.dkge59ojp97" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">How to Email your Teacher</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/5db20a8362a49d001cd9614a/trivia" data-testid="activity-subject-resource-card-5db20a8362a49d001cd9614a" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.tuj04vswdpj" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Trivia</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><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-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</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-wds-dark-500-50 border border-wds-light-500-20 rounded-w-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-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding 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-4c33f125><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-wds-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":1006,"once":1008,"_errors":1009,"serverRendered":5,"path":1011,"country":841,"region":1012,"nuxtSsrFeatureFlags":1013},["ShallowReactive",3],{"FBtEw3kc52":4,"lBmhC0RwLK":83,"HaB3bIrqUn":835,"6Q7xWJz8uy":938},{"success":5,"data":6,"time":82},true,{"quizzes":7,"total":78,"timeTaken":79,"experiment":80,"source":81},[8,19,30,41,49,58,64,71],{"id":9,"isSuper":5,"type":10,"info":11,"shouldIndex":16,"stats":17},"672cdd0426e7c6b2744e6b7e","quiz",{"grade":12,"name":14,"slug":14,"image":15},[13,13],"14","Quiz tentang CSS Grid Layout","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0468c4f1-e86a-4380-b896-8fbca014212b-v2",false,{"totalQuestions":18},16,{"id":20,"isSuper":16,"type":10,"info":21,"shouldIndex":16,"stats":25},"687292ef5a5dcf7671c574c5",{"grade":22,"name":23,"slug":23,"image":24},[13,13],"Rabbitleap - Tailwind Review","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3b578dcc-2f18-48ed-b779-787688afa6fa-v2",{"played":26,"totalPlayers":27,"totalCorrect":28,"totalQuestions":29},3,68,449,10,{"id":31,"isSuper":5,"type":10,"info":32,"shouldIndex":16,"stats":36},"669ae21b9fb8706cd1cf415b",{"grade":33,"name":34,"slug":34,"image":35},[13,13],"Lesson01 Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0a3760b6-804a-4b58-b5f6-a9a91663e2d8-v2",{"played":37,"totalPlayers":38,"totalCorrect":39,"totalQuestions":40},14,150,751,11,{"id":42,"isSuper":16,"type":10,"info":43,"shouldIndex":16,"stats":46},"67d0743834a546cfe4b2c2ab",{"grade":44,"name":45,"slug":45},[13,13],"Quiz su HTML e CSS",{"played":47,"totalPlayers":48,"totalCorrect":29,"totalQuestions":29},1,6,{"id":50,"isSuper":16,"type":10,"info":51,"shouldIndex":16,"stats":54},"685acac9ae486ed398d0c755",{"grade":52,"name":53,"slug":53},[13,13],"WDDF, Level 3- 2",{"played":26,"totalPlayers":55,"totalCorrect":56,"totalQuestions":57},43,648,18,{"id":59,"isSuper":16,"type":10,"info":60,"shouldIndex":16,"stats":63},"68c60be8dd03cd32d867a638",{"grade":61,"name":62,"slug":62},[13,13],"Pengaturcaraan dan AI dalam Pendidikan",{"played":47,"totalPlayers":47,"totalQuestions":29},{"id":65,"isSuper":16,"type":10,"info":66,"shouldIndex":16,"stats":69},"67945179a5986cca2fbb25bb",{"grade":67,"name":68,"slug":68},[13,13],"Mastering HTML5 and CSS3 Concepts",{"played":47,"totalPlayers":47,"totalCorrect":47,"totalQuestions":70},15,{"id":72,"isSuper":16,"type":10,"info":73,"shouldIndex":16,"stats":77},"678dec1fe7bf2e44d5616a4b",{"grade":74,"name":75,"slug":75,"image":76},[13,13],"[FE] Ice Breaking - Tailwind CSS: Building Dynamic and User-Enga","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d3c421d6-5f53-4d0a-82a5-87c6a7edfa0d-v2",{"totalQuestions":29},20,31,"quizPageRecoPublicSearch","recommended_search","2025-10-06T20:07:30.362888054Z",{"success":5,"message":84,"data":85,"time":831,"meta":832},"Ok",{"quiz":86,"draft":93},{"isTagged":16,"isLoved":16,"tagIds":87,"stats":88,"love":92,"cloned":16,"parentDetail":93,"deleted":16,"archived":16,"lifetimeAccess":16,"draftVersion":93,"publishedVersion":94,"isShared":16,"type":10,"_id":95,"createdBy":96,"info":111,"createdAt":828,"updated":829,"premiumUse":830,"shouldIndex":5,"hasDraftVersion":16,"hasPublishedVersion":5,"gameChangerBadge":93,"lock":93},[],{"played":47,"totalPlayers":89,"totalCorrect":90,"totalQuestions":91},27,161,296,0,null,"67946ccd8225ff78666039fe","67946ccd8225ff78666039fd",{"_id":97,"firstName":98,"lastName":99,"occupation":100,"country":101,"preferences":102,"grades":104,"subject_tags":105,"media":110},"66cd56c27bcd21272239b79d","Renukadevi","S","teacher","IN",{"lang":103},"en",[92],[106,107,108,109],"Information Technology (IT)","Design","Engineering","Life Project","https://lh3.googleusercontent.com/a/ACg8ocJ1-_Zz6yf7Uot7Lre9iAMIBaptvvzOuwIn2k8prTJcK9bQQQ=s96-c",{"lang":112,"aiGenerated":5,"qm":113,"visibility":5,"subjects":130,"topics":131,"subtopics":132,"grade":133,"gradeLevel":93,"deleted":16,"pref":134,"traits":135,"standardIds":136,"__v":26,"meta":137,"_id":94,"name":138,"aiCreateMeta":139,"questions":141,"questionDrafts":825,"standards":93,"courses":93,"createdAt":826,"updated":827,"isProfane":16,"whitelisted":5,"slug":138},"English",{"67946ccd48ec42bf33c81ea4":114,"67946ccd48ec42bf33c81ea5":116,"67946ccd48ec42bf33c81ea6":117,"67946ccd48ec42bf33c81ea7":118,"67946ccd48ec42bf33c81ea8":119,"67946ccd48ec42bf33c81ea9":120,"67946ccd48ec42bf33c81eaa":121,"67946ccd48ec42bf33c81eab":122,"67946ccd48ec42bf33c81eac":123,"67946ccd48ec42bf33c81ead":124,"67946ccd48ec42bf33c81eae":125,"67946ccd48ec42bf33c81eaf":126,"67946ccd48ec42bf33c81eb0":127,"67946ccd48ec42bf33c81eb1":128,"67946ccd48ec42bf33c81eb2":129},{"time":115},30000,{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},{"time":115},[106],[],[],[13,13],{"time":93},{"isQuizWithoutCorrectAnswer":16,"totalSlides":92,"totalComprehensionQuestions":92,"nonAnswerableQuestions":92},[],{"slot":93,"experiment":93},"Mastering HTML5 and CSS",{"quizGenKey":140},"67946cc3c4e1cc81607c2563",[142,195,240,285,330,375,420,465,510,555,600,645,690,735,780],{"structure":143,"standards":186,"topics":187,"isSuperParent":16,"standardIds":188,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":190,"time":115,"published":5,"aiCreateMeta":191,"type":184,"createdAt":193,"updated":194},{"settings":144,"hasMath":16,"query":146,"options":153,"explain":178,"hints":183,"kind":184,"marks":185,"answer":26},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},"string",{"type":147,"hasMath":16,"math":148,"answerTime":150,"text":151,"media":152},"text",{"latex":149,"template":93},[],-1,"\u003Cp>What does HTML stand for?\u003C/p>",[],[154,160,166,172],{"type":147,"hasMath":16,"math":155,"answerTime":92,"id":157,"text":158,"media":159,"_id":157},{"latex":156,"template":93},[],"67946ccd3299dfcd40848e39","\u003Cp>HighText Markup Language\u003C/p>",[],{"type":147,"hasMath":16,"math":161,"answerTime":92,"id":163,"text":164,"media":165,"_id":163},{"latex":162,"template":93},[],"67946ccd3299df86d1848e3a","\u003Cp>HyperText Markup List\u003C/p>",[],{"type":147,"hasMath":16,"math":167,"answerTime":92,"id":169,"text":170,"media":171,"_id":169},{"latex":168,"template":93},[],"67946ccd3299df6a38848e3b","\u003Cp>HyperText Multi Language\u003C/p>",[],{"type":147,"hasMath":16,"math":173,"answerTime":92,"id":175,"text":176,"media":177,"_id":175},{"latex":174,"template":93},[],"67946ccd3299df8926848e3c","\u003Cp>HyperText Markup Language\u003C/p>",[],{"type":147,"text":179,"media":180,"hasMath":16,"math":181,"answerTime":92},"",[],{"template":93,"latex":182},[],[],"MCQ",{"correct":47,"incorrect":92},[],[],[],2,"67946ccd48ec42bf33c81ea4",{"questionLanguage":192},"Korean","2025-01-25T04:47:09.600Z","2025-03-21T10:42:29.094Z",{"structure":196,"standards":234,"topics":235,"isSuperParent":16,"standardIds":236,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":237,"time":115,"published":5,"aiCreateMeta":238,"type":184,"createdAt":193,"updated":239},{"settings":197,"hasMath":16,"query":198,"options":203,"explain":228,"hints":232,"kind":184,"marks":233,"answer":92},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":199,"answerTime":150,"text":201,"media":202},{"latex":200,"template":93},[],"\u003Cp>Which HTML element is used to define the title of a document?\u003C/p>",[],[204,210,216,222],{"type":147,"hasMath":16,"math":205,"answerTime":92,"id":207,"text":208,"media":209,"_id":207},{"latex":206,"template":93},[],"67946ccd3299df09d4848e40","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":147,"hasMath":16,"math":211,"answerTime":92,"id":213,"text":214,"media":215,"_id":213},{"latex":212,"template":93},[],"67946ccd3299dff223848e41","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":147,"hasMath":16,"math":217,"answerTime":92,"id":219,"text":220,"media":221,"_id":219},{"latex":218,"template":93},[],"67946ccd3299df42c2848e42","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":147,"hasMath":16,"math":223,"answerTime":92,"id":225,"text":226,"media":227,"_id":225},{"latex":224,"template":93},[],"67946ccd3299df2c82848e43","\u003Cp>\u003Cheader>\u003C/p>",[],{"type":147,"text":179,"media":229,"hasMath":16,"math":230,"answerTime":92},[],{"template":93,"latex":231},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81ea5",{"questionLanguage":112},"2025-03-21T10:42:29.104Z",{"structure":241,"standards":279,"topics":280,"isSuperParent":16,"standardIds":281,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":282,"time":115,"published":5,"aiCreateMeta":283,"type":184,"createdAt":193,"updated":284},{"settings":242,"hasMath":16,"query":243,"options":248,"explain":273,"hints":277,"kind":184,"marks":278,"answer":189},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":244,"answerTime":150,"text":246,"media":247},{"latex":245,"template":93},[],"\u003Cp>What is the purpose of the \u003Chead> tag in HTML?\u003C/p>",[],[249,255,261,267],{"type":147,"hasMath":16,"math":250,"answerTime":92,"id":252,"text":253,"media":254,"_id":252},{"latex":251,"template":93},[],"67946ccd3299df5667848e47","\u003Cp>The \u003Chead> tag is for defining the layout of the webpage.\u003C/p>",[],{"type":147,"hasMath":16,"math":256,"answerTime":92,"id":258,"text":259,"media":260,"_id":258},{"latex":257,"template":93},[],"67946ccd3299dfa489848e48","\u003Cp>The \u003Chead> tag is used to display the main content of the page.\u003C/p>",[],{"type":147,"hasMath":16,"math":262,"answerTime":92,"id":264,"text":265,"media":266,"_id":264},{"latex":263,"template":93},[],"67946ccd3299df2ef4848e49","\u003Cp>The \u003Chead> tag is used to contain meta-information about the HTML document.\u003C/p>",[],{"type":147,"hasMath":16,"math":268,"answerTime":92,"id":270,"text":271,"media":272,"_id":270},{"latex":269,"template":93},[],"67946ccd3299df4865848e4a","\u003Cp>The \u003Chead> tag is used to include images and videos in the document.\u003C/p>",[],{"type":147,"text":179,"media":274,"hasMath":16,"math":275,"answerTime":92},[],{"template":93,"latex":276},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81ea6",{"questionLanguage":112},"2025-03-21T10:42:29.112Z",{"structure":286,"standards":324,"topics":325,"isSuperParent":16,"standardIds":326,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":327,"time":115,"published":5,"aiCreateMeta":328,"type":184,"createdAt":193,"updated":329},{"settings":287,"hasMath":16,"query":288,"options":293,"explain":318,"hints":322,"kind":184,"marks":323,"answer":92},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":289,"answerTime":150,"text":291,"media":292},{"latex":290,"template":93},[],"\u003Cp>How do you create a hyperlink in HTML?\u003C/p>",[],[294,300,306,312],{"type":147,"hasMath":16,"math":295,"answerTime":92,"id":297,"text":298,"media":299,"_id":297},{"latex":296,"template":93},[],"67946ccd3299df5c83848e4e","\u003Cp>\u003Ca href='https://www.example.com'>Click here\u003C/a>\u003C/p>",[],{"type":147,"hasMath":16,"math":301,"answerTime":92,"id":303,"text":304,"media":305,"_id":303},{"latex":302,"template":93},[],"67946ccd3299df4e9f848e4f","\u003Cp>\u003Ca url='https://www.example.com'>Click here\u003C/a>\u003C/p>",[],{"type":147,"hasMath":16,"math":307,"answerTime":92,"id":309,"text":310,"media":311,"_id":309},{"latex":308,"template":93},[],"67946ccd3299dfa83f848e50","\u003Cp>\u003Chyperlink='https://www.example.com'>Click here\u003C/hyperlink>\u003C/p>",[],{"type":147,"hasMath":16,"math":313,"answerTime":92,"id":315,"text":316,"media":317,"_id":315},{"latex":314,"template":93},[],"67946ccd3299df81a1848e51","\u003Cp>\u003Clink href='https://www.example.com'>Click here\u003C/link>\u003C/p>",[],{"type":147,"text":179,"media":319,"hasMath":16,"math":320,"answerTime":92},[],{"template":93,"latex":321},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81ea7",{"questionLanguage":192},"2025-03-21T10:42:29.121Z",{"structure":331,"standards":369,"topics":370,"isSuperParent":16,"standardIds":371,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":372,"time":115,"published":5,"aiCreateMeta":373,"type":184,"createdAt":193,"updated":374},{"settings":332,"hasMath":16,"query":333,"options":338,"explain":363,"hints":367,"kind":184,"marks":368,"answer":47},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":334,"answerTime":150,"text":336,"media":337},{"latex":335,"template":93},[],"\u003Cp>What does CSS stand for?\u003C/p>",[],[339,345,351,357],{"type":147,"hasMath":16,"math":340,"answerTime":92,"id":342,"text":343,"media":344,"_id":342},{"latex":341,"template":93},[],"67946ccd3299dfa48f848e55","\u003Cp>Cascading Style Scripts\u003C/p>",[],{"type":147,"hasMath":16,"math":346,"answerTime":92,"id":348,"text":349,"media":350,"_id":348},{"latex":347,"template":93},[],"67946ccd3299df615f848e56","\u003Cp>Cascading Style Sheets\u003C/p>",[],{"type":147,"hasMath":16,"math":352,"answerTime":92,"id":354,"text":355,"media":356,"_id":354},{"latex":353,"template":93},[],"67946ccd3299df92a4848e57","\u003Cp>Cascading System Styles\u003C/p>",[],{"type":147,"hasMath":16,"math":358,"answerTime":92,"id":360,"text":361,"media":362,"_id":360},{"latex":359,"template":93},[],"67946ccd3299dfb536848e58","\u003Cp>Creative Style Sheets\u003C/p>",[],{"type":147,"text":179,"media":364,"hasMath":16,"math":365,"answerTime":92},[],{"template":93,"latex":366},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81ea8",{"questionLanguage":112},"2025-03-21T10:42:29.270Z",{"structure":376,"standards":414,"topics":415,"isSuperParent":16,"standardIds":416,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":417,"time":115,"published":5,"aiCreateMeta":418,"type":184,"createdAt":193,"updated":419},{"settings":377,"hasMath":16,"query":378,"options":383,"explain":408,"hints":412,"kind":184,"marks":413,"answer":189},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":379,"answerTime":150,"text":381,"media":382},{"latex":380,"template":93},[],"\u003Cp>Which property is used to change the background color in CSS?\u003C/p>",[],[384,390,396,402],{"type":147,"hasMath":16,"math":385,"answerTime":92,"id":387,"text":388,"media":389,"_id":387},{"latex":386,"template":93},[],"67946ccd3299df5e5d848e5c","\u003Cp>background-style\u003C/p>",[],{"type":147,"hasMath":16,"math":391,"answerTime":92,"id":393,"text":394,"media":395,"_id":393},{"latex":392,"template":93},[],"67946ccd3299df6006848e5d","\u003Cp>bg-color\u003C/p>",[],{"type":147,"hasMath":16,"math":397,"answerTime":92,"id":399,"text":400,"media":401,"_id":399},{"latex":398,"template":93},[],"67946ccd3299df2533848e5e","\u003Cp>background-color\u003C/p>",[],{"type":147,"hasMath":16,"math":403,"answerTime":92,"id":405,"text":406,"media":407,"_id":405},{"latex":404,"template":93},[],"67946ccd3299dfcdef848e5f","\u003Cp>color-background\u003C/p>",[],{"type":147,"text":179,"media":409,"hasMath":16,"math":410,"answerTime":92},[],{"template":93,"latex":411},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81ea9",{"questionLanguage":112},"2025-03-21T10:42:29.311Z",{"structure":421,"standards":459,"topics":460,"isSuperParent":16,"standardIds":461,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":462,"time":115,"published":5,"aiCreateMeta":463,"type":184,"createdAt":193,"updated":464},{"settings":422,"hasMath":16,"query":423,"options":428,"explain":453,"hints":457,"kind":184,"marks":458,"answer":189},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":424,"answerTime":150,"text":426,"media":427},{"latex":425,"template":93},[],"\u003Cp>How can you apply CSS styles to an HTML element?\u003C/p>",[],[429,435,441,447],{"type":147,"hasMath":16,"math":430,"answerTime":92,"id":432,"text":433,"media":434,"_id":432},{"latex":431,"template":93},[],"67946ccd3299dfbe8a848e63","\u003Cp>By modifying the HTML structure instead of using CSS\u003C/p>",[],{"type":147,"hasMath":16,"math":436,"answerTime":92,"id":438,"text":439,"media":440,"_id":438},{"latex":437,"template":93},[],"67946ccd3299df2a39848e64","\u003Cp>Only through inline styles\u003C/p>",[],{"type":147,"hasMath":16,"math":442,"answerTime":92,"id":444,"text":445,"media":446,"_id":444},{"latex":443,"template":93},[],"67946ccd3299df51be848e65","\u003Cp>CSS styles can be applied using inline styles, internal stylesheets, or external stylesheets.\u003C/p>",[],{"type":147,"hasMath":16,"math":448,"answerTime":92,"id":450,"text":451,"media":452,"_id":450},{"latex":449,"template":93},[],"67946ccd3299df01e4848e66","\u003Cp>Using JavaScript to apply styles directly\u003C/p>",[],{"type":147,"text":179,"media":454,"hasMath":16,"math":455,"answerTime":92},[],{"template":93,"latex":456},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eaa",{"questionLanguage":112},"2025-03-21T10:42:29.319Z",{"structure":466,"standards":504,"topics":505,"isSuperParent":16,"standardIds":506,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":507,"time":115,"published":5,"aiCreateMeta":508,"type":184,"createdAt":193,"updated":509},{"settings":467,"hasMath":16,"query":468,"options":473,"explain":498,"hints":502,"kind":184,"marks":503,"answer":189},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":469,"answerTime":150,"text":471,"media":472},{"latex":470,"template":93},[],"\u003Cp>What is the difference between class and ID selectors in CSS?\u003C/p>",[],[474,480,486,492],{"type":147,"hasMath":16,"math":475,"answerTime":92,"id":477,"text":478,"media":479,"_id":477},{"latex":476,"template":93},[],"67946ccd3299df0fa7848e6a","\u003Cp>Class selectors are always unique, while ID selectors can be reused.\u003C/p>",[],{"type":147,"hasMath":16,"math":481,"answerTime":92,"id":483,"text":484,"media":485,"_id":483},{"latex":482,"template":93},[],"67946ccd3299dfda2b848e6b","\u003Cp>Class selectors are defined with @media, while ID selectors use @import.\u003C/p>",[],{"type":147,"hasMath":16,"math":487,"answerTime":92,"id":489,"text":490,"media":491,"_id":489},{"latex":488,"template":93},[],"67946ccd3299df2cc7848e6c","\u003Cp>Class selectors (.) can be used multiple times, while ID selectors (#) must be unique.\u003C/p>",[],{"type":147,"hasMath":16,"math":493,"answerTime":92,"id":495,"text":496,"media":497,"_id":495},{"latex":494,"template":93},[],"67946ccd3299df43f1848e6d","\u003Cp>ID selectors are used for styling text, while class selectors are for layout.\u003C/p>",[],{"type":147,"text":179,"media":499,"hasMath":16,"math":500,"answerTime":92},[],{"template":93,"latex":501},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eab",{"questionLanguage":112},"2025-03-21T10:42:29.326Z",{"structure":511,"standards":549,"topics":550,"isSuperParent":16,"standardIds":551,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":552,"time":115,"published":5,"aiCreateMeta":553,"type":184,"createdAt":193,"updated":554},{"settings":512,"hasMath":16,"query":513,"options":518,"explain":543,"hints":547,"kind":184,"marks":548,"answer":92},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":514,"answerTime":150,"text":516,"media":517},{"latex":515,"template":93},[],"\u003Cp>What HTML tag is used to define an unordered list?\u003C/p>",[],[519,525,531,537],{"type":147,"hasMath":16,"math":520,"answerTime":92,"id":522,"text":523,"media":524,"_id":522},{"latex":521,"template":93},[],"67946ccd3299df6e61848e71","\u003Cp>\u003Cul>\u003C/p>",[],{"type":147,"hasMath":16,"math":526,"answerTime":92,"id":528,"text":529,"media":530,"_id":528},{"latex":527,"template":93},[],"67946ccd3299df18c1848e72","\u003Cp>\u003Col>\u003C/p>",[],{"type":147,"hasMath":16,"math":532,"answerTime":92,"id":534,"text":535,"media":536,"_id":534},{"latex":533,"template":93},[],"67946ccd3299df80fc848e73","\u003Cp>\u003Clist>\u003C/p>",[],{"type":147,"hasMath":16,"math":538,"answerTime":92,"id":540,"text":541,"media":542,"_id":540},{"latex":539,"template":93},[],"67946ccd3299dff7ee848e74","\u003Cp>\u003Citem>\u003C/p>",[],{"type":147,"text":179,"media":544,"hasMath":16,"math":545,"answerTime":92},[],{"template":93,"latex":546},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eac",{"questionLanguage":112},"2025-03-21T10:42:29.334Z",{"structure":556,"standards":594,"topics":595,"isSuperParent":16,"standardIds":596,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":597,"time":115,"published":5,"aiCreateMeta":598,"type":184,"createdAt":193,"updated":599},{"settings":557,"hasMath":16,"query":558,"options":563,"explain":588,"hints":592,"kind":184,"marks":593,"answer":189},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":559,"answerTime":150,"text":561,"media":562},{"latex":560,"template":93},[],"\u003Cp>How do you insert an image in HTML?\u003C/p>",[],[564,570,576,582],{"type":147,"hasMath":16,"math":565,"answerTime":92,"id":567,"text":568,"media":569,"_id":567},{"latex":566,"template":93},[],"67946ccd3299df3bd2848e78","\u003Cp>\u003Cpicture src='image_url' alt='description'>\u003C/p>",[],{"type":147,"hasMath":16,"math":571,"answerTime":92,"id":573,"text":574,"media":575,"_id":573},{"latex":572,"template":93},[],"67946ccd3299df304a848e79","\u003Cp>\u003Cimg href='image_url'>\u003C/p>",[],{"type":147,"hasMath":16,"math":577,"answerTime":92,"id":579,"text":580,"media":581,"_id":579},{"latex":578,"template":93},[],"67946ccd3299df5021848e7a","\u003Cp>\u003Cimg src='image_url' alt='description'>\u003C/p>",[],{"type":147,"hasMath":16,"math":583,"answerTime":92,"id":585,"text":586,"media":587,"_id":585},{"latex":584,"template":93},[],"67946ccd3299df30aa848e7b","\u003Cp>\u003Cimage src='image_url'>\u003C/p>",[],{"type":147,"text":179,"media":589,"hasMath":16,"math":590,"answerTime":92},[],{"template":93,"latex":591},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81ead",{"questionLanguage":112},"2025-03-21T10:42:29.345Z",{"structure":601,"standards":639,"topics":640,"isSuperParent":16,"standardIds":641,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":642,"time":115,"published":5,"aiCreateMeta":643,"type":184,"createdAt":193,"updated":644},{"settings":602,"hasMath":16,"query":603,"options":608,"explain":633,"hints":637,"kind":184,"marks":638,"answer":92},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":604,"answerTime":150,"text":606,"media":607},{"latex":605,"template":93},[],"\u003Cp>What is the purpose of the \u003Cdiv> tag in HTML?\u003C/p>",[],[609,615,621,627],{"type":147,"hasMath":16,"math":610,"answerTime":92,"id":612,"text":613,"media":614,"_id":612},{"latex":611,"template":93},[],"67946ccd3299df8198848e7f","\u003Cp>The \u003Cdiv> tag serves as a generic container for grouping and styling HTML elements.\u003C/p>",[],{"type":147,"hasMath":16,"math":616,"answerTime":92,"id":618,"text":619,"media":620,"_id":618},{"latex":617,"template":93},[],"67946ccd3299dfdc4c848e80","\u003Cp>The \u003Cdiv> tag is a semantic element that defines a header.\u003C/p>",[],{"type":147,"hasMath":16,"math":622,"answerTime":92,"id":624,"text":625,"media":626,"_id":624},{"latex":623,"template":93},[],"67946ccd3299df6237848e81","\u003Cp>The \u003Cdiv> tag is specifically for embedding images.\u003C/p>",[],{"type":147,"hasMath":16,"math":628,"answerTime":92,"id":630,"text":631,"media":632,"_id":630},{"latex":629,"template":93},[],"67946ccd3299df566a848e82","\u003Cp>The \u003Cdiv> tag is used to create hyperlinks in HTML.\u003C/p>",[],{"type":147,"text":179,"media":634,"hasMath":16,"math":635,"answerTime":92},[],{"template":93,"latex":636},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eae",{"questionLanguage":112},"2025-03-21T10:42:29.354Z",{"structure":646,"standards":684,"topics":685,"isSuperParent":16,"standardIds":686,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":687,"time":115,"published":5,"aiCreateMeta":688,"type":184,"createdAt":193,"updated":689},{"settings":647,"hasMath":16,"query":648,"options":653,"explain":678,"hints":682,"kind":184,"marks":683,"answer":92},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":649,"answerTime":150,"text":651,"media":652},{"latex":650,"template":93},[],"\u003Cp>How can you center a block element using CSS?\u003C/p>",[],[654,660,666,672],{"type":147,"hasMath":16,"math":655,"answerTime":92,"id":657,"text":658,"media":659,"_id":657},{"latex":656,"template":93},[],"67946ccd3299df80d1848e86","\u003Cp>Set the element's width and use 'margin: auto;'\u003C/p>",[],{"type":147,"hasMath":16,"math":661,"answerTime":92,"id":663,"text":664,"media":665,"_id":663},{"latex":662,"template":93},[],"67946ccd3299df40b7848e87","\u003Cp>Set the element's height and use 'padding: auto;'\u003C/p>",[],{"type":147,"hasMath":16,"math":667,"answerTime":92,"id":669,"text":670,"media":671,"_id":669},{"latex":668,"template":93},[],"67946ccd3299df1d69848e88","\u003Cp>Use 'display: flex;' and align items to the center\u003C/p>",[],{"type":147,"hasMath":16,"math":673,"answerTime":92,"id":675,"text":676,"media":677,"_id":675},{"latex":674,"template":93},[],"67946ccd3299df2081848e89","\u003Cp>Apply 'float: left;' to the element and set a fixed width\u003C/p>",[],{"type":147,"text":179,"media":679,"hasMath":16,"math":680,"answerTime":92},[],{"template":93,"latex":681},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eaf",{"questionLanguage":112},"2025-03-21T10:42:29.361Z",{"structure":691,"standards":729,"topics":730,"isSuperParent":16,"standardIds":731,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":732,"time":115,"published":5,"aiCreateMeta":733,"type":184,"createdAt":193,"updated":734},{"settings":692,"hasMath":16,"query":693,"options":698,"explain":723,"hints":727,"kind":184,"marks":728,"answer":47},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":694,"answerTime":150,"text":696,"media":697},{"latex":695,"template":93},[],"\u003Cp>What is the default display value of a \u003Cdiv> element?\u003C/p>",[],[699,705,711,717],{"type":147,"hasMath":16,"math":700,"answerTime":92,"id":702,"text":703,"media":704,"_id":702},{"latex":701,"template":93},[],"67946ccd3299df207b848e8d","\u003Cp>grid\u003C/p>",[],{"type":147,"hasMath":16,"math":706,"answerTime":92,"id":708,"text":709,"media":710,"_id":708},{"latex":707,"template":93},[],"67946ccd3299df6e94848e8e","\u003Cp>block\u003C/p>",[],{"type":147,"hasMath":16,"math":712,"answerTime":92,"id":714,"text":715,"media":716,"_id":714},{"latex":713,"template":93},[],"67946ccd3299df6d51848e8f","\u003Cp>flex\u003C/p>",[],{"type":147,"hasMath":16,"math":718,"answerTime":92,"id":720,"text":721,"media":722,"_id":720},{"latex":719,"template":93},[],"67946ccd3299df33c8848e90","\u003Cp>inline\u003C/p>",[],{"type":147,"text":179,"media":724,"hasMath":16,"math":725,"answerTime":92},[],{"template":93,"latex":726},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eb0",{"questionLanguage":112},"2025-03-21T10:42:29.371Z",{"structure":736,"standards":774,"topics":775,"isSuperParent":16,"standardIds":776,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":777,"time":115,"published":5,"aiCreateMeta":778,"type":184,"createdAt":193,"updated":779},{"settings":737,"hasMath":16,"query":738,"options":743,"explain":768,"hints":772,"kind":184,"marks":773,"answer":92},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":739,"answerTime":150,"text":741,"media":742},{"latex":740,"template":93},[],"\u003Cp>How do you create a responsive design using CSS?\u003C/p>",[],[744,750,756,762],{"type":147,"hasMath":16,"math":745,"answerTime":92,"id":747,"text":748,"media":749,"_id":747},{"latex":746,"template":93},[],"67946ccd3299dfc653848e94","\u003Cp>Use CSS Grid or Flexbox for layout, media queries for responsiveness, and relative units for sizing.\u003C/p>",[],{"type":147,"hasMath":16,"math":751,"answerTime":92,"id":753,"text":754,"media":755,"_id":753},{"latex":752,"template":93},[],"67946ccd3299df1ff7848e95","\u003Cp>Use only fixed pixel sizes for layout.\u003C/p>",[],{"type":147,"hasMath":16,"math":757,"answerTime":92,"id":759,"text":760,"media":761,"_id":759},{"latex":758,"template":93},[],"67946ccd3299dfef18848e96","\u003Cp>Avoid using media queries altogether.\u003C/p>",[],{"type":147,"hasMath":16,"math":763,"answerTime":92,"id":765,"text":766,"media":767,"_id":765},{"latex":764,"template":93},[],"67946ccd3299df2d87848e97","\u003Cp>Rely solely on JavaScript for responsive design.\u003C/p>",[],{"type":147,"text":179,"media":769,"hasMath":16,"math":770,"answerTime":92},[],{"template":93,"latex":771},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eb1",{"questionLanguage":112},"2025-03-21T10:42:29.380Z",{"structure":781,"standards":819,"topics":820,"isSuperParent":16,"standardIds":821,"aiGenerated":5,"__v":189,"teleportFrom":93,"cloned":93,"ver":189,"parent":93,"_id":822,"time":115,"published":5,"aiCreateMeta":823,"type":184,"createdAt":193,"updated":824},{"settings":782,"hasMath":16,"query":783,"options":788,"explain":813,"hints":817,"kind":184,"marks":818,"answer":189},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":16,"doesOptionHaveMultipleTargets":16},{"type":147,"hasMath":16,"math":784,"answerTime":150,"text":786,"media":787},{"latex":785,"template":93},[],"\u003Cp>What is the purpose of the \u003Cmeta> tag in HTML?\u003C/p>",[],[789,795,801,807],{"type":147,"hasMath":16,"math":790,"answerTime":92,"id":792,"text":793,"media":794,"_id":792},{"latex":791,"template":93},[],"67946ccd3299df279a848e9b","\u003Cp>To define the structure of the HTML document.\u003C/p>",[],{"type":147,"hasMath":16,"math":796,"answerTime":92,"id":798,"text":799,"media":800,"_id":798},{"latex":797,"template":93},[],"67946ccd3299df1286848e9c","\u003Cp>To link external CSS stylesheets.\u003C/p>",[],{"type":147,"hasMath":16,"math":802,"answerTime":92,"id":804,"text":805,"media":806,"_id":804},{"latex":803,"template":93},[],"67946ccd3299df5931848e9d","\u003Cp>To provide metadata about the HTML document.\u003C/p>",[],{"type":147,"hasMath":16,"math":808,"answerTime":92,"id":810,"text":811,"media":812,"_id":810},{"latex":809,"template":93},[],"67946ccd3299df59d0848e9e","\u003Cp>To create interactive elements in the document.\u003C/p>",[],{"type":147,"text":179,"media":814,"hasMath":16,"math":815,"answerTime":92},[],{"template":93,"latex":816},[],[],{"correct":47,"incorrect":92},[],[],[],"67946ccd48ec42bf33c81eb2",{"questionLanguage":112},"2025-03-21T10:42:29.389Z",[],"2025-01-25T04:47:09.473Z","2025-01-25T04:47:28.576Z","2025-01-25T04:47:09.472Z","2025-02-02T02:42:00.229Z","DISABLED","2025-10-06T20:07:30.351Z",{"service":833,"version":834},"quizserver","f1cc09c2fc7cdc6451344cae9a93fa17bb331b29",{"success":5,"data":836,"time":937},{"countryBasedRecommendations":837,"subjectBasedRecommendations":892,"subjectBasedQualifiers":906},[838,846,852,860,866,874,879,885],{"id":839,"quizId":840,"country":841,"lowerGrade":48,"upperGrade":842,"quizRank":189,"subject":843,"quizImage":844,"quizName":845,"quizType":10,"noOfQuestions":29,"noOfSlides":92},"68d3cf4372c83868769de521","57db979dfebedb18e033f82c","US",12,"Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c0e6ac99-130e-4eb7-a684-3f59302c9731","Video Games",{"id":847,"quizId":848,"country":841,"lowerGrade":849,"upperGrade":842,"quizRank":189,"subject":843,"quizImage":850,"quizName":851,"quizType":10,"noOfQuestions":78,"noOfSlides":92},"68dd09c313ac207b4c1aad8a","60cb6c61c29fe6001b8bd5d3",5,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/8b91c8f2-9778-4f06-86f5-5cfdef5a24b1","Brand Labels",{"id":853,"quizId":854,"country":841,"lowerGrade":48,"upperGrade":855,"quizRank":856,"subject":857,"quizImage":858,"quizName":859,"quizType":10,"noOfQuestions":70,"noOfSlides":92},"68dd09c313ac207b4c1aae96","68d564f266d638114702d3b3",8,4,"Other","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c30806d0-e177-4a74-8de1-01d598170e4b","Core 4 of Customer Service - Student Edition",{"id":861,"quizId":862,"country":841,"lowerGrade":40,"upperGrade":40,"quizRank":849,"subject":863,"quizImage":179,"quizName":864,"quizType":865,"noOfQuestions":70,"noOfSlides":849},"68dd09c313ac207b4c1ab2fb","68cda0f2d5fb650a2d7b2c69","World Languages","What is Bullying?- Bullying Lesson Series 6-12","presentation",{"id":867,"quizId":868,"country":841,"lowerGrade":849,"upperGrade":849,"quizRank":869,"subject":870,"quizImage":871,"quizName":872,"quizType":10,"noOfQuestions":873,"noOfSlides":92},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4",7,"Mathematics","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":875,"quizId":876,"country":841,"lowerGrade":869,"upperGrade":869,"quizRank":29,"subject":870,"quizImage":877,"quizName":878,"quizType":10,"noOfQuestions":70,"noOfSlides":92},"68b81fc14405f0499b37e8a7","5da88ffcfec3ff001ce68888","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/03023c5b-9aac-4b06-91d5-d9505d184182","Subtracting Integers",{"id":880,"quizId":881,"country":841,"lowerGrade":48,"upperGrade":48,"quizRank":29,"subject":870,"quizImage":882,"quizName":883,"quizType":10,"noOfQuestions":884,"noOfSlides":92},"68c15a42f7398f49e3878940","5efd0a3bd81107001b1430c2","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/904870db-7988-4901-a564-99b441db8324","Adding Integers",22,{"id":886,"quizId":887,"country":841,"lowerGrade":48,"upperGrade":29,"quizRank":40,"subject":888,"quizImage":889,"quizName":890,"quizType":891,"noOfQuestions":29,"noOfSlides":92},"68a5aabba690fb0b8e8ada5d","66e972146a6efd0f8e6d9932","Computers","https://i3.ytimg.com/vi/f4B0q2oOLbs/default.jpg","Exploring Digital Citizenship Essentials","video-quiz",[893,899],{"id":894,"quizId":895,"country":841,"lowerGrade":37,"upperGrade":37,"quizRank":70,"subject":896,"quizImage":897,"quizName":898,"quizType":10,"noOfQuestions":29,"noOfSlides":92},"689335b96cc7c0498fa6bf55","64b5415cb16650001dd88233","Professional Development","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7d6734e2-abef-46c9-b2b6-b7eebda77857-v2","How to Email your Teacher",{"id":900,"quizId":901,"country":841,"lowerGrade":37,"upperGrade":37,"quizRank":902,"subject":903,"quizImage":904,"quizName":905,"quizType":10,"noOfQuestions":70,"noOfSlides":92},"68dd09c313ac207b4c1ab3e5","5db20a8362a49d001cd9614a",1323,"Science","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/62945e51-02bc-4119-ade7-9c9af41f95f3","Trivia",[907,910,913,916,919,922,925,928,931,934],{"path":908,"display":909},"/math/measurement-and-data/money/counting-money","Counting money",{"path":911,"display":912},"/ela/reading/literature/poetry/stanza-forms","Stanza Forms",{"path":914,"display":915},"/ela/language/conventions/mechanics/capitalization/capitalize-titles-correctly","Capitalize titles correctly",{"path":917,"display":918},"/math/number-system/decimal-numbers/operations-with-decimal-numbers/adding-and-subtracting-decimal-numbers/adding-decimal-numbers-using-concrete-models-or-drawings","Adding decimal numbers using concrete models or drawings",{"path":920,"display":921},"/math/number-system/number-concepts/counting-and-place-value/counting-to-120-by-ones-and-tens","Counting to 120 by ones and tens",{"path":923,"display":924},"/social-studies/world-history/ancient-civilizations-8000-bce-600-ce/ancient-egypt","Ancient Egypt",{"path":926,"display":927},"/ela/language","Language",{"path":929,"display":930},"/science/biology/genetics-and-inheritance/complex-inheritance-patterns","Complex inheritance patterns",{"path":932,"display":933},"/ela/reading/literature/authors-craft/audience-and-purpose/evaluate-effectiveness-for-purpose","Evaluate effectiveness for purpose",{"path":935,"display":936},"/foreign-language/german/advanced-german-literature","Advanced German literature","2025-10-06T20:07:30.46642577Z",{"success":5,"data":939,"time":1005},{"quizzes":940,"total":29,"timeTaken":1004,"experiment":80,"source":81},[941,950,958,967,973,981,987,997],{"id":942,"isSuper":16,"type":10,"info":943,"shouldIndex":16,"stats":947},"686e4376c6fe12af1126dff1",{"grade":944,"name":945,"slug":945,"image":946},[13,13],"HTML, CSS, Terminal & JavaScript","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7c8e43fa-3203-433c-b255-56d2087e49fb-v2",{"played":948,"totalPlayers":948,"totalCorrect":949,"totalQuestions":78},40,500,{"id":951,"isSuper":16,"type":10,"info":952,"shouldIndex":16,"stats":956},"682676738ad4117b6a4adaf9",{"grade":953,"name":954,"slug":954,"image":955},[13,13],"PYTHON QUIZ ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/21ec5787-fb39-4153-bae0-ec3a1e614131-v2",{"played":47,"totalPlayers":70,"totalCorrect":957,"totalQuestions":29},69,{"id":959,"isSuper":5,"type":10,"info":960,"shouldIndex":16,"stats":964},"67284fd6a3bdd26033c42c65",{"grade":961,"name":962,"slug":962,"image":963},[13,13],"Quiz tentang Div dan Span untuk Layout Web","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/aec317bb-a6c5-42c6-a9ae-c0d501ca119c-v2",{"played":48,"totalPlayers":965,"totalCorrect":966,"totalQuestions":29},21,118,{"id":968,"isSuper":16,"type":10,"info":969,"shouldIndex":16,"stats":972},"676c292d89521148d0c1e3cc",{"grade":970,"name":971,"slug":971},[13,13],"CSS Basics Quiz",{"played":47,"totalPlayers":189,"totalCorrect":873,"totalQuestions":78},{"id":974,"isSuper":16,"type":10,"info":975,"shouldIndex":16,"stats":978},"670cdc8951266b03c82f61ee",{"grade":976,"name":977,"slug":977},[13,13],"Mastering Advanced CSS Techniques",{"played":47,"totalPlayers":979,"totalCorrect":980,"totalQuestions":70},45,440,{"id":982,"isSuper":16,"type":10,"info":983,"shouldIndex":16,"stats":986},"688c8a165e65fe78a21d3c73",{"grade":984,"name":985,"slug":985},[13,13],"Data Analytics ",{"totalQuestions":70},{"id":988,"isSuper":16,"type":10,"info":989,"shouldIndex":16,"stats":994},"6822f7162b5f07f9dcbfc2d9",{"grade":990,"name":991,"slug":992,"image":993},[13,13],"Qwords Digital Sprint - Web Development Session 1","Qwords Digital Sprint - Web Development Sesi 1","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5fa469f9-9e6d-4176-81f4-3d7b08d32963-v2",{"played":47,"totalPlayers":995,"totalCorrect":996,"totalQuestions":29},9,79,{"id":998,"isSuper":16,"type":10,"info":999,"shouldIndex":16,"stats":1002},"6833c537146104acb9e9f5a8",{"grade":1000,"name":1001,"slug":1001},[13,13],"Java-web session11",{"totalQuestions":1003},19,29,"2025-10-06T20:07:30.48948316Z",["Reactive",1007],{},["Set"],["ShallowReactive",1010],{"FBtEw3kc52":93,"6Q7xWJz8uy":93,"lBmhC0RwLK":93,"HaB3bIrqUn":93},"/admin/quiz/67946ccd8225ff78666039fd/mastering-html5-and-css","none",{"ssr_adp-v2":1014},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},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:"6b3fb8cc-d034-4e6c-a6d3-30b3282a9012",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>