Mastering HTML5 and CSS Professional Development Quiz

Mastering HTML5 and CSS

Professional Development

•

15 Qs

Similar activities

Understanding Cascading Style Sheets

Professional Development

•

10 Qs

[FE] Ice Breaking - Unlocking Web Page Layout: Mastering Span, D

Professional Development

•

10 Qs

Day 02 - HTML Introduction

Professional Development

•

11 Qs

Basic CSS Quiz

Professional Development

•

10 Qs

Quiz tentang CSS Grid Layout

Professional Development

•

16 Qs

Web Development Mastery

Professional Development

•

10 Qs

Bootcamp Quiz 4-CSS

Professional Development

•

20 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><meta></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><header></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">3. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">4. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><a href='https://www.example.com'>Click here</a></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><a url='https://www.example.com'>Click here</a></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><hyperlink='https://www.example.com'>Click here</hyperlink></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><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-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Cascading Style Scripts</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Cascading Style Sheets</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Cascading System Styles</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Creative Style Sheets</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>background-style</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>bg-color</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>background-color</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>color-background</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>By modifying the HTML structure instead of using CSS</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>Only through inline styles</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>CSS 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><ul></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><ol></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><list></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><item></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">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-ds-dark-500-10 active:bg-ds-dark-500-20 py-1 px-3 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-ds-light-500 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-1 px-3 border-ds-lilac-500 rounded-admin-lg min-w-20 border 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-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>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-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><picture src='image_url' alt='description'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><img href='image_url'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><img src='image_url' alt='description'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><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-ds-light-500 rounded-admin-lg shadow-md w-120 h-auto" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="flex p-10 justify-start items-stretch w-full flex-col flex-nowrap"><section><h1 class="text-lg md:text-xl text-dark-2 font-semibold text-center" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h1><p class="text-sm md:text-base text-dark-4"><span></span></p><div class="flex justify-between mt-2"><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Create resources</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Host any resource</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Get auto-graded reports</span></div></div></section><section class="flex flex-col space-y-3 mt-4 w-full"><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Google"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Google-logo"><span class="text-base font-semibold btn-label">Continue with Google</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Email"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Email-logo"><span class="text-base font-semibold btn-label">Continue with Email</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Classlink"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Classlink-logo"><span class="text-base font-semibold btn-label">Continue with Classlink</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Clever"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/clever-logo.png" alt="Clever" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Clever-logo"><span class="text-base font-semibold btn-label">Continue with Clever</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button></section><span class="mt-4 text-dark-4 text-sm flex justify-center">or continue with</span><section class="flex flex-row justify-center mt-4 gap-4"><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:inherit;" data-testid="continue-with-Microsoft"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/img/logos/ms-logo.png"></button><span class="text-dark-2 text-[10px] mt-1">Microsoft</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#222;" data-testid="continue-with-Apple"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/Apple.png"></button><span class="text-dark-2 text-[10px] mt-1">Apple</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#8854C0;" data-testid="continue-with-Others"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/shield-halved.png"></button><span class="text-dark-2 text-[10px] mt-1">Others</span></div></section></div><section class="mt-auto w-full"><section class="justify-center text-xs text-center text-dark-5 md:flex px-10 mb-4"><span>By signing up, you agree to our <a href='/tos' style='text-decoration: underline;'>Terms of Service</a> & <a href='/privacy' style='text-decoration: underline;'>Privacy Policy</a></span></section><section role="nudge" class="text-dark-2 py-4 flex items-center justify-center space-x-1 text-xs rounded-b-lg bg-light-6"><span class="xs-hidden">Already have an account?</span><button class="bg-lilac-faded rounded px-3 py-1 text-ds-lilac-600 text-xs font-semibold ml-2" type="button" data-testid="login-button-in-signup">Log in</button></section></section></div></div></div></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-4 border-transparent rounded-admin-lg min-w-20 border 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-ds-dark-200 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Let me read it first</p></div></div></button></div></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap" data-v-ed93fa3e><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-4 border-ds-dark-500-20 rounded-admin-lg min-w-20 border 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-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-47700e01><div class="h-full relative" data-v-17c94643 data-v-47700e01><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/676c292d89521148d0c1e3cc/css-basics-quiz" data-testid="activity-recommendation-card-676c292d89521148d0c1e3cc" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="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-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.h3idz1ns3nf" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">CSS Basics Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/677aee212803035fe487f836/front-end-ninja-quiz-01" data-testid="activity-recommendation-card-677aee212803035fe487f836" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Front End Ninja Quiz 01" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.km3mc15c1g" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Front End Ninja Quiz 01</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/66e0d0a0974799d630d69447/html-fundamentals-assessment" data-testid="activity-recommendation-card-66e0d0a0974799d630d69447" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Fundamentals Assessment" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.rd8ayzyc9wd" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML Fundamentals Assessment</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/682676738ad4117b6a4adaf9/python-quiz" data-testid="activity-recommendation-card-682676738ad4117b6a4adaf9" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="PYTHON QUIZ " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.hrvtrttlicv" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">PYTHON QUIZ </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/6784d4ff4eb0e435fd788f43/fe-ice-breaking-unlocking-web-page-layout-mastering-span-d" data-testid="activity-recommendation-card-6784d4ff4eb0e435fd788f43" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="[FE] Ice Breaking - Unlocking Web Page Layout: Mastering Span, D" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.8bq9fg990y" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">[FE] Ice Breaking - Unlocking Web Page Layout: Mastering Span, D</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/67284fd6a3bdd26033c42c65/quiz-tentang-div-dan-span-untuk-layout-web" data-testid="activity-recommendation-card-67284fd6a3bdd26033c42c65" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Quiz 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-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.b0lhbpjwwq5" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">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-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/671420f28e77830c8ad3d27e/csesa-web-development-workshop-quiz-day-1" data-testid="activity-recommendation-card-671420f28e77830c8ad3d27e" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="CSESA Web Development Workshop Quiz Day-1" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ka71q6blavq" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">CSESA Web Development Workshop Quiz Day-1</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/670cdc8951266b03c82f61ee/mastering-advanced-css-techniques" data-testid="activity-recommendation-card-670cdc8951266b03c82f61ee" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="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-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.nyzejde202" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Mastering Advanced CSS Techniques</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>Professional Development</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-47700e01><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-47700e01><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border rounded-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-47700e01><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap" data-v-ed93fa3e><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-47700e01><div class="h-full relative" data-v-17c94643 data-v-47700e01><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/5dcaf57ad15446001b403259/equations-of-circles" data-testid="activity-popular-resource-card-5dcaf57ad15446001b403259" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Equations of Circles" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ln4tt66j0t" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Equations of Circles</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>10th - 11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/68671206841c035e47aeede4/week-5-memory-builder-1-multiplication-and-division-facts" data-testid="activity-popular-resource-card-68671206841c035e47aeede4" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Week 5 Memory Builder 1 (Multiplication and Division Facts)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 30 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.9odtqhwg6cj" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Week 5 Memory Builder 1 (Multiplication and Division Facts)</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6849b3d89c6a82fefd0b03c6/unit-3-summative-summer-school-immune-system" data-testid="activity-popular-resource-card-6849b3d89c6a82fefd0b03c6" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Unit 3 Summative - Summer School: Immune System" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 33 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.anb4rq89u8l" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Unit 3 Summative - Summer School: Immune System</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>10th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/57e8225d8ef1ea4b5ae59915/writing-and-identifying-ratios-practice" data-testid="activity-popular-resource-card-57e8225d8ef1ea4b5ae59915" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Writing and Identifying Ratios Practice" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.b154566akzb" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Writing and Identifying Ratios Practice</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th - 6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5dc359872829d0001b60162e/prime-and-composite-numbers" data-testid="activity-popular-resource-card-5dc359872829d0001b60162e" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Prime and Composite Numbers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 36 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.dplh6kiaq6k" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Prime and Composite Numbers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5dcecd522fee37001bc1342c/exterior-and-interior-angles-of-polygons" data-testid="activity-popular-resource-card-5dcecd522fee37001bc1342c" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Exterior and Interior angles of Polygons" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 14 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ds1mqsvpkfs" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Exterior and Interior angles of Polygons</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6865a4679154fb31267f3e3a/camp-re-cap-week-1-no-regression" data-testid="activity-popular-resource-card-6865a4679154fb31267f3e3a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Camp Re-cap Week 1 (no regression)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 37 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.7txwrkx2h" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Camp Re-cap Week 1 (no regression)</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/675fbcb740406ce6cea2220d/biology-semester-1-review" data-testid="activity-popular-resource-card-675fbcb740406ce6cea2220d" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Biology Semester 1 Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 46 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.axj827x48v8" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Biology Semester 1 Review</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>10th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-47700e01><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-47700e01><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border rounded-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-47700e01><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-32684c53><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-32684c53><div class="flex flex-col justify-between w-full" data-v-32684c53><div class="flex flex-col md:flex-row" data-v-32684c53><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-32684c53></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-32684c53><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-32684c53><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-32684c53><p class="text-sm font-semibold copyright text-dark-4" data-v-32684c53> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-32684c53><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-32684c53><i class="social-icon fab fa-twitter" data-v-32684c53></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-32684c53><i class="social-icon fab fa-facebook" data-v-32684c53></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-32684c53><i class="social-icon fab fa-instagram" data-v-32684c53></i></a><span class="block w-px h-5 bg-dark-5" data-v-32684c53></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-32684c53><span class="text-sm text-dark-3 hover:underline" data-v-32684c53><span data-v-32684c53>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-32684c53><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-32684c53><span data-v-32684c53>Get our app</span></label><div class="flex space-x-2" data-v-32684c53><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-32684c53></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-32684c53></a></div></div></div></div></div></footer></main></div><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":988,"once":990,"_errors":991,"serverRendered":5,"path":993,"country":843,"region":994,"nuxtSsrFeatureFlags":995},["ShallowReactive",3],{"FBtEw3kc52":4,"lBmhC0RwLK":84,"HaB3bIrqUn":837,"6Q7xWJz8uy":923},{"success":5,"data":6,"time":83},true,{"quizzes":7,"total":79,"timeTaken":80,"experiment":81,"source":82},[8,19,26,37,46,54,62,72],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":16},"67ad86180fa1fe23772a95fa",false,"quiz",{"grade":13,"name":15,"slug":15},[14,14],"14","Understanding Cascading Style Sheets",{"played":17,"totalPlayers":17,"totalQuestions":18},1,10,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"6784d4ff4eb0e435fd788f43",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"[FE] Ice Breaking - Unlocking Web Page Layout: Mastering Span, D","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7964a731-373e-48e8-a8c1-16945273fb86-v2",{"totalQuestions":18},{"id":27,"isSuper":10,"type":11,"info":28,"shouldIndex":10,"stats":32},"6757066d71657ab9f53f9c63",{"grade":29,"name":30,"slug":30,"image":31},[14,14],"Day 02 - HTML Introduction","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/433b7d0f-fae0-42fe-b603-f385d7f5dfac-v2",{"played":33,"totalPlayers":34,"totalCorrect":35,"totalQuestions":36},3,36,235,11,{"id":38,"isSuper":10,"type":11,"info":39,"shouldIndex":10,"stats":43},"671505938e77839b61d3f994",{"grade":40,"name":41,"slug":41,"image":42},[14,14],"Basic CSS Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/bc43b12c-1035-4f99-848a-9378fa5562e0-v2",{"played":33,"totalPlayers":44,"totalCorrect":45,"totalQuestions":18},8,53,{"id":47,"isSuper":5,"type":11,"info":48,"shouldIndex":10,"stats":52},"672cdd0426e7c6b2744e6b7e",{"grade":49,"name":50,"slug":50,"image":51},[14,14],"Quiz tentang CSS Grid Layout","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0468c4f1-e86a-4380-b896-8fbca014212b-v2",{"totalQuestions":53},16,{"id":55,"isSuper":10,"type":11,"info":56,"shouldIndex":10,"stats":60},"66ebbe5864fa047b07a4d3e6",{"grade":57,"name":58,"slug":58,"image":59},[14,14],"Web Development Mastery","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a95b37ff-5a39-4b06-ac80-dcf17cd1c5ae-v2",{"played":17,"totalPlayers":36,"totalCorrect":61,"totalQuestions":18},84,{"id":63,"isSuper":5,"type":11,"info":64,"shouldIndex":10,"stats":68},"678e5bf32567cea4507865e3",{"grade":65,"name":66,"slug":66,"image":67},[14,14],"Bootcamp Quiz 4-CSS","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a31d93eb-d889-490c-a36c-cbc3c43089d4-v2",{"played":17,"totalPlayers":69,"totalCorrect":70,"totalQuestions":71},14,169,20,{"id":73,"isSuper":10,"type":11,"info":74,"shouldIndex":10,"stats":78},"678dec1fe7bf2e44d5616a4b",{"grade":75,"name":76,"slug":76,"image":77},[14,14],"[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":18},220,25,"quizPageRecoPublicSearch","recommended_search","2025-07-12T10:37:34.534016393Z",{"success":5,"message":85,"data":86,"time":833,"meta":834},"Ok",{"quiz":87,"draft":94},{"isTagged":10,"isLoved":10,"tagIds":88,"stats":89,"love":93,"cloned":10,"parentDetail":94,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":94,"publishedVersion":95,"isShared":10,"type":11,"_id":96,"createdBy":97,"info":113,"createdAt":830,"updated":831,"premiumUse":832,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":94,"lock":94},[],{"played":17,"totalPlayers":90,"totalCorrect":91,"totalQuestions":92},27,161,296,0,null,"67946ccd8225ff78666039fe","67946ccd8225ff78666039fd",{"_id":98,"firstName":99,"lastName":100,"email":101,"occupation":102,"country":103,"preferences":104,"grades":106,"subject_tags":107,"media":112},"66cd56c27bcd21272239b79d","Renukadevi","S","renukadevi.s@rajalakshmi.edu.in","teacher","IN",{"lang":105},"en",[93],[108,109,110,111],"Information Technology (IT)","Design","Engineering","Life Project","https://lh3.googleusercontent.com/a/ACg8ocJ1-_Zz6yf7Uot7Lre9iAMIBaptvvzOuwIn2k8prTJcK9bQQQ=s96-c",{"lang":114,"aiGenerated":5,"qm":115,"visibility":5,"subjects":132,"topics":133,"subtopics":134,"grade":135,"gradeLevel":94,"deleted":10,"pref":136,"traits":137,"standardIds":138,"__v":33,"meta":139,"_id":95,"name":140,"aiCreateMeta":141,"questions":143,"questionDrafts":827,"standards":94,"courses":94,"createdAt":828,"updated":829,"isProfane":10,"whitelisted":5,"slug":140},"English",{"67946ccd48ec42bf33c81ea4":116,"67946ccd48ec42bf33c81ea5":118,"67946ccd48ec42bf33c81ea6":119,"67946ccd48ec42bf33c81ea7":120,"67946ccd48ec42bf33c81ea8":121,"67946ccd48ec42bf33c81ea9":122,"67946ccd48ec42bf33c81eaa":123,"67946ccd48ec42bf33c81eab":124,"67946ccd48ec42bf33c81eac":125,"67946ccd48ec42bf33c81ead":126,"67946ccd48ec42bf33c81eae":127,"67946ccd48ec42bf33c81eaf":128,"67946ccd48ec42bf33c81eb0":129,"67946ccd48ec42bf33c81eb1":130,"67946ccd48ec42bf33c81eb2":131},{"time":117},30000,{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},{"time":117},[108],[],[],[14,14],{"time":94},{"isQuizWithoutCorrectAnswer":10,"totalSlides":93,"totalComprehensionQuestions":93,"nonAnswerableQuestions":93},[],{"slot":94,"experiment":94},"Mastering HTML5 and CSS",{"quizGenKey":142},"67946cc3c4e1cc81607c2563",[144,197,242,287,332,377,422,467,512,557,602,647,692,737,782],{"structure":145,"standards":188,"topics":189,"isSuperParent":10,"standardIds":190,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":192,"time":117,"published":5,"aiCreateMeta":193,"type":186,"createdAt":195,"updated":196},{"settings":146,"hasMath":10,"query":148,"options":155,"explain":180,"hints":185,"kind":186,"marks":187,"answer":33},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"type":149,"hasMath":10,"math":150,"answerTime":152,"text":153,"media":154},"text",{"latex":151,"template":94},[],-1,"\u003Cp>What does HTML stand for?\u003C/p>",[],[156,162,168,174],{"type":149,"hasMath":10,"math":157,"answerTime":93,"id":159,"text":160,"media":161,"_id":159},{"latex":158,"template":94},[],"67946ccd3299dfcd40848e39","\u003Cp>HighText Markup Language\u003C/p>",[],{"type":149,"hasMath":10,"math":163,"answerTime":93,"id":165,"text":166,"media":167,"_id":165},{"latex":164,"template":94},[],"67946ccd3299df86d1848e3a","\u003Cp>HyperText Markup List\u003C/p>",[],{"type":149,"hasMath":10,"math":169,"answerTime":93,"id":171,"text":172,"media":173,"_id":171},{"latex":170,"template":94},[],"67946ccd3299df6a38848e3b","\u003Cp>HyperText Multi Language\u003C/p>",[],{"type":149,"hasMath":10,"math":175,"answerTime":93,"id":177,"text":178,"media":179,"_id":177},{"latex":176,"template":94},[],"67946ccd3299df8926848e3c","\u003Cp>HyperText Markup Language\u003C/p>",[],{"type":149,"text":181,"media":182,"hasMath":10,"math":183,"answerTime":93},"",[],{"template":94,"latex":184},[],[],"MCQ",{"correct":17,"incorrect":93},[],[],[],2,"67946ccd48ec42bf33c81ea4",{"questionLanguage":194},"Korean","2025-01-25T04:47:09.600Z","2025-03-21T10:42:29.094Z",{"structure":198,"standards":236,"topics":237,"isSuperParent":10,"standardIds":238,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":239,"time":117,"published":5,"aiCreateMeta":240,"type":186,"createdAt":195,"updated":241},{"settings":199,"hasMath":10,"query":200,"options":205,"explain":230,"hints":234,"kind":186,"marks":235,"answer":93},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":201,"answerTime":152,"text":203,"media":204},{"latex":202,"template":94},[],"\u003Cp>Which HTML element is used to define the title of a document?\u003C/p>",[],[206,212,218,224],{"type":149,"hasMath":10,"math":207,"answerTime":93,"id":209,"text":210,"media":211,"_id":209},{"latex":208,"template":94},[],"67946ccd3299df09d4848e40","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":149,"hasMath":10,"math":213,"answerTime":93,"id":215,"text":216,"media":217,"_id":215},{"latex":214,"template":94},[],"67946ccd3299dff223848e41","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":149,"hasMath":10,"math":219,"answerTime":93,"id":221,"text":222,"media":223,"_id":221},{"latex":220,"template":94},[],"67946ccd3299df42c2848e42","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":149,"hasMath":10,"math":225,"answerTime":93,"id":227,"text":228,"media":229,"_id":227},{"latex":226,"template":94},[],"67946ccd3299df2c82848e43","\u003Cp>\u003Cheader>\u003C/p>",[],{"type":149,"text":181,"media":231,"hasMath":10,"math":232,"answerTime":93},[],{"template":94,"latex":233},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81ea5",{"questionLanguage":114},"2025-03-21T10:42:29.104Z",{"structure":243,"standards":281,"topics":282,"isSuperParent":10,"standardIds":283,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":284,"time":117,"published":5,"aiCreateMeta":285,"type":186,"createdAt":195,"updated":286},{"settings":244,"hasMath":10,"query":245,"options":250,"explain":275,"hints":279,"kind":186,"marks":280,"answer":191},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":246,"answerTime":152,"text":248,"media":249},{"latex":247,"template":94},[],"\u003Cp>What is the purpose of the \u003Chead> tag in HTML?\u003C/p>",[],[251,257,263,269],{"type":149,"hasMath":10,"math":252,"answerTime":93,"id":254,"text":255,"media":256,"_id":254},{"latex":253,"template":94},[],"67946ccd3299df5667848e47","\u003Cp>The \u003Chead> tag is for defining the layout of the webpage.\u003C/p>",[],{"type":149,"hasMath":10,"math":258,"answerTime":93,"id":260,"text":261,"media":262,"_id":260},{"latex":259,"template":94},[],"67946ccd3299dfa489848e48","\u003Cp>The \u003Chead> tag is used to display the main content of the page.\u003C/p>",[],{"type":149,"hasMath":10,"math":264,"answerTime":93,"id":266,"text":267,"media":268,"_id":266},{"latex":265,"template":94},[],"67946ccd3299df2ef4848e49","\u003Cp>The \u003Chead> tag is used to contain meta-information about the HTML document.\u003C/p>",[],{"type":149,"hasMath":10,"math":270,"answerTime":93,"id":272,"text":273,"media":274,"_id":272},{"latex":271,"template":94},[],"67946ccd3299df4865848e4a","\u003Cp>The \u003Chead> tag is used to include images and videos in the document.\u003C/p>",[],{"type":149,"text":181,"media":276,"hasMath":10,"math":277,"answerTime":93},[],{"template":94,"latex":278},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81ea6",{"questionLanguage":114},"2025-03-21T10:42:29.112Z",{"structure":288,"standards":326,"topics":327,"isSuperParent":10,"standardIds":328,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":329,"time":117,"published":5,"aiCreateMeta":330,"type":186,"createdAt":195,"updated":331},{"settings":289,"hasMath":10,"query":290,"options":295,"explain":320,"hints":324,"kind":186,"marks":325,"answer":93},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":291,"answerTime":152,"text":293,"media":294},{"latex":292,"template":94},[],"\u003Cp>How do you create a hyperlink in HTML?\u003C/p>",[],[296,302,308,314],{"type":149,"hasMath":10,"math":297,"answerTime":93,"id":299,"text":300,"media":301,"_id":299},{"latex":298,"template":94},[],"67946ccd3299df5c83848e4e","\u003Cp>\u003Ca href='https://www.example.com'>Click here\u003C/a>\u003C/p>",[],{"type":149,"hasMath":10,"math":303,"answerTime":93,"id":305,"text":306,"media":307,"_id":305},{"latex":304,"template":94},[],"67946ccd3299df4e9f848e4f","\u003Cp>\u003Ca url='https://www.example.com'>Click here\u003C/a>\u003C/p>",[],{"type":149,"hasMath":10,"math":309,"answerTime":93,"id":311,"text":312,"media":313,"_id":311},{"latex":310,"template":94},[],"67946ccd3299dfa83f848e50","\u003Cp>\u003Chyperlink='https://www.example.com'>Click here\u003C/hyperlink>\u003C/p>",[],{"type":149,"hasMath":10,"math":315,"answerTime":93,"id":317,"text":318,"media":319,"_id":317},{"latex":316,"template":94},[],"67946ccd3299df81a1848e51","\u003Cp>\u003Clink href='https://www.example.com'>Click here\u003C/link>\u003C/p>",[],{"type":149,"text":181,"media":321,"hasMath":10,"math":322,"answerTime":93},[],{"template":94,"latex":323},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81ea7",{"questionLanguage":194},"2025-03-21T10:42:29.121Z",{"structure":333,"standards":371,"topics":372,"isSuperParent":10,"standardIds":373,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":374,"time":117,"published":5,"aiCreateMeta":375,"type":186,"createdAt":195,"updated":376},{"settings":334,"hasMath":10,"query":335,"options":340,"explain":365,"hints":369,"kind":186,"marks":370,"answer":17},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":336,"answerTime":152,"text":338,"media":339},{"latex":337,"template":94},[],"\u003Cp>What does CSS stand for?\u003C/p>",[],[341,347,353,359],{"type":149,"hasMath":10,"math":342,"answerTime":93,"id":344,"text":345,"media":346,"_id":344},{"latex":343,"template":94},[],"67946ccd3299dfa48f848e55","\u003Cp>Cascading Style Scripts\u003C/p>",[],{"type":149,"hasMath":10,"math":348,"answerTime":93,"id":350,"text":351,"media":352,"_id":350},{"latex":349,"template":94},[],"67946ccd3299df615f848e56","\u003Cp>Cascading Style Sheets\u003C/p>",[],{"type":149,"hasMath":10,"math":354,"answerTime":93,"id":356,"text":357,"media":358,"_id":356},{"latex":355,"template":94},[],"67946ccd3299df92a4848e57","\u003Cp>Cascading System Styles\u003C/p>",[],{"type":149,"hasMath":10,"math":360,"answerTime":93,"id":362,"text":363,"media":364,"_id":362},{"latex":361,"template":94},[],"67946ccd3299dfb536848e58","\u003Cp>Creative Style Sheets\u003C/p>",[],{"type":149,"text":181,"media":366,"hasMath":10,"math":367,"answerTime":93},[],{"template":94,"latex":368},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81ea8",{"questionLanguage":114},"2025-03-21T10:42:29.270Z",{"structure":378,"standards":416,"topics":417,"isSuperParent":10,"standardIds":418,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":419,"time":117,"published":5,"aiCreateMeta":420,"type":186,"createdAt":195,"updated":421},{"settings":379,"hasMath":10,"query":380,"options":385,"explain":410,"hints":414,"kind":186,"marks":415,"answer":191},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":381,"answerTime":152,"text":383,"media":384},{"latex":382,"template":94},[],"\u003Cp>Which property is used to change the background color in CSS?\u003C/p>",[],[386,392,398,404],{"type":149,"hasMath":10,"math":387,"answerTime":93,"id":389,"text":390,"media":391,"_id":389},{"latex":388,"template":94},[],"67946ccd3299df5e5d848e5c","\u003Cp>background-style\u003C/p>",[],{"type":149,"hasMath":10,"math":393,"answerTime":93,"id":395,"text":396,"media":397,"_id":395},{"latex":394,"template":94},[],"67946ccd3299df6006848e5d","\u003Cp>bg-color\u003C/p>",[],{"type":149,"hasMath":10,"math":399,"answerTime":93,"id":401,"text":402,"media":403,"_id":401},{"latex":400,"template":94},[],"67946ccd3299df2533848e5e","\u003Cp>background-color\u003C/p>",[],{"type":149,"hasMath":10,"math":405,"answerTime":93,"id":407,"text":408,"media":409,"_id":407},{"latex":406,"template":94},[],"67946ccd3299dfcdef848e5f","\u003Cp>color-background\u003C/p>",[],{"type":149,"text":181,"media":411,"hasMath":10,"math":412,"answerTime":93},[],{"template":94,"latex":413},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81ea9",{"questionLanguage":114},"2025-03-21T10:42:29.311Z",{"structure":423,"standards":461,"topics":462,"isSuperParent":10,"standardIds":463,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":464,"time":117,"published":5,"aiCreateMeta":465,"type":186,"createdAt":195,"updated":466},{"settings":424,"hasMath":10,"query":425,"options":430,"explain":455,"hints":459,"kind":186,"marks":460,"answer":191},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":426,"answerTime":152,"text":428,"media":429},{"latex":427,"template":94},[],"\u003Cp>How can you apply CSS styles to an HTML element?\u003C/p>",[],[431,437,443,449],{"type":149,"hasMath":10,"math":432,"answerTime":93,"id":434,"text":435,"media":436,"_id":434},{"latex":433,"template":94},[],"67946ccd3299dfbe8a848e63","\u003Cp>By modifying the HTML structure instead of using CSS\u003C/p>",[],{"type":149,"hasMath":10,"math":438,"answerTime":93,"id":440,"text":441,"media":442,"_id":440},{"latex":439,"template":94},[],"67946ccd3299df2a39848e64","\u003Cp>Only through inline styles\u003C/p>",[],{"type":149,"hasMath":10,"math":444,"answerTime":93,"id":446,"text":447,"media":448,"_id":446},{"latex":445,"template":94},[],"67946ccd3299df51be848e65","\u003Cp>CSS styles can be applied using inline styles, internal stylesheets, or external stylesheets.\u003C/p>",[],{"type":149,"hasMath":10,"math":450,"answerTime":93,"id":452,"text":453,"media":454,"_id":452},{"latex":451,"template":94},[],"67946ccd3299df01e4848e66","\u003Cp>Using JavaScript to apply styles directly\u003C/p>",[],{"type":149,"text":181,"media":456,"hasMath":10,"math":457,"answerTime":93},[],{"template":94,"latex":458},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eaa",{"questionLanguage":114},"2025-03-21T10:42:29.319Z",{"structure":468,"standards":506,"topics":507,"isSuperParent":10,"standardIds":508,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":509,"time":117,"published":5,"aiCreateMeta":510,"type":186,"createdAt":195,"updated":511},{"settings":469,"hasMath":10,"query":470,"options":475,"explain":500,"hints":504,"kind":186,"marks":505,"answer":191},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":471,"answerTime":152,"text":473,"media":474},{"latex":472,"template":94},[],"\u003Cp>What is the difference between class and ID selectors in CSS?\u003C/p>",[],[476,482,488,494],{"type":149,"hasMath":10,"math":477,"answerTime":93,"id":479,"text":480,"media":481,"_id":479},{"latex":478,"template":94},[],"67946ccd3299df0fa7848e6a","\u003Cp>Class selectors are always unique, while ID selectors can be reused.\u003C/p>",[],{"type":149,"hasMath":10,"math":483,"answerTime":93,"id":485,"text":486,"media":487,"_id":485},{"latex":484,"template":94},[],"67946ccd3299dfda2b848e6b","\u003Cp>Class selectors are defined with @media, while ID selectors use @import.\u003C/p>",[],{"type":149,"hasMath":10,"math":489,"answerTime":93,"id":491,"text":492,"media":493,"_id":491},{"latex":490,"template":94},[],"67946ccd3299df2cc7848e6c","\u003Cp>Class selectors (.) can be used multiple times, while ID selectors (#) must be unique.\u003C/p>",[],{"type":149,"hasMath":10,"math":495,"answerTime":93,"id":497,"text":498,"media":499,"_id":497},{"latex":496,"template":94},[],"67946ccd3299df43f1848e6d","\u003Cp>ID selectors are used for styling text, while class selectors are for layout.\u003C/p>",[],{"type":149,"text":181,"media":501,"hasMath":10,"math":502,"answerTime":93},[],{"template":94,"latex":503},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eab",{"questionLanguage":114},"2025-03-21T10:42:29.326Z",{"structure":513,"standards":551,"topics":552,"isSuperParent":10,"standardIds":553,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":554,"time":117,"published":5,"aiCreateMeta":555,"type":186,"createdAt":195,"updated":556},{"settings":514,"hasMath":10,"query":515,"options":520,"explain":545,"hints":549,"kind":186,"marks":550,"answer":93},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":516,"answerTime":152,"text":518,"media":519},{"latex":517,"template":94},[],"\u003Cp>What HTML tag is used to define an unordered list?\u003C/p>",[],[521,527,533,539],{"type":149,"hasMath":10,"math":522,"answerTime":93,"id":524,"text":525,"media":526,"_id":524},{"latex":523,"template":94},[],"67946ccd3299df6e61848e71","\u003Cp>\u003Cul>\u003C/p>",[],{"type":149,"hasMath":10,"math":528,"answerTime":93,"id":530,"text":531,"media":532,"_id":530},{"latex":529,"template":94},[],"67946ccd3299df18c1848e72","\u003Cp>\u003Col>\u003C/p>",[],{"type":149,"hasMath":10,"math":534,"answerTime":93,"id":536,"text":537,"media":538,"_id":536},{"latex":535,"template":94},[],"67946ccd3299df80fc848e73","\u003Cp>\u003Clist>\u003C/p>",[],{"type":149,"hasMath":10,"math":540,"answerTime":93,"id":542,"text":543,"media":544,"_id":542},{"latex":541,"template":94},[],"67946ccd3299dff7ee848e74","\u003Cp>\u003Citem>\u003C/p>",[],{"type":149,"text":181,"media":546,"hasMath":10,"math":547,"answerTime":93},[],{"template":94,"latex":548},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eac",{"questionLanguage":114},"2025-03-21T10:42:29.334Z",{"structure":558,"standards":596,"topics":597,"isSuperParent":10,"standardIds":598,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":599,"time":117,"published":5,"aiCreateMeta":600,"type":186,"createdAt":195,"updated":601},{"settings":559,"hasMath":10,"query":560,"options":565,"explain":590,"hints":594,"kind":186,"marks":595,"answer":191},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":561,"answerTime":152,"text":563,"media":564},{"latex":562,"template":94},[],"\u003Cp>How do you insert an image in HTML?\u003C/p>",[],[566,572,578,584],{"type":149,"hasMath":10,"math":567,"answerTime":93,"id":569,"text":570,"media":571,"_id":569},{"latex":568,"template":94},[],"67946ccd3299df3bd2848e78","\u003Cp>\u003Cpicture src='image_url' alt='description'>\u003C/p>",[],{"type":149,"hasMath":10,"math":573,"answerTime":93,"id":575,"text":576,"media":577,"_id":575},{"latex":574,"template":94},[],"67946ccd3299df304a848e79","\u003Cp>\u003Cimg href='image_url'>\u003C/p>",[],{"type":149,"hasMath":10,"math":579,"answerTime":93,"id":581,"text":582,"media":583,"_id":581},{"latex":580,"template":94},[],"67946ccd3299df5021848e7a","\u003Cp>\u003Cimg src='image_url' alt='description'>\u003C/p>",[],{"type":149,"hasMath":10,"math":585,"answerTime":93,"id":587,"text":588,"media":589,"_id":587},{"latex":586,"template":94},[],"67946ccd3299df30aa848e7b","\u003Cp>\u003Cimage src='image_url'>\u003C/p>",[],{"type":149,"text":181,"media":591,"hasMath":10,"math":592,"answerTime":93},[],{"template":94,"latex":593},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81ead",{"questionLanguage":114},"2025-03-21T10:42:29.345Z",{"structure":603,"standards":641,"topics":642,"isSuperParent":10,"standardIds":643,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":644,"time":117,"published":5,"aiCreateMeta":645,"type":186,"createdAt":195,"updated":646},{"settings":604,"hasMath":10,"query":605,"options":610,"explain":635,"hints":639,"kind":186,"marks":640,"answer":93},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":606,"answerTime":152,"text":608,"media":609},{"latex":607,"template":94},[],"\u003Cp>What is the purpose of the \u003Cdiv> tag in HTML?\u003C/p>",[],[611,617,623,629],{"type":149,"hasMath":10,"math":612,"answerTime":93,"id":614,"text":615,"media":616,"_id":614},{"latex":613,"template":94},[],"67946ccd3299df8198848e7f","\u003Cp>The \u003Cdiv> tag serves as a generic container for grouping and styling HTML elements.\u003C/p>",[],{"type":149,"hasMath":10,"math":618,"answerTime":93,"id":620,"text":621,"media":622,"_id":620},{"latex":619,"template":94},[],"67946ccd3299dfdc4c848e80","\u003Cp>The \u003Cdiv> tag is a semantic element that defines a header.\u003C/p>",[],{"type":149,"hasMath":10,"math":624,"answerTime":93,"id":626,"text":627,"media":628,"_id":626},{"latex":625,"template":94},[],"67946ccd3299df6237848e81","\u003Cp>The \u003Cdiv> tag is specifically for embedding images.\u003C/p>",[],{"type":149,"hasMath":10,"math":630,"answerTime":93,"id":632,"text":633,"media":634,"_id":632},{"latex":631,"template":94},[],"67946ccd3299df566a848e82","\u003Cp>The \u003Cdiv> tag is used to create hyperlinks in HTML.\u003C/p>",[],{"type":149,"text":181,"media":636,"hasMath":10,"math":637,"answerTime":93},[],{"template":94,"latex":638},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eae",{"questionLanguage":114},"2025-03-21T10:42:29.354Z",{"structure":648,"standards":686,"topics":687,"isSuperParent":10,"standardIds":688,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":689,"time":117,"published":5,"aiCreateMeta":690,"type":186,"createdAt":195,"updated":691},{"settings":649,"hasMath":10,"query":650,"options":655,"explain":680,"hints":684,"kind":186,"marks":685,"answer":93},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":651,"answerTime":152,"text":653,"media":654},{"latex":652,"template":94},[],"\u003Cp>How can you center a block element using CSS?\u003C/p>",[],[656,662,668,674],{"type":149,"hasMath":10,"math":657,"answerTime":93,"id":659,"text":660,"media":661,"_id":659},{"latex":658,"template":94},[],"67946ccd3299df80d1848e86","\u003Cp>Set the element's width and use 'margin: auto;'\u003C/p>",[],{"type":149,"hasMath":10,"math":663,"answerTime":93,"id":665,"text":666,"media":667,"_id":665},{"latex":664,"template":94},[],"67946ccd3299df40b7848e87","\u003Cp>Set the element's height and use 'padding: auto;'\u003C/p>",[],{"type":149,"hasMath":10,"math":669,"answerTime":93,"id":671,"text":672,"media":673,"_id":671},{"latex":670,"template":94},[],"67946ccd3299df1d69848e88","\u003Cp>Use 'display: flex;' and align items to the center\u003C/p>",[],{"type":149,"hasMath":10,"math":675,"answerTime":93,"id":677,"text":678,"media":679,"_id":677},{"latex":676,"template":94},[],"67946ccd3299df2081848e89","\u003Cp>Apply 'float: left;' to the element and set a fixed width\u003C/p>",[],{"type":149,"text":181,"media":681,"hasMath":10,"math":682,"answerTime":93},[],{"template":94,"latex":683},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eaf",{"questionLanguage":114},"2025-03-21T10:42:29.361Z",{"structure":693,"standards":731,"topics":732,"isSuperParent":10,"standardIds":733,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":734,"time":117,"published":5,"aiCreateMeta":735,"type":186,"createdAt":195,"updated":736},{"settings":694,"hasMath":10,"query":695,"options":700,"explain":725,"hints":729,"kind":186,"marks":730,"answer":17},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":696,"answerTime":152,"text":698,"media":699},{"latex":697,"template":94},[],"\u003Cp>What is the default display value of a \u003Cdiv> element?\u003C/p>",[],[701,707,713,719],{"type":149,"hasMath":10,"math":702,"answerTime":93,"id":704,"text":705,"media":706,"_id":704},{"latex":703,"template":94},[],"67946ccd3299df207b848e8d","\u003Cp>grid\u003C/p>",[],{"type":149,"hasMath":10,"math":708,"answerTime":93,"id":710,"text":711,"media":712,"_id":710},{"latex":709,"template":94},[],"67946ccd3299df6e94848e8e","\u003Cp>block\u003C/p>",[],{"type":149,"hasMath":10,"math":714,"answerTime":93,"id":716,"text":717,"media":718,"_id":716},{"latex":715,"template":94},[],"67946ccd3299df6d51848e8f","\u003Cp>flex\u003C/p>",[],{"type":149,"hasMath":10,"math":720,"answerTime":93,"id":722,"text":723,"media":724,"_id":722},{"latex":721,"template":94},[],"67946ccd3299df33c8848e90","\u003Cp>inline\u003C/p>",[],{"type":149,"text":181,"media":726,"hasMath":10,"math":727,"answerTime":93},[],{"template":94,"latex":728},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eb0",{"questionLanguage":114},"2025-03-21T10:42:29.371Z",{"structure":738,"standards":776,"topics":777,"isSuperParent":10,"standardIds":778,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":779,"time":117,"published":5,"aiCreateMeta":780,"type":186,"createdAt":195,"updated":781},{"settings":739,"hasMath":10,"query":740,"options":745,"explain":770,"hints":774,"kind":186,"marks":775,"answer":93},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":741,"answerTime":152,"text":743,"media":744},{"latex":742,"template":94},[],"\u003Cp>How do you create a responsive design using CSS?\u003C/p>",[],[746,752,758,764],{"type":149,"hasMath":10,"math":747,"answerTime":93,"id":749,"text":750,"media":751,"_id":749},{"latex":748,"template":94},[],"67946ccd3299dfc653848e94","\u003Cp>Use CSS Grid or Flexbox for layout, media queries for responsiveness, and relative units for sizing.\u003C/p>",[],{"type":149,"hasMath":10,"math":753,"answerTime":93,"id":755,"text":756,"media":757,"_id":755},{"latex":754,"template":94},[],"67946ccd3299df1ff7848e95","\u003Cp>Use only fixed pixel sizes for layout.\u003C/p>",[],{"type":149,"hasMath":10,"math":759,"answerTime":93,"id":761,"text":762,"media":763,"_id":761},{"latex":760,"template":94},[],"67946ccd3299dfef18848e96","\u003Cp>Avoid using media queries altogether.\u003C/p>",[],{"type":149,"hasMath":10,"math":765,"answerTime":93,"id":767,"text":768,"media":769,"_id":767},{"latex":766,"template":94},[],"67946ccd3299df2d87848e97","\u003Cp>Rely solely on JavaScript for responsive design.\u003C/p>",[],{"type":149,"text":181,"media":771,"hasMath":10,"math":772,"answerTime":93},[],{"template":94,"latex":773},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eb1",{"questionLanguage":114},"2025-03-21T10:42:29.380Z",{"structure":783,"standards":821,"topics":822,"isSuperParent":10,"standardIds":823,"aiGenerated":5,"__v":191,"teleportFrom":94,"cloned":94,"ver":191,"parent":94,"_id":824,"time":117,"published":5,"aiCreateMeta":825,"type":186,"createdAt":195,"updated":826},{"settings":784,"hasMath":10,"query":785,"options":790,"explain":815,"hints":819,"kind":186,"marks":820,"answer":191},{"hasCorrectAnswer":5,"fibDataType":147,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":149,"hasMath":10,"math":786,"answerTime":152,"text":788,"media":789},{"latex":787,"template":94},[],"\u003Cp>What is the purpose of the \u003Cmeta> tag in HTML?\u003C/p>",[],[791,797,803,809],{"type":149,"hasMath":10,"math":792,"answerTime":93,"id":794,"text":795,"media":796,"_id":794},{"latex":793,"template":94},[],"67946ccd3299df279a848e9b","\u003Cp>To define the structure of the HTML document.\u003C/p>",[],{"type":149,"hasMath":10,"math":798,"answerTime":93,"id":800,"text":801,"media":802,"_id":800},{"latex":799,"template":94},[],"67946ccd3299df1286848e9c","\u003Cp>To link external CSS stylesheets.\u003C/p>",[],{"type":149,"hasMath":10,"math":804,"answerTime":93,"id":806,"text":807,"media":808,"_id":806},{"latex":805,"template":94},[],"67946ccd3299df5931848e9d","\u003Cp>To provide metadata about the HTML document.\u003C/p>",[],{"type":149,"hasMath":10,"math":810,"answerTime":93,"id":812,"text":813,"media":814,"_id":812},{"latex":811,"template":94},[],"67946ccd3299df59d0848e9e","\u003Cp>To create interactive elements in the document.\u003C/p>",[],{"type":149,"text":181,"media":816,"hasMath":10,"math":817,"answerTime":93},[],{"template":94,"latex":818},[],[],{"correct":17,"incorrect":93},[],[],[],"67946ccd48ec42bf33c81eb2",{"questionLanguage":114},"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-07-12T10:37:34.505Z",{"service":835,"version":836},"quizserver","df7d424f7a8f20710ba0d0f1034d8346f14d75ca",{"success":5,"data":838,"time":922},{"countryBasedRecommendations":839,"subjectBasedRecommendations":890,"subjectBasedQualifiers":891},[840,847,855,862,868,872,876,883],{"id":841,"quizId":842,"country":843,"lowerGrade":18,"upperGrade":36,"quizRank":33,"subject":844,"quizImage":845,"quizName":846,"quizType":11,"noOfQuestions":80,"noOfSlides":93},"686e4bba357e9371d6091b4d","5dcaf57ad15446001b403259","US","Mathematics","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c63613c3-2560-4633-8a36-b1f0ac3b98fa","Equations of Circles",{"id":848,"quizId":849,"country":843,"lowerGrade":850,"upperGrade":850,"quizRank":851,"subject":844,"quizImage":852,"quizName":853,"quizType":11,"noOfQuestions":854,"noOfSlides":93},"686e4bba357e9371d6091b4e","68671206841c035e47aeede4",9,4,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ed740e8a-7dca-4e98-bce1-b2fe907f7e83","Week 5 Memory Builder 1 (Multiplication and Division Facts)",30,{"id":856,"quizId":857,"country":843,"lowerGrade":18,"upperGrade":18,"quizRank":858,"subject":859,"quizImage":181,"quizName":860,"quizType":11,"noOfQuestions":861,"noOfSlides":93},"686e4bba357e9371d6091b49","6849b3d89c6a82fefd0b03c6",6,"Education","Unit 3 Summative - Summer School: Immune System",33,{"id":863,"quizId":864,"country":843,"lowerGrade":865,"upperGrade":858,"quizRank":866,"subject":844,"quizImage":181,"quizName":867,"quizType":11,"noOfQuestions":18,"noOfSlides":93},"686e4bba357e9371d6091b4a","57e8225d8ef1ea4b5ae59915",5,7,"Writing and Identifying Ratios Practice",{"id":869,"quizId":870,"country":843,"lowerGrade":865,"upperGrade":865,"quizRank":44,"subject":844,"quizImage":181,"quizName":871,"quizType":11,"noOfQuestions":34,"noOfSlides":93},"686e4bba357e9371d6091b4b","5dc359872829d0001b60162e","Prime and Composite Numbers",{"id":873,"quizId":874,"country":843,"lowerGrade":44,"upperGrade":44,"quizRank":850,"subject":844,"quizImage":181,"quizName":875,"quizType":11,"noOfQuestions":69,"noOfSlides":93},"68651138c56abb73119b6b81","5dcecd522fee37001bc1342c","Exterior and Interior angles of Polygons",{"id":877,"quizId":878,"country":843,"lowerGrade":850,"upperGrade":879,"quizRank":850,"subject":844,"quizImage":880,"quizName":881,"quizType":11,"noOfQuestions":882,"noOfSlides":93},"686e4bba357e9371d6091b4c","6865a4679154fb31267f3e3a",12,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/7e81d63c-d81b-4504-bc5f-8ee449c47d54","Camp Re-cap Week 1 (no regression)",37,{"id":884,"quizId":885,"country":843,"lowerGrade":18,"upperGrade":18,"quizRank":879,"subject":886,"quizImage":887,"quizName":888,"quizType":11,"noOfQuestions":889,"noOfSlides":93},"68651138c56abb73119b6b8f","675fbcb740406ce6cea2220d","Multiple Subjects","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/bc723152-5a33-4b5a-9917-560dcc8db7d0","Biology Semester 1 Review",46,[],[892,895,898,901,904,907,910,913,916,919],{"path":893,"display":894},"/ela/writing/production-and-distribution/editing","Editing",{"path":896,"display":897},"/math/functions/advanced-functions/functions-with-special-properties/graphing-symbolic-functions-key-features/graphing-root-piecewise-step-absolute-value-functions","Graphing Root, Piecewise, Step & Absolute Value Functions",{"path":899,"display":900},"/ela/language/conventions/mechanics/apostrophes","Apostrophes",{"path":902,"display":903},"/science/physical-science/matter/changes-in-matter/physical-and-chemical-change","Physical and chemical change",{"path":905,"display":906},"/science/earth-and-space-science/earths-systems/topographic-maps/select-parts-of-a-topographic-map","Select parts of a topographic map",{"path":908,"display":909},"/math/geometry/surface-area/solving-mathematical-and-real-world-problems-involving-surface-area-of-cubes-and-cuboids","Solving mathematical and real-world problems involving surface area of cubes and cuboids",{"path":911,"display":912},"/science/physics/classical-mechanics/vector-calculus-applications/flux-and-circulation","Flux and circulation",{"path":914,"display":915},"/social-studies/history/state-and-national-history/the-20th-century/world-war-ii/lead-up-to-war-in-europe-asia","Lead-up to war in Europe, Asia",{"path":917,"display":918},"/ela/language/conventions/grammar/parts-of-speech/verbs/tense-consistency","Tense Consistency",{"path":920,"display":921},"/science/physical-science/matter-and-its-interactions/atomic-structure/molecules-and-compounds/how-are-substances-represented-by-chemical-formulas-and-models","How are substances represented by chemical formulas and models?","2025-07-12T10:37:34.617269861Z",{"success":5,"data":924,"time":987},{"quizzes":925,"total":986,"timeTaken":90,"experiment":81,"source":82},[926,932,939,948,957,961,970,978],{"id":927,"isSuper":10,"type":11,"info":928,"shouldIndex":10,"stats":931},"676c292d89521148d0c1e3cc",{"grade":929,"name":930,"slug":930},[14,14],"CSS Basics Quiz",{"played":17,"totalPlayers":191,"totalCorrect":80,"totalQuestions":71},{"id":933,"isSuper":10,"type":11,"info":934,"shouldIndex":10,"stats":938},"677aee212803035fe487f836",{"grade":935,"name":936,"slug":936,"image":937},[14,14],"Front End Ninja Quiz 01","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/52fa965a-bcf1-4277-8b53-19f8c1fa2398-v2",{"totalQuestions":18},{"id":940,"isSuper":10,"type":11,"info":941,"shouldIndex":10,"stats":945},"66e0d0a0974799d630d69447",{"grade":942,"name":943,"slug":943,"image":944},[14,14],"HTML Fundamentals Assessment","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ce1f4195-982e-4e28-98e8-9b09aaeeadb1-v2",{"played":33,"totalPlayers":946,"totalCorrect":947,"totalQuestions":18},17,115,{"id":949,"isSuper":10,"type":11,"info":950,"shouldIndex":10,"stats":954},"682676738ad4117b6a4adaf9",{"grade":951,"name":952,"slug":952,"image":953},[14,14],"PYTHON QUIZ ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/21ec5787-fb39-4153-bae0-ec3a1e614131-v2",{"played":17,"totalPlayers":955,"totalCorrect":956,"totalQuestions":18},15,69,{"id":20,"isSuper":10,"type":11,"info":958,"shouldIndex":10,"stats":960},{"grade":959,"name":23,"slug":23,"image":24},[14,14],{"totalQuestions":18},{"id":962,"isSuper":5,"type":11,"info":963,"shouldIndex":10,"stats":967},"67284fd6a3bdd26033c42c65",{"grade":964,"name":965,"slug":965,"image":966},[14,14],"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":858,"totalPlayers":968,"totalCorrect":969,"totalQuestions":18},21,118,{"id":971,"isSuper":10,"type":11,"info":972,"shouldIndex":10,"stats":975},"671420f28e77830c8ad3d27e",{"grade":973,"name":974,"slug":974},[14,14],"CSESA Web Development Workshop Quiz Day-1",{"played":33,"totalPlayers":976,"totalCorrect":977,"totalQuestions":18},18,91,{"id":979,"isSuper":10,"type":11,"info":980,"shouldIndex":10,"stats":983},"670cdc8951266b03c82f61ee",{"grade":981,"name":982,"slug":982},[14,14],"Mastering Advanced CSS Techniques",{"played":17,"totalPlayers":984,"totalCorrect":985,"totalQuestions":955},45,440,79,"2025-07-12T10:37:34.63100873Z",["Reactive",989],{},["Set"],["ShallowReactive",992],{"FBtEw3kc52":94,"6Q7xWJz8uy":94,"lBmhC0RwLK":94,"HaB3bIrqUn":94},"/admin/quiz/67946ccd8225ff78666039fd/mastering-html5-and-css","none",{"ssr_adp-v2":996},"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:"118ebbb9-f120-4281-8eb8-67523d385625",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>