JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Practice Problem

•

Hard

Wayground Content

FREE Resource

This video tutorial introduces HTML, explaining its role in structuring web content. It covers the basic structure of an HTML page, including the doctype, head, and body tags. The tutorial also discusses different types of HTML tags, attributes, and how to create a basic HTML document using VS Code. Additionally, it demonstrates the use of Prettier for formatting and Live Server for live preview. The concept of boilerplate code and meta tags is also introduced.

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the primary purpose of HTML in web development?

To style web pages

To structure web content

To add interactivity to web pages

To store data

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tool can be used to inspect the structure of a web page?

Console

Network tool

Inspect tool

Debugger

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the doctype declaration in an HTML document?

To declare the document type and version

To specify the character encoding

To link external stylesheets

To define the language of the document

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which HTML tag is used to define the root of an HTML document?

</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.ex50yza8zn4" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>What is the difference between opening and closing tags and self-closing tags?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Self-closing tags require a separate closing tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Opening and closing tags do not require a closing tag</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Self-closing tags are used for block elements</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Opening and closing tags require both an opening and a closing tag</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.g7y17v2lu3b" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Which symbol is used to start an HTML tag?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Parentheses ()</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Angle brackets <></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Square brackets []</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Curly braces {}</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.ye2gydfpnnj" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>What is the role of the head section in an HTML document?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To define the main content of the page</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To store metadata and links to external resources</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To handle user interactions</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To display content on the web page</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.bmoorfs4xi" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Which tag is used to define the title of a web page?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><title></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><link></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><meta></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><script></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.x1yq57xqo4" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>What is the purpose of the boilerplate code in HTML?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To add styles to the document</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To include JavaScript functionality</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To connect to a database</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To provide a basic structure for an HTML document</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.x35nx26y1l" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Which section of an HTML document contains the visible content?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Title</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Meta</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Body</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Head</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" style="" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" style="" data-v-fde55780><div class="bg-wds-light-500 rounded-w-admin-lg shadow-w-md w-120 h-auto" style="" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" style="" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" style="" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" style="" data-v-fde55780><div class="flex p-10 gap-4 justify-start items-stretch w-full flex-col flex-nowrap" style=""><section class="flex gap-2 justify-start items-stretch flex-col flex-nowrap" style=""><h2 class="text-center text-w-header-base font-semibold" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h2><p id class="text-center text-wds-dark-200 text-w-content-base font-normal"></p><div class="flex gap-1 justify-between items-stretch flex-row flex-nowrap" style=""><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Create resources</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Host any resource</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Get auto-graded reports</p></div></div></section><div class="flex gap-3 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Google" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Google</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Email" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Email</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Classlink" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Classlink</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Clever" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/clever-logo.png" alt="Clever" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Clever</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div></div><p id class="text-wds-dark-200 text-center text-w-content-base font-normal">or continue with</p><div class="flex gap-4 justify-center items-stretch flex-row flex-nowrap" style=""><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Microsoft" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/ms-logo.png" alt="Microsoft" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Microsoft</p></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Apple" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/Shape%20(1)%20(1).png" alt="Apple" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Apple</p></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Others" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/grey_key_icon.png" alt="Others" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Others</p></div></div></div><div class="flex justify-start items-stretch flex-col flex-nowrap" style=""><div class="flex py-0 px-10 justify-center items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-100 text-w-content-small font-normal"></p></div><div class="flex gap-2 py-4 px-10 bg-wds-light-500 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">Already have an account?</p><button type="button" aria-label="Log in" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="signup-button-in-login" data-track="Log in-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Log in</p></div></div></button></div></div></div></div></div></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-transparent rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-track="Let me read it first-ukw-button" data-v-fde55780><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Let me read it first</p></div></div></button></div></div></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button" data-track="View all-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/679cceab24f2475fe7d2f49f/new-york-science-state-test" data-testid="activity-recommendation-card-679cceab24f2475fe7d2f49f" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="New York Science State Test" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.s8e8ouf3ap" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">New York Science State Test</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/66bb3cdd7fb9ee5683d84716/ngssms-ess3-3" data-testid="activity-recommendation-card-66bb3cdd7fb9ee5683d84716" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="NGSS.MS-ESS3-3" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.52l2anc3k9e" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">NGSS.MS-ESS3-3</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/67175099b1740a198bffdbb0/is-it-work-and-calculating-work-done" data-testid="activity-recommendation-card-67175099b1740a198bffdbb0" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Is it work and calculating work done" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.evm712q7d96" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Is it work and calculating work done</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/679cc20edcd7fa620e8726ba/fingerprinting" data-testid="activity-recommendation-card-679cc20edcd7fa620e8726ba" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Fingerprinting" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.00jx9pllcqf09" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Fingerprinting</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/66b11e43e3ddc33b2607a0fb/teksmath73a" data-testid="activity-recommendation-card-66b11e43e3ddc33b2607a0fb" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="TEKS.MATH.7.3A" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.q6e8w4aocus" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">TEKS.MATH.7.3A</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/67c5ad127340669fd9fe27bc/vocabulario-de-la-ciudad" data-testid="activity-recommendation-card-67c5ad127340669fd9fe27bc" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Vocabulario de la Ciudad" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.gf5i9lrniv9" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Vocabulario de la Ciudad</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/66b11ce6870b7ed6a6dcc022/teksmath73a" data-testid="activity-recommendation-card-66b11ce6870b7ed6a6dcc022" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="TEKS.MATH.7.3A" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.radlkv4lmrk" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">TEKS.MATH.7.3A</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a><a href="/admin/quiz/66b11ef5aad9b738ec9c78c5/teksmath73a" data-testid="activity-recommendation-card-66b11ef5aad9b738ec9c78c5" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="TEKS.MATH.7.3A" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 0 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.82o0l6ttmnx" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">TEKS.MATH.7.3A</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2></p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-e90c0b27><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/6936debf7e935080f5135aba/this-is-not-awinter-edition-drawing-game" data-testid="activity-popular-resource-card-6936debf7e935080f5135aba" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="This is not a...winter edition (Drawing game)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 5 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.t0782nyey7r" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">This is not a...winter edition (Drawing game)</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>1st - 5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.d2crfoehry" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a><a href="/admin/video-quiz/66ea91696a6efd02276db8d5/identify-iconic-christmas-movie-scenes" data-testid="activity-popular-resource-card-66ea91696a6efd02276db8d5" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Identify Iconic Christmas Movie Scenes" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.qejj9mpr8kn" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Identify Iconic Christmas Movie Scenes</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>6th - 10th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5dfa199bd5384a001b9c0d61/christmas-trivia" data-testid="activity-popular-resource-card-5dfa199bd5384a001b9c0d61" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.wiyo1338zts" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/585938f55694f88766865583/kids-christmas-trivia" data-testid="activity-popular-resource-card-585938f55694f88766865583" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Kids Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.da1mrw15z1p" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Kids Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - 5th Grade</p></div></div></div></div></div></a><a href="/admin/presentation/5fd79f75225737001c0ee4fc/how-well-do-you-know-your-christmas-characters" data-testid="activity-popular-resource-card-5fd79f75225737001c0ee4fc" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="How well do you know your Christmas Characters?" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.s448jg5k9jf" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">How well do you know your Christmas Characters?</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/63a31b0749d96e001d737130/christmas-trivia" data-testid="activity-popular-resource-card-63a31b0749d96e001d737130" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.8vi45nkppip" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5fc8233c67d42d001e20d5cf/how-the-grinch-stole-christmas" data-testid="activity-popular-resource-card-5fc8233c67d42d001e20d5cf" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="How the Grinch Stole Christmas" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.uq34tqaw7rn" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">How the Grinch Stole Christmas</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-e90c0b27><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-w-header-base font-semibold">Discover more resources for Information Technology (IT)</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/presentation/5fd77385d0617d001d2eaa0f/christmas-movie-trivia" data-testid="activity-subject-resource-card-5fd77385d0617d001d2eaa0f" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Movie Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 26 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.kvrvz8hd6s" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Movie Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>8th Grade - Professio...</p></div></div></div></div></div></a><a href="/admin/quiz/5a3bf7052f695c1400d39891/christmas-songs" data-testid="activity-subject-resource-card-5a3bf7052f695c1400d39891" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="christmas songs" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.4p9ii72djib" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">christmas songs</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - University</p></div></div></div></div></div></a><a href="/admin/quiz/5fda56a1c0830a001bb0408e/holiday-trivia" data-testid="activity-subject-resource-card-5fda56a1c0830a001bb0408e" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Holiday Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.0i4znmm1gasl" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Holiday Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>9th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/6564ecdf870b9c3fa1c067cb/holiday-movies" data-testid="activity-subject-resource-card-6564ecdf870b9c3fa1c067cb" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Holiday Movies" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.gdp1uc8jzqp" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Holiday Movies</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/5fc801e4469834001cff9e8d/christmas-trivia" data-testid="activity-subject-resource-card-5fc801e4469834001cff9e8d" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-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-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.ffw2w2up5ta" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>3rd Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/637439d2cf5d43001d788c1b/christmas-trivia" data-testid="activity-subject-resource-card-637439d2cf5d43001d788c1b" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.jhulbytykh" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/presentation/6578a429b8c300c9162fa116/5th-unit-4-lesson-8" data-testid="activity-subject-resource-card-6578a429b8c300c9162fa116" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="5th, Unit 4, Lesson 8" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.k9rztvjxx1g" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">5th, Unit 4, Lesson 8</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - Professional Dev...</p></div></div></div></div></div></a><a href="/admin/quiz/654bb93d3eed7c828d3a746a/disney-trivia" data-testid="activity-subject-resource-card-654bb93d3eed7c828d3a746a" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.h5hpa6nzzwv" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Disney Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-e90c0b27><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex-shrink-0"><a href="/library/ela/foundational-reading-skills/phonics/short-vowels/sentence-completion-with-short-vowel-words" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.9dvzuhgf5eq" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Sentence completion with short vowel words</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Sentence completion with short vowel words-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/number-system/number-properties/operation-properties/commutative-property" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.b5f5ly0fji6" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Commutative property</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Commutative property-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/conventions/grammar/sentence-structure/sentence-complexity/phrases-and-clauses/apply-adjective-clauses" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.ub1wldfr1pd" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Apply adjective clauses</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Apply adjective clauses-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/grammar/other-parts-of-speech/conjunctions/missing-correlative-conjunction-completion" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.fnq5ep5tx8" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Missing Correlative Conjunction Completion</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Missing Correlative Conjunction Completion-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/data-representation/describing-distributions/describing-and-understanding-distributions/comparing-two-or-more-distributions-in-terms-of-their-shapes-centre-and-spread" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.10ezs45dtjzn" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Comparing two or more distributions in terms of their shapes, centre and spread</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Comparing two or more distributions in terms of their shapes, centre and spread-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/probability/basic-probability-concepts/understanding-and-working-with-different-types-of-events/describing-events-as-subsets-of-a-sample-space-using-characteristics-of-the-outcomes" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.6linn4cdqa" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Describing events as subsets of a sample space using characteristics of the outcomes</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Describing events as subsets of a sample space using characteristics of the outcomes-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/geography/physical-geography/human-environment-interaction/environmental-challenges" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.b1k201mhy6u" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Environmental Challenges</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Environmental Challenges-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/reading/literature/text-types/fiction/realistic-fiction" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.ftta4iqriw" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Realistic Fiction</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Realistic Fiction-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/conventions/grammar/sentence-structure/sentence-complexity/combining-sentences/apply-coordination-principles" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.qn1ajwd64ts" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Apply coordination principles</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Apply coordination principles-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/visual-arts/creating/explore-art-materials-safely" target="_blank"><div class="flex gap-1 py-1 px-3 m-0 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><div aria-describedby="tooltip-0.gfk5n7d4yfg" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Explore art materials safely</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Explore art materials safely-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-e90c0b27><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-df04e6cf><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-df04e6cf><div class="flex flex-col justify-between w-full" data-v-df04e6cf><div class="flex flex-col md:flex-row" data-v-df04e6cf><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-df04e6cf></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-df04e6cf><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-df04e6cf><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-df04e6cf><p class="text-sm font-semibold copyright text-dark-4" data-v-df04e6cf> © 2026 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-df04e6cf><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-df04e6cf><i class="social-icon fab fa-twitter" data-v-df04e6cf></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-df04e6cf><i class="social-icon fab fa-facebook" data-v-df04e6cf></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-df04e6cf><i class="social-icon fab fa-instagram" data-v-df04e6cf></i></a><span class="block w-px h-5 bg-dark-5" data-v-df04e6cf></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-df04e6cf><span class="text-sm text-dark-3 hover:underline" data-v-df04e6cf><span data-v-df04e6cf>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-df04e6cf><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-df04e6cf><span data-v-df04e6cf>Get our app</span></label><div class="flex space-x-2" data-v-df04e6cf><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-df04e6cf><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-df04e6cf></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-df04e6cf><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-df04e6cf></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":1861,"once":1863,"_errors":1864,"serverRendered":5,"path":1866,"country":22,"region":1867},["ShallowReactive",3],{"quiz-67742a2ad787a71f91c9ccf1":4,"recommendations-aggregated-67742a2ad787a71f91c9ccf1":1637,"recommendations-67742a2ad787a71f91c9ccf1-true":1778,"recommendations-indexed-67742a2ad787a71f91c9ccf1-true":1832},{"success":5,"message":6,"data":7,"time":1633,"meta":1634},true,"Ok",{"quiz":8,"draft":13},{"isTagged":9,"isLoved":9,"tagIds":10,"stats":11,"love":12,"cloned":9,"parentDetail":13,"deleted":9,"archived":9,"lifetimeAccess":9,"draftVersion":13,"publishedVersion":14,"isShared":9,"type":15,"hidden":9,"_id":16,"createdBy":17,"info":36,"paidOrganization":1629,"createdAt":1630,"updated":1631,"premiumUse":1632,"shouldIndex":5,"hasDraftVersion":9,"hasPublishedVersion":5,"gameChangerBadge":13,"lock":13,"isPremium":9},false,[],{"played":12,"totalPlayers":12,"totalCorrect":12,"totalQuestions":12},0,null,"679a27374ddb9c0f4616a044","video-quiz","67742a2ad787a71f91c9ccf1",{"_id":18,"firstName":19,"lastName":20,"occupation":21,"country":22,"preferences":23,"grades":25,"subject_tags":31,"media":35},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":24},"en",[26,27,28,29,30],6,7,8,9,10,[32,33,34],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":24,"aiGenerated":9,"qm":37,"visibility":5,"subjects":51,"topics":54,"subtopics":55,"grade":56,"gradeLevel":13,"deleted":9,"pref":58,"traits":59,"standardIds":61,"__v":62,"meta":63,"_id":14,"name":64,"image":65,"questions":66,"questionDrafts":554,"standards":13,"courses":13,"interactiveVideoProps":555,"createdAt":1627,"updated":1628,"cached":5,"isProfane":9,"whitelisted":5,"slug":64},{"67742a3a152d1228f1faf1df":38,"67742a3a152d1228f1faf1e0":40,"67742a3a152d1228f1faf1e1":42,"67742a3a152d1228f1faf1e2":43,"67742a3a152d1228f1faf1e3":44,"67742a3a152d1228f1faf1e4":45,"67742a3a152d1228f1faf1e5":46,"67742a3a152d1228f1faf1e6":47,"67742a3a152d1228f1faf1e7":48,"67742a3a152d1228f1faf1e8":49,"67742a3a152d1228f1faf1e9":50},{"time":39},900000,{"time":41},30000,{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},{"time":41},[52,53],"Information Technology (IT)","Architecture",[],[],[57,57],"13",{"time":13},{"isQuizWithoutCorrectAnswer":9,"totalSlides":12,"totalComprehensionQuestions":60,"nonAnswerableQuestions":60},1,[],3,{"slot":13,"experiment":13},"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/551b6d2c-b130-4c26-bc9b-f6fefb838670-v2",[67,126,173,215,258,300,343,386,429,470,512],{"structure":68,"standards":108,"topics":109,"isSuperParent":9,"standardIds":110,"aiGenerated":9,"__v":111,"teleportFrom":13,"cloned":13,"ver":62,"parent":13,"_id":112,"time":39,"published":5,"aiCreateMeta":13,"type":69,"comprehensionQuestionIds":113,"createdAt":124,"updated":125,"cached":5},{"kind":69,"answer":70,"settings":71,"marks":73,"query":74,"options":89,"explain":90,"theme":94,"graphs":103,"hints":104,"order":105,"hasMath":9,"media":106,"elements":107},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":9,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},"string",{"correct":12,"incorrect":12},{"answerTime":75,"math":76,"type":13,"hasMath":9,"media":78,"text":87,"_id":88},-1,{"latex":77,"template":13},[],[79],{"type":80,"meta":81},"video",{"duration":82,"endTime":82,"startTime":12,"videoId":83,"src":84,"thumbnail":85,"filmstrip":86},707,"66814baede233b70ac23e13d","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_9zudqaqu/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_9zudqaqu/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67742a3a93794493b89f9a0e",[],{"math":91,"type":87,"hasMath":9,"media":93,"text":87},{"latex":92,"template":13},[],[],{"titleFontFamily":95,"fontFamily":95,"fontColor":96,"background":98,"shape":100},"Quicksand",{"text":97},"#5D2057",{"color":99,"image":87,"video":87},"#FFFFFF",{"largeShapeColor":101,"smallShapeColor":102},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],4,"67742a3a152d1228f1faf1df",[114,115,116,117,118,119,120,121,122,123],"67742a3a152d1228f1faf1e0","67742a3a152d1228f1faf1e1","67742a3a152d1228f1faf1e2","67742a3a152d1228f1faf1e3","67742a3a152d1228f1faf1e4","67742a3a152d1228f1faf1e5","67742a3a152d1228f1faf1e6","67742a3a152d1228f1faf1e7","67742a3a152d1228f1faf1e8","67742a3a152d1228f1faf1e9","2024-12-31T17:30:34.495Z","2025-01-29T13:03:51.447Z",{"structure":127,"standards":167,"topics":168,"isSuperParent":9,"standardIds":169,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":114,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":171,"createdAt":172,"updated":125,"cached":5},{"settings":128,"hasMath":9,"query":129,"options":135,"explain":160,"hints":164,"kind":165,"marks":166,"answer":60},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":131,"answerTime":75,"text":133,"media":134},"text",{"latex":132,"template":13},[],"\u003Cp>What is the primary purpose of HTML in web development?\u003C/p>",[],[136,142,148,154],{"type":130,"hasMath":9,"math":137,"answerTime":12,"id":139,"text":140,"media":141,"_id":139},{"latex":138,"template":13},[],"67742a3a2efad6b8ad9e1d96","\u003Cp>To style web pages\u003C/p>",[],{"type":130,"hasMath":9,"math":143,"answerTime":12,"id":145,"text":146,"media":147,"_id":145},{"latex":144,"template":13},[],"67742a3a2efad60ba39e1d97","\u003Cp>To structure web content\u003C/p>",[],{"type":130,"hasMath":9,"math":149,"answerTime":12,"id":151,"text":152,"media":153,"_id":151},{"latex":150,"template":13},[],"67742a3a2efad6247d9e1d98","\u003Cp>To add interactivity to web pages\u003C/p>",[],{"type":130,"hasMath":9,"math":155,"answerTime":12,"id":157,"text":158,"media":159,"_id":157},{"latex":156,"template":13},[],"67742a3a2efad6e5c09e1d99","\u003Cp>To store data\u003C/p>",[],{"type":130,"text":87,"media":161,"hasMath":9,"math":162,"answerTime":12},[],{"template":13,"latex":163},[],[],"MCQ",{"correct":60,"incorrect":12},[],[],[],2,56,"2024-12-31T17:30:34.538Z",{"structure":174,"standards":212,"topics":213,"isSuperParent":9,"standardIds":214,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":115,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":171,"createdAt":172,"updated":125,"cached":5},{"settings":175,"hasMath":9,"query":176,"options":181,"explain":206,"hints":210,"kind":165,"marks":211,"answer":170},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":177,"answerTime":75,"text":179,"media":180},{"latex":178,"template":13},[],"\u003Cp>Which tool can be used to inspect the structure of a web page?\u003C/p>",[],[182,188,194,200],{"type":130,"hasMath":9,"math":183,"answerTime":12,"id":185,"text":186,"media":187,"_id":185},{"latex":184,"template":13},[],"67742a3a2efad66cea9e1d9d","\u003Cp>Console\u003C/p>",[],{"type":130,"hasMath":9,"math":189,"answerTime":12,"id":191,"text":192,"media":193,"_id":191},{"latex":190,"template":13},[],"67742a3a2efad603f79e1d9e","\u003Cp>Network tool\u003C/p>",[],{"type":130,"hasMath":9,"math":195,"answerTime":12,"id":197,"text":198,"media":199,"_id":197},{"latex":196,"template":13},[],"67742a3a2efad6243c9e1d9f","\u003Cp>Inspect tool\u003C/p>",[],{"type":130,"hasMath":9,"math":201,"answerTime":12,"id":203,"text":204,"media":205,"_id":203},{"latex":202,"template":13},[],"67742a3a2efad68ed09e1da0","\u003Cp>Debugger\u003C/p>",[],{"type":130,"text":87,"media":207,"hasMath":9,"math":208,"answerTime":12},[],{"template":13,"latex":209},[],[],{"correct":60,"incorrect":12},[],[],[],{"structure":216,"standards":254,"topics":255,"isSuperParent":9,"standardIds":256,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":116,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":257,"createdAt":172,"updated":125,"cached":5},{"settings":217,"hasMath":9,"query":218,"options":223,"explain":248,"hints":252,"kind":165,"marks":253,"answer":12},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":219,"answerTime":75,"text":221,"media":222},{"latex":220,"template":13},[],"\u003Cp>What is the purpose of the doctype declaration in an HTML document?\u003C/p>",[],[224,230,236,242],{"type":130,"hasMath":9,"math":225,"answerTime":12,"id":227,"text":228,"media":229,"_id":227},{"latex":226,"template":13},[],"67742a3a2efad624649e1da4","\u003Cp>To declare the document type and version\u003C/p>",[],{"type":130,"hasMath":9,"math":231,"answerTime":12,"id":233,"text":234,"media":235,"_id":233},{"latex":232,"template":13},[],"67742a3a2efad6e2799e1da5","\u003Cp>To specify the character encoding\u003C/p>",[],{"type":130,"hasMath":9,"math":237,"answerTime":12,"id":239,"text":240,"media":241,"_id":239},{"latex":238,"template":13},[],"67742a3a2efad655379e1da6","\u003Cp>To link external stylesheets\u003C/p>",[],{"type":130,"hasMath":9,"math":243,"answerTime":12,"id":245,"text":246,"media":247,"_id":245},{"latex":244,"template":13},[],"67742a3a2efad6615d9e1da7","\u003Cp>To define the language of the document\u003C/p>",[],{"type":130,"text":87,"media":249,"hasMath":9,"math":250,"answerTime":12},[],{"template":13,"latex":251},[],[],{"correct":60,"incorrect":12},[],[],[],140,{"structure":259,"standards":297,"topics":298,"isSuperParent":9,"standardIds":299,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":117,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":257,"createdAt":172,"updated":125,"cached":5},{"settings":260,"hasMath":9,"query":261,"options":266,"explain":291,"hints":295,"kind":165,"marks":296,"answer":170},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":262,"answerTime":75,"text":264,"media":265},{"latex":263,"template":13},[],"\u003Cp>Which HTML tag is used to define the root of an HTML document?\u003C/p>",[],[267,273,279,285],{"type":130,"hasMath":9,"math":268,"answerTime":12,"id":270,"text":271,"media":272,"_id":270},{"latex":269,"template":13},[],"67742a3a2efad6690f9e1dab","\u003Cp>\u003Chead>\u003C/p>",[],{"type":130,"hasMath":9,"math":274,"answerTime":12,"id":276,"text":277,"media":278,"_id":276},{"latex":275,"template":13},[],"67742a3a2efad633de9e1dac","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":130,"hasMath":9,"math":280,"answerTime":12,"id":282,"text":283,"media":284,"_id":282},{"latex":281,"template":13},[],"67742a3a2efad657319e1dad","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":130,"hasMath":9,"math":286,"answerTime":12,"id":288,"text":289,"media":290,"_id":288},{"latex":287,"template":13},[],"67742a3a2efad6cdf29e1dae","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":130,"text":87,"media":292,"hasMath":9,"math":293,"answerTime":12},[],{"template":13,"latex":294},[],[],{"correct":60,"incorrect":12},[],[],[],{"structure":301,"standards":339,"topics":340,"isSuperParent":9,"standardIds":341,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":118,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":342,"createdAt":172,"updated":125,"cached":5},{"settings":302,"hasMath":9,"query":303,"options":308,"explain":333,"hints":337,"kind":165,"marks":338,"answer":62},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":304,"answerTime":75,"text":306,"media":307},{"latex":305,"template":13},[],"\u003Cp>What is the difference between opening and closing tags and self-closing tags?\u003C/p>",[],[309,315,321,327],{"type":130,"hasMath":9,"math":310,"answerTime":12,"id":312,"text":313,"media":314,"_id":312},{"latex":311,"template":13},[],"67742a3a2efad641b99e1db2","\u003Cp>Self-closing tags require a separate closing tag\u003C/p>",[],{"type":130,"hasMath":9,"math":316,"answerTime":12,"id":318,"text":319,"media":320,"_id":318},{"latex":317,"template":13},[],"67742a3a2efad674429e1db3","\u003Cp>Opening and closing tags do not require a closing tag\u003C/p>",[],{"type":130,"hasMath":9,"math":322,"answerTime":12,"id":324,"text":325,"media":326,"_id":324},{"latex":323,"template":13},[],"67742a3a2efad646ab9e1db4","\u003Cp>Self-closing tags are used for block elements\u003C/p>",[],{"type":130,"hasMath":9,"math":328,"answerTime":12,"id":330,"text":331,"media":332,"_id":330},{"latex":329,"template":13},[],"67742a3a2efad657b39e1db5","\u003Cp>Opening and closing tags require both an opening and a closing tag\u003C/p>",[],{"type":130,"text":87,"media":334,"hasMath":9,"math":335,"answerTime":12},[],{"template":13,"latex":336},[],[],{"correct":60,"incorrect":12},[],[],[],261,{"structure":344,"standards":382,"topics":383,"isSuperParent":9,"standardIds":384,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":119,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":385,"createdAt":172,"updated":125,"cached":5},{"settings":345,"hasMath":9,"query":346,"options":351,"explain":376,"hints":380,"kind":165,"marks":381,"answer":60},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":347,"answerTime":75,"text":349,"media":350},{"latex":348,"template":13},[],"\u003Cp>Which symbol is used to start an HTML tag?\u003C/p>",[],[352,358,364,370],{"type":130,"hasMath":9,"math":353,"answerTime":12,"id":355,"text":356,"media":357,"_id":355},{"latex":354,"template":13},[],"67742a3a2efad6612a9e1db9","\u003Cp>Parentheses ()\u003C/p>",[],{"type":130,"hasMath":9,"math":359,"answerTime":12,"id":361,"text":362,"media":363,"_id":361},{"latex":360,"template":13},[],"67742a3a2efad61dcd9e1dba","\u003Cp>Angle brackets \u003C>\u003C/p>",[],{"type":130,"hasMath":9,"math":365,"answerTime":12,"id":367,"text":368,"media":369,"_id":367},{"latex":366,"template":13},[],"67742a3a2efad670429e1dbb","\u003Cp>Square brackets []\u003C/p>",[],{"type":130,"hasMath":9,"math":371,"answerTime":12,"id":373,"text":374,"media":375,"_id":373},{"latex":372,"template":13},[],"67742a3a2efad65e529e1dbc","\u003Cp>Curly braces {}\u003C/p>",[],{"type":130,"text":87,"media":377,"hasMath":9,"math":378,"answerTime":12},[],{"template":13,"latex":379},[],[],{"correct":60,"incorrect":12},[],[],[],437,{"structure":387,"standards":425,"topics":426,"isSuperParent":9,"standardIds":427,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":120,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":428,"createdAt":172,"updated":125,"cached":5},{"settings":388,"hasMath":9,"query":389,"options":394,"explain":419,"hints":423,"kind":165,"marks":424,"answer":60},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":390,"answerTime":75,"text":392,"media":393},{"latex":391,"template":13},[],"\u003Cp>What is the role of the head section in an HTML document?\u003C/p>",[],[395,401,407,413],{"type":130,"hasMath":9,"math":396,"answerTime":12,"id":398,"text":399,"media":400,"_id":398},{"latex":397,"template":13},[],"67742a3a2efad6bdfc9e1dc0","\u003Cp>To define the main content of the page\u003C/p>",[],{"type":130,"hasMath":9,"math":402,"answerTime":12,"id":404,"text":405,"media":406,"_id":404},{"latex":403,"template":13},[],"67742a3a2efad6c7499e1dc1","\u003Cp>To store metadata and links to external resources\u003C/p>",[],{"type":130,"hasMath":9,"math":408,"answerTime":12,"id":410,"text":411,"media":412,"_id":410},{"latex":409,"template":13},[],"67742a3a2efad611499e1dc2","\u003Cp>To handle user interactions\u003C/p>",[],{"type":130,"hasMath":9,"math":414,"answerTime":12,"id":416,"text":417,"media":418,"_id":416},{"latex":415,"template":13},[],"67742a3a2efad6e3319e1dc3","\u003Cp>To display content on the web page\u003C/p>",[],{"type":130,"text":87,"media":420,"hasMath":9,"math":421,"answerTime":12},[],{"template":13,"latex":422},[],[],{"correct":60,"incorrect":12},[],[],[],701,{"structure":430,"standards":467,"topics":468,"isSuperParent":9,"standardIds":469,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":121,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":428,"createdAt":172,"updated":125,"cached":5},{"settings":431,"hasMath":9,"query":432,"options":437,"explain":461,"hints":465,"kind":165,"marks":466,"answer":12},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":433,"answerTime":75,"text":435,"media":436},{"latex":434,"template":13},[],"\u003Cp>Which tag is used to define the title of a web page?\u003C/p>",[],[438,443,449,455],{"type":130,"hasMath":9,"math":439,"answerTime":12,"id":441,"text":289,"media":442,"_id":441},{"latex":440,"template":13},[],"67742a3a2efad6f9419e1dc7",[],{"type":130,"hasMath":9,"math":444,"answerTime":12,"id":446,"text":447,"media":448,"_id":446},{"latex":445,"template":13},[],"67742a3a2efad627d99e1dc8","\u003Cp>\u003Clink>\u003C/p>",[],{"type":130,"hasMath":9,"math":450,"answerTime":12,"id":452,"text":453,"media":454,"_id":452},{"latex":451,"template":13},[],"67742a3a2efad60db09e1dc9","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":130,"hasMath":9,"math":456,"answerTime":12,"id":458,"text":459,"media":460,"_id":458},{"latex":457,"template":13},[],"67742a3a2efad67bc19e1dca","\u003Cp>\u003Cscript>\u003C/p>",[],{"type":130,"text":87,"media":462,"hasMath":9,"math":463,"answerTime":12},[],{"template":13,"latex":464},[],[],{"correct":60,"incorrect":12},[],[],[],{"structure":471,"standards":509,"topics":510,"isSuperParent":9,"standardIds":511,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":122,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":428,"createdAt":172,"updated":125,"cached":5},{"settings":472,"hasMath":9,"query":473,"options":478,"explain":503,"hints":507,"kind":165,"marks":508,"answer":62},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":474,"answerTime":75,"text":476,"media":477},{"latex":475,"template":13},[],"\u003Cp>What is the purpose of the boilerplate code in HTML?\u003C/p>",[],[479,485,491,497],{"type":130,"hasMath":9,"math":480,"answerTime":12,"id":482,"text":483,"media":484,"_id":482},{"latex":481,"template":13},[],"67742a3a2efad699059e1dce","\u003Cp>To add styles to the document\u003C/p>",[],{"type":130,"hasMath":9,"math":486,"answerTime":12,"id":488,"text":489,"media":490,"_id":488},{"latex":487,"template":13},[],"67742a3a2efad644099e1dcf","\u003Cp>To include JavaScript functionality\u003C/p>",[],{"type":130,"hasMath":9,"math":492,"answerTime":12,"id":494,"text":495,"media":496,"_id":494},{"latex":493,"template":13},[],"67742a3a2efad620849e1dd0","\u003Cp>To connect to a database\u003C/p>",[],{"type":130,"hasMath":9,"math":498,"answerTime":12,"id":500,"text":501,"media":502,"_id":500},{"latex":499,"template":13},[],"67742a3a2efad613399e1dd1","\u003Cp>To provide a basic structure for an HTML document\u003C/p>",[],{"type":130,"text":87,"media":504,"hasMath":9,"math":505,"answerTime":12},[],{"template":13,"latex":506},[],[],{"correct":60,"incorrect":12},[],[],[],{"structure":513,"standards":551,"topics":552,"isSuperParent":9,"standardIds":553,"aiGenerated":5,"__v":62,"teleportFrom":13,"cloned":13,"ver":170,"parent":13,"_id":123,"time":41,"published":5,"aiCreateMeta":13,"type":165,"comprehensionQuestionId":112,"comprehensionTimestamp":428,"createdAt":172,"updated":125,"cached":5},{"settings":514,"hasMath":9,"query":515,"options":520,"explain":545,"hints":549,"kind":165,"marks":550,"answer":170},{"hasCorrectAnswer":5,"fibDataType":72,"canSubmitCustomResponse":9,"doesOptionHaveMultipleTargets":9},{"type":130,"hasMath":9,"math":516,"answerTime":75,"text":518,"media":519},{"latex":517,"template":13},[],"\u003Cp>Which section of an HTML document contains the visible content?\u003C/p>",[],[521,527,533,539],{"type":130,"hasMath":9,"math":522,"answerTime":12,"id":524,"text":525,"media":526,"_id":524},{"latex":523,"template":13},[],"67742a3a2efad6ebae9e1dd5","\u003Cp>Title\u003C/p>",[],{"type":130,"hasMath":9,"math":528,"answerTime":12,"id":530,"text":531,"media":532,"_id":530},{"latex":529,"template":13},[],"67742a3a2efad63d039e1dd6","\u003Cp>Meta\u003C/p>",[],{"type":130,"hasMath":9,"math":534,"answerTime":12,"id":536,"text":537,"media":538,"_id":536},{"latex":535,"template":13},[],"67742a3a2efad6592b9e1dd7","\u003Cp>Body\u003C/p>",[],{"type":130,"hasMath":9,"math":540,"answerTime":12,"id":542,"text":543,"media":544,"_id":542},{"latex":541,"template":13},[],"67742a3a2efad6535f9e1dd8","\u003Cp>Head\u003C/p>",[],{"type":130,"text":87,"media":546,"hasMath":9,"math":547,"answerTime":12},[],{"template":13,"latex":548},[],[],{"correct":60,"incorrect":12},[],[],[],[],{"videoMeta":556,"aiMeta":1555},{"videoProvider":84,"videoId":83,"videoTitle":64,"duration":82,"channelTitle":557,"videoType":558,"videoSubTypes":559,"transcript":561},"Packt - Web Development","INSTRUCTIONAL",[560],"CHALK_AND_TALK_PRESENTATION",[562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726,730,734,738,742,746,750,754,758,762,766,770,774,778,782,786,790,794,798,802,806,810,814,818,822,826,830,834,838,841,845,849,852,856,860,864,868,872,876,880,884,888,892,896,900,904,908,912,916,920,924,928,931,935,938,942,946,949,952,955,958,962,966,969,973,977,981,985,989,992,996,1000,1004,1008,1012,1016,1020,1024,1028,1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1072,1076,1080,1084,1088,1091,1094,1097,1101,1104,1108,1112,1116,1120,1123,1127,1131,1135,1139,1142,1146,1149,1152,1156,1160,1164,1168,1172,1176,1180,1183,1186,1190,1194,1198,1202,1206,1210,1214,1218,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1260,1264,1268,1272,1275,1278,1281,1285,1289,1293,1297,1300,1304,1308,1312,1316,1320,1323,1327,1331,1335,1338,1341,1345,1349,1353,1356,1360,1363,1367,1371,1375,1379,1382,1386,1390,1394,1398,1401,1405,1408,1412,1416,1420,1424,1428,1431,1435,1439,1442,1445,1448,1452,1456,1460,1464,1468,1472,1475,1479,1483,1487,1491,1495,1498,1501,1505,1509,1513,1517,1521,1525,1529,1533,1537,1541,1544,1547,1551],{"text":563,"duration":564,"offset":565},"start our journey with HTML and discuss about everything in",3780,4411,{"text":567,"duration":568,"offset":569},"depth.",384,8255,{"text":571,"duration":572,"offset":573},"The first thing with HTML is it's used to structure",3781,9000,{"text":575,"duration":576,"offset":577},"everything that we see on web.",2225,12855,{"text":579,"duration":580,"offset":581},"Basically it's help us to structure the content that we",3242,15360,{"text":583,"duration":584,"offset":585},"see on our web page.",1178,18661,{"text":587,"duration":588,"offset":589},"Now if you try to open any type of web",2414,20320,{"text":591,"duration":592,"offset":593},"page, may be this one itself, the structure is divided",3431,22798,{"text":595,"duration":596,"offset":597},"behind the scene through HTML.",1906,26293,{"text":599,"duration":600,"offset":601},"For now you can just right click here and click",2912,28640,{"text":603,"duration":604,"offset":605},"on this inspect option.",1425,31614,{"text":607,"duration":608,"offset":609},"If you click here something like this will be open",3600,33320,{"text":611,"duration":612,"offset":613},"and you can either do this at the bottom or",3096,36992,{"text":615,"duration":616,"offset":617},"you can take this on the sidebar itself.",2880,40160,{"text":619,"duration":620,"offset":621},"I know this is pretty advanced stuff but this will",2877,43960,{"text":623,"duration":624,"offset":625},"help you to analyze thing as a developer itself from",2992,46895,{"text":627,"duration":628,"offset":629},"the very first lecture and it will help you to",2647,49945,{"text":631,"duration":632,"offset":633},"visualize also that how a webpage is created.",2589,52650,{"text":635,"duration":636,"offset":637},"So we use HTML to structure content.",3080,55600,{"text":639,"duration":640,"offset":641},"Now here you can see this is HTML code and",3390,58920,{"text":643,"duration":644,"offset":645},"if I just go on the body part and justice",3310,62390,{"text":647,"duration":648,"offset":649},"use this option to either open and close the code",3955,65781,{"text":651,"duration":652,"offset":653},"part, you can understand things.",2583,69817,{"text":655,"duration":656,"offset":657},"So this is the structure of this page.",2160,72560,{"text":659,"duration":660,"offset":661},"Here we use this doc type to define that the",2966,75200,{"text":663,"duration":664,"offset":665},"whole page is about HTML.",1685,78234,{"text":667,"duration":668,"offset":669},"Then we have this HTML tag where we have defined",3035,80319,{"text":671,"duration":672,"offset":673},"our language.",821,83418,{"text":675,"duration":676,"offset":677},"Then we have this head and then we have this",2604,84400,{"text":679,"duration":680,"offset":681},"body.",296,87064,{"text":683,"duration":684,"offset":685},"So basically this is the structure of any HTML page",3428,87760,{"text":687,"duration":688,"offset":689},"that you see on web.",1345,91255,{"text":691,"duration":692,"offset":693},"Let me try to open Amazon now.",4920,92960,{"text":695,"duration":696,"offset":697},"This is Amazon homepage and I'm currently visiting the Indian",4173,97880,{"text":699,"duration":700,"offset":701},"version youcanvisit.com or any other version.",3079,102121,{"text":703,"duration":704,"offset":705},"Right click, click on inspect, you have this option.",3520,105600,{"text":707,"duration":708,"offset":709},"Scroll at the top and justice search about body click",3485,109480,{"text":711,"duration":712,"offset":713},"here.",329,113031,{"text":715,"duration":716,"offset":717},"So I have closed this one.",1280,114160,{"text":719,"duration":720,"offset":721},"Now you can see this structure.",2000,116600,{"text":723,"duration":724,"offset":725},"So we have this doc, then we have this HTML,",3290,118840,{"text":727,"duration":728,"offset":729},"then we have this head, then we have this body.",3515,122205,{"text":731,"duration":732,"offset":733},"So that's how any web page is structured online and",3715,126160,{"text":735,"duration":736,"offset":737},"we need to do something similar.",2332,129948,{"text":739,"duration":740,"offset":741},"Now these are tags, and then we have some attribute.",3200,132720,{"text":743,"duration":744,"offset":745},"We have values that we'll be discussing as we move",2882,135919,{"text":747,"duration":748,"offset":749},"forward.",461,138858,{"text":751,"duration":752,"offset":753},"But here I just wanted you to visualize this point",3204,139480,{"text":755,"duration":756,"offset":757},"that we have a doc type, then we have HTML,",2756,142748,{"text":759,"duration":760,"offset":761},"then we have health body and everything else for every",3460,145568,{"text":763,"duration":764,"offset":765},"single web page that you see online.",2307,149092,{"text":767,"duration":768,"offset":769},"I hope you got the idea right and you can",2473,151720,{"text":771,"duration":772,"offset":773},"utilize this inspect.",1267,154253,{"text":775,"duration":776,"offset":777},"It will be directly on your page itself on Chrome",3037,155760,{"text":779,"duration":780,"offset":781},"as well as you can test this on Firefox or",2603,158859,{"text":783,"duration":784,"offset":785},"any other browser.",1115,161524,{"text":787,"duration":788,"offset":789},"I strongly recommend to use Chrome or Firefox and here",3761,162840,{"text":791,"duration":792,"offset":793},"you can also use either this part.",2368,166671,{"text":795,"duration":796,"offset":797},"So you will have information on the bottom of the",2637,169160,{"text":799,"duration":800,"offset":801},"page.",269,171850,{"text":803,"duration":804,"offset":805},"You can use anyone here you will have all the",2523,172639,{"text":807,"duration":808,"offset":809},"information on the element bar, click on element and then",3195,175218,{"text":811,"duration":812,"offset":813},"you have this head body and all the information.",2691,178469,{"text":815,"duration":816,"offset":817},"Similarly for this page also.",1680,181520,{"text":819,"duration":820,"offset":821},"I hope you got the idea.",1240,183440,{"text":823,"duration":824,"offset":825},"This is the basic stuff that we are discussing.",2040,184760,{"text":827,"duration":828,"offset":829},"We just want to visualize things.",1640,187080,{"text":831,"duration":832,"offset":833},"Now similarly we need to create our own page right?",2680,189600,{"text":835,"duration":836,"offset":837},"So we use different tags to define that content.",3120,192640,{"text":839,"duration":608,"offset":840},"Here we use this H1 tag to define as heading.",196400,{"text":842,"duration":843,"offset":844},"If you just hover over this H1 you will see",2886,200320,{"text":846,"duration":847,"offset":848},"the H1 element represent a section heading.",2887,203273,{"text":850,"duration":832,"offset":851},"So I use the heading part as Shubham Sharda.",206560,{"text":853,"duration":854,"offset":855},"Now there are two type of tag.",1840,209840,{"text":857,"duration":858,"offset":859},"The first one that open and close.",2480,211960,{"text":861,"duration":862,"offset":863},"That means we need to close that tag.",2280,214760,{"text":865,"duration":866,"offset":867},"So this is the tag.",1360,217320,{"text":869,"duration":870,"offset":871},"This is the first type.",1160,218840,{"text":873,"duration":874,"offset":875},"Here we open the H1 tag, write everything that we",3709,220560,{"text":877,"duration":878,"offset":879},"want as heading and then we close that tag.",3255,224344,{"text":881,"duration":882,"offset":883},"So that means between these opening and closing tag we",3568,228080,{"text":885,"duration":886,"offset":887},"have all the information for heading.",2445,231714,{"text":889,"duration":890,"offset":891},"So this is the type one.",1440,234840,{"text":893,"duration":894,"offset":895},"Now there will be certain other tags that don't require",3448,236480,{"text":897,"duration":898,"offset":899},"this closing part.",1128,239991,{"text":901,"duration":902,"offset":903},"So that means they will have something like this.",2360,241400,{"text":905,"duration":906,"offset":907},"Now H1 require a closing tag.",1920,243760,{"text":909,"duration":910,"offset":911},"I'm just giving an example that the second type don't",3347,245680,{"text":913,"duration":914,"offset":915},"require a closing tag.",1389,249090,{"text":917,"duration":918,"offset":919},"We call them as self closing.",1880,250960,{"text":921,"duration":922,"offset":923},"So there is one which require opening and closing and",3085,253120,{"text":925,"duration":926,"offset":927},"then there is second one which is self closing.",2736,256263,{"text":929,"duration":828,"offset":930},"So there are two type of tags.",259240,{"text":932,"duration":933,"offset":934},"I hope you got the basic idea now.",3000,260880,{"text":936,"duration":640,"offset":937},"Let me clear this page for now and structure things",263880,{"text":939,"duration":940,"offset":941},"like we discussed with the visualization part for Amazon as",3923,267337,{"text":943,"duration":944,"offset":945},"well as this VS Code website itself.",2394,271326,{"text":947,"duration":906,"offset":948},"So we need some doc type information.",274120,{"text":950,"duration":933,"offset":951},"Then we have HTML, head, body and everything else.",276040,{"text":953,"duration":866,"offset":954},"So let me jump here.",279360,{"text":956,"duration":656,"offset":957},"The first thing I'm going to define is doc type.",281200,{"text":959,"duration":960,"offset":961},"So since we are using these extension, we don't need",2564,283880,{"text":963,"duration":964,"offset":965},"to write everything.",987,286493,{"text":967,"duration":858,"offset":968},"I can use this!",287680,{"text":970,"duration":971,"offset":972},"And click on enter and this is how you get",3297,290320,{"text":974,"duration":975,"offset":976},"everything.",864,293696,{"text":978,"duration":979,"offset":980},"But as a beginner, I don't recommend for now to",3091,294880,{"text":982,"duration":983,"offset":984},"use the shortcuts, but that's how you can do everything.",3683,298036,{"text":986,"duration":987,"offset":988},"Let's write everything for now.",1560,302680,{"text":990,"duration":854,"offset":991},"And then we will use the shortcut.",304240,{"text":993,"duration":994,"offset":995},"So here we need to use this lesser than and",2760,306520,{"text":997,"duration":998,"offset":999},"greater than symbol, then our symbol.",2375,309344,{"text":1001,"duration":1002,"offset":1003},"And then I need to define doc type, so I",4361,311720,{"text":1005,"duration":1006,"offset":1007},"need to use doc type.",2290,316190,{"text":1009,"duration":1010,"offset":1011},"And here I just need to write HTML.",2120,318480,{"text":1013,"duration":1014,"offset":1015},"That's it.",560,320920,{"text":1017,"duration":1018,"offset":1019},"That's the first line of HTML file.",2560,322080,{"text":1021,"duration":1022,"offset":1023},"And then we need to use HTML tag itself.",2920,324920,{"text":1025,"duration":1026,"offset":1027},"So here if I write HTML enter, you can see",2949,327839,{"text":1029,"duration":1030,"offset":1031},"we have this opening tag and then we have this",3229,330858,{"text":1033,"duration":1034,"offset":1035},"closing tag.",842,334157,{"text":1037,"duration":1038,"offset":1039},"And if you hover over this, you will get the",2622,335560,{"text":1041,"duration":1042,"offset":1043},"HTML element represents the root of an HTML document.",3158,338241,{"text":1045,"duration":1046,"offset":1047},"So that means we write everything inside this.",2200,341760,{"text":1049,"duration":1050,"offset":1051},"This is the root, this is the part from where",2285,343960,{"text":1053,"duration":1054,"offset":1055},"everything start.",863,346296,{"text":1057,"duration":1058,"offset":1059},"So now we write everything in between this HTML tag.",3640,347640,{"text":1061,"duration":1062,"offset":1063},"So remember the first part we have is our head,",3379,352120,{"text":1065,"duration":1066,"offset":1067},"the second part we have is our body.",2588,355571,{"text":1069,"duration":1070,"offset":1071},"So let me write this head.",1320,358800,{"text":1073,"duration":1074,"offset":1075},"So everything we write inside head will be for our",4093,360560,{"text":1077,"duration":1078,"offset":1079},"head part and everything that we write inside our body",4421,364735,{"text":1081,"duration":1082,"offset":1083},"will be for body part.",1802,369238,{"text":1085,"duration":1086,"offset":1087},"Now you can take this example for humans.",3240,371720,{"text":1089,"duration":994,"offset":1090},"Also, you can take this example for any other project.",374960,{"text":1092,"duration":828,"offset":1093},"I will be taking certain reference.",377960,{"text":1095,"duration":933,"offset":1096},"But it's better to visualize things practically.",379600,{"text":1098,"duration":1099,"offset":1100},"So that's it.",680,382840,{"text":1102,"duration":824,"offset":1103},"That's the basic structure that we have.",383520,{"text":1105,"duration":1106,"offset":1107},"Now here, once you click on Control S, everything will",4253,386120,{"text":1109,"duration":1110,"offset":1111},"save automatically in format automatically.",3388,390452,{"text":1113,"duration":1114,"offset":1115},"Why?",400,393840,{"text":1117,"duration":1118,"offset":1119},"Because we are using prettier.",1960,394560,{"text":1121,"duration":862,"offset":1122},"Now you can also jump onto the setting.",397360,{"text":1124,"duration":1125,"offset":1126},"Click on the setting and here you can search about",4469,400200,{"text":1128,"duration":1129,"offset":1130},"format and here you will have option to format.",4202,404758,{"text":1132,"duration":1133,"offset":1134},"On save you can check this and you can if",2521,408960,{"text":1136,"duration":1137,"offset":1138},"it's ticked that means it will format.",2337,411543,{"text":1140,"duration":994,"offset":1141},"If it's unchecked that means it will not format.",413880,{"text":1143,"duration":1144,"offset":1145},"So it totally depend on you and your requirement.",2440,416920,{"text":1147,"duration":906,"offset":1148},"For now let's just tick this.",419560,{"text":1150,"duration":1086,"offset":1151},"So if I save anytime everything will be formatted.",422880,{"text":1153,"duration":1154,"offset":1155},"Currently we don't have any code.",1520,426640,{"text":1157,"duration":1158,"offset":1159},"We are not going to have a good format but",2367,428279,{"text":1161,"duration":1162,"offset":1163},"let's understand this point.",1578,430702,{"text":1165,"duration":1166,"offset":1167},"Let me select this one, click on tab and get",2654,432280,{"text":1169,"duration":1170,"offset":1171},"inside our HTML.",966,434994,{"text":1173,"duration":1174,"offset":1175},"So head is the part where we have all the",3268,436520,{"text":1177,"duration":1178,"offset":1179},"information which is not seen on our web page and",3906,439867,{"text":1181,"duration":1174,"offset":1182},"body is the part which is seen on our web",443853,{"text":799,"duration":1184,"offset":1185},398,447201,{"text":1187,"duration":1188,"offset":1189},"So here if I select head you can see nothing",2207,447800,{"text":1191,"duration":1192,"offset":1193},"is happening but if I select body you can see",2258,450057,{"text":1195,"duration":1196,"offset":1197},"this blue colour is coming.",1355,452365,{"text":1199,"duration":1200,"offset":1201},"You see so this is the content about this whole",3473,454720,{"text":1203,"duration":1204,"offset":1205},"page whereas head contained behind the scene information.",4213,458267,{"text":1207,"duration":1208,"offset":1209},"So if you get here, this is all the information",2517,462960,{"text":1211,"duration":1212,"offset":1213},"which is behind the scene, things that are happening behind",3160,465530,{"text":1215,"duration":1216,"offset":1217},"the scene.",535,468744,{"text":1219,"duration":1144,"offset":1220},"So this is where head come into picture.",469600,{"text":1222,"duration":1223,"offset":1224},"You can call it as containing behind the scene information",3740,472200,{"text":1226,"duration":1227,"offset":1228},"and body is the whole page that we see.",2515,476004,{"text":1230,"duration":1231,"offset":1232},"For example, let me take our own page and here",4526,479160,{"text":1234,"duration":1235,"offset":1236},"let me write H1 tag, press enter and write Shobam",4822,483785,{"text":1238,"duration":1239,"offset":1240},"itself and save.",1574,488705,{"text":1242,"duration":1243,"offset":1244},"If I jump back here, we need to launch our",3326,491120,{"text":1246,"duration":1247,"offset":1248},"server.",555,494525,{"text":1250,"duration":1251,"offset":1252},"It's running.",640,495080,{"text":1254,"duration":1255,"offset":1256},"Let me right click here, click with, open with knife",3154,495880,{"text":1246,"duration":1258,"offset":1259},425,499095,{"text":1261,"duration":1262,"offset":1263},"This is our page.",1080,499960,{"text":1265,"duration":1266,"offset":1267},"So everything that is visible on our page is in",4246,501520,{"text":1269,"duration":1270,"offset":1271},"body part.",903,505856,{"text":1273,"duration":1144,"offset":1274},"Everything else will be inside head.",507200,{"text":1276,"duration":656,"offset":1277},"That means behind the scene information.",509640,{"text":1279,"duration":902,"offset":1280},"So that's the basic start for now.",512720,{"text":1282,"duration":1283,"offset":1284},"Let me delete everything.",2080,515080,{"text":1286,"duration":1287,"offset":1288},"As soon as I remove my content I got an",2657,518480,{"text":1290,"duration":1291,"offset":1292},"error or I should say I got a message that",2863,521205,{"text":1294,"duration":1295,"offset":1296},"there is no head or body.",1703,524136,{"text":1298,"duration":870,"offset":1299},"I hope you got the message.",526360,{"text":1301,"duration":1302,"offset":1303},"Now that our structure is not great, there is some",2684,527520,{"text":1305,"duration":1306,"offset":1307},"issue with our structure.",1342,530257,{"text":1309,"duration":1310,"offset":1311},"So this is a warning by live server itself.",2520,531800,{"text":1313,"duration":1314,"offset":1315},"Now to start my setup all I need to use",3949,535240,{"text":1317,"duration":1318,"offset":1319},"is our!",709,539291,{"text":1321,"duration":1022,"offset":1322},"And then click on enter, you can see this emit.",540720,{"text":1324,"duration":1325,"offset":1326},"This is by VS Code itself.",1800,544000,{"text":1328,"duration":1329,"offset":1330},"So if I enter now this is the boilerplate code.",4840,545800,{"text":1332,"duration":1333,"offset":1334},"That means the common code that we need every time",3153,550760,{"text":1336,"duration":1295,"offset":1337},"to work with our HTML code.",553976,{"text":1339,"duration":890,"offset":1340},"So this is the basic code.",556200,{"text":1342,"duration":1343,"offset":1344},"This is the basic setup that we need every time",2727,557640,{"text":1346,"duration":1347,"offset":1348},"we create an HTML file.",1334,560425,{"text":1350,"duration":1351,"offset":1352},"And that's why we call this as boilerplate.",2400,561880,{"text":1354,"duration":854,"offset":1355},"And that's why we have these shortcuts.",564520,{"text":1357,"duration":1358,"offset":1359},"Let me save this one.",1040,567040,{"text":1361,"duration":1358,"offset":1362},"Everything is set up.",568440,{"text":1364,"duration":1365,"offset":1366},"And since we are using pretair, you can see automatically",3070,569720,{"text":1368,"duration":1369,"offset":1370},"there is a space.",915,572844,{"text":1372,"duration":1373,"offset":1374},"We don't require that but it's good to visualize and",2906,574120,{"text":1376,"duration":1377,"offset":1378},"improve readability.",1118,577082,{"text":1380,"duration":858,"offset":1381},"This is our head and this is our body now.",578760,{"text":1383,"duration":1384,"offset":1385},"Now you will see certain information inside our head that",3361,581640,{"text":1387,"duration":1388,"offset":1389},"these are some meta.",1180,585060,{"text":1391,"duration":1392,"offset":1393},"Then there is some title and let me add H1",3150,586440,{"text":1395,"duration":1396,"offset":1397},"tag here with my body itself opening and closing tag.",3975,589665,{"text":1399,"duration":890,"offset":1400},"Then write shubham.",594040,{"text":1402,"duration":1403,"offset":1404},"For now, let me save.",4520,595480,{"text":1406,"duration":1118,"offset":1407},"Right click open with life server.",600800,{"text":1409,"duration":1410,"offset":1411},"You can say it's working fine.",1600,603640,{"text":1413,"duration":1414,"offset":1415},"And now in the previous run, we had title as",3772,605559,{"text":1417,"duration":1418,"offset":1419},"this index.",943,609417,{"text":1421,"duration":1422,"offset":1423},"So this is basically the title part which we see",2783,610440,{"text":1425,"duration":1426,"offset":1427},"at the top.",638,613281,{"text":1429,"duration":902,"offset":1430},"So it was something of our URL itself.",614320,{"text":1432,"duration":1433,"offset":1434},"Now our title is document and this is our body",3113,616800,{"text":1436,"duration":1437,"offset":1438},"part.",338,619981,{"text":1113,"duration":1440,"offset":1441},480,620640,{"text":1443,"duration":1351,"offset":1444},"Because inside our head we have this title.",621560,{"text":1446,"duration":906,"offset":1447},"I hope you got the basic idea.",624680,{"text":1449,"duration":1450,"offset":1451},"Don't worry, we are going to discuss about this in",2493,626640,{"text":1453,"duration":1454,"offset":1455},"depth in the next lecture.",1296,629183,{"text":1457,"duration":1458,"offset":1459},"But this is the basic idea.",1760,630480,{"text":1461,"duration":1462,"offset":1463},"So title is basically the text that we are going",3381,633920,{"text":1465,"duration":1466,"offset":1467},"to see on the top of the browser or on",2677,637371,{"text":1469,"duration":1470,"offset":1471},"the Google search itself.",1761,640118,{"text":1473,"duration":1283,"offset":1474},"I will be discussing about this in next lecture.",642000,{"text":1476,"duration":1477,"offset":1478},"Now I hope you got the basic idea about HTML",2718,644080,{"text":1480,"duration":1481,"offset":1482},"structure and how we are going to utilize it.",2780,646860,{"text":1484,"duration":1485,"offset":1486},"We have this doc type to inform that we are",2721,650080,{"text":1488,"duration":1489,"offset":1490},"going to use HTML, that this documentation is of HTML",3355,652865,{"text":1492,"duration":1493,"offset":1494},"type.",317,656283,{"text":1496,"duration":1144,"offset":1497},"Then we have our HTML element.",656960,{"text":1499,"duration":862,"offset":1500},"Everything is inside this HTML tag.",659720,{"text":1502,"duration":1503,"offset":1504},"Then we have these two-part, everything behind the scene information",4148,662440,{"text":1506,"duration":1507,"offset":1508},"stored in head and everything that we see on web",2928,666649,{"text":1510,"duration":1511,"offset":1512},"pages stored in body.",1281,669638,{"text":1514,"duration":1515,"offset":1516},"These are the tags which require opening and closing.",3040,671240,{"text":1518,"duration":1519,"offset":1520},"But if you see this meta just doesn't have any",3095,674559,{"text":1522,"duration":1523,"offset":1524},"closing tag, right?",1279,677721,{"text":1526,"duration":1527,"offset":1528},"So let us discuss about this whole thing, this head",3136,679600,{"text":1530,"duration":1531,"offset":1532},"thing, this meta and these titles in the next lecture.",3321,682798,{"text":1534,"duration":1535,"offset":1536},"Now till then I strongly recommend create a HTML file",3307,686120,{"text":1538,"duration":1539,"offset":1540},"do all these stuff so you will get basic idea",2808,689489,{"text":1542,"duration":836,"offset":1543},"and you will understand how this is going to work.",692360,{"text":1545,"duration":1154,"offset":1546},"I hope this lecture was helpful.",696200,{"text":1548,"duration":1549,"offset":1550},"Thank you for following and I see you guys in",2196,697840,{"text":1552,"duration":1553,"offset":1554},"the next one.",635,700085,{"summary":1556,"sections":1557,"learningObjectives":1606,"keyConcepts":1615,"videoTags":1619},"This video tutorial introduces HTML, explaining its role in structuring web content. It covers the basic structure of an HTML page, including the doctype, head, and body tags. The tutorial also discusses different types of HTML tags, attributes, and how to create a basic HTML document using VS Code. Additionally, it demonstrates the use of Prettier for formatting and Live Server for live preview. The concept of boilerplate code and meta tags is also introduced.",[1558,1567,1576,1585,1591,1599],{"title":1559,"start":565,"end":689,"description":1560,"tags":1561},"Introduction to HTML","Overview of HTML and its role in web structure.",[1562,1563,1564,1565,1566],"HTML","web structure","introduction","inspect element","developer tools",{"title":1568,"start":693,"end":765,"description":1569,"tags":1570},"HTML Page Structure","Exploring the basic structure of an HTML page.",[1571,1572,1573,1574,1575],"HTML structure","doctype","head","body","tags",{"title":1577,"start":769,"end":930,"description":1578,"tags":1579},"HTML Tags and Attributes","Understanding HTML tags, attributes, and their types.",[1580,1581,1582,1583,1584],"HTML tags","attributes","self-closing tags","H1 tag","content structure",{"title":1586,"start":934,"end":1103,"description":1587,"tags":1588},"Creating an HTML Document","Steps to create a basic HTML document.",[1589,1572,1573,1574,1590],"HTML document","VS Code",{"title":1592,"start":1107,"end":1307,"description":1593,"tags":1594},"Using Prettier and Live Server","Formatting and live preview with Prettier and Live Server.",[1595,1596,1597,1590,1598],"Prettier","Live Server","formatting","web development",{"title":1600,"start":1315,"end":1554,"description":1601,"tags":1602},"Boilerplate Code and Meta Tags","Introduction to boilerplate code and meta tags in HTML.",[1603,1604,1605,1590,1598],"boilerplate code","meta tags","HTML setup",[1607,1608,1609,1610,1611,1612,1613,1614],"Understand HTML structure","Use inspect element","Identify HTML tags","Create HTML document","Use Prettier","Use Live Server","Understand meta tags","Use VS Code",[1571,1580,1616,1617,1618],"Document creation","Prettier formatting","Boilerplate code",{"keyTags":1620,"pedagogicalTags":1623},[1562,1598,1590,1621,1622],"beginner","tutorial",[1624,1625,1626],"demonstration","practical learning","step-by-step","2025-01-29T13:03:51.426Z","2025-01-29T13:03:51.923Z","60919f6b27f749001c9a4bd7","2024-12-31T17:30:18.925Z","2025-01-29T13:03:51.933Z","ENABLED","2026-01-04T18:06:57.167Z",{"service":1635,"version":1636},"quizserver","b409863c9b567fc496beae3c75876349c6e04b22",{"success":5,"data":1638,"time":1777},{"countryBasedRecommendations":1639,"subjectBasedRecommendations":1693,"subjectBasedQualifiers":1746},[1640,1648,1654,1660,1667,1673,1681,1687],{"id":1641,"quizId":1642,"country":22,"lowerGrade":60,"upperGrade":1643,"quizRank":1643,"subject":1644,"quizImage":1645,"quizName":1646,"quizType":1647,"noOfQuestions":1643,"noOfSlides":12},"69428d41d5d5fe58ad6bbfd2","6936debf7e935080f5135aba",5,"Other","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1f813067-f4c6-4f6e-958f-506e31fe5069-v2","This is not a...winter edition (Drawing game)","quiz",{"id":1649,"quizId":1650,"country":22,"lowerGrade":1643,"upperGrade":1643,"quizRank":27,"subject":32,"quizImage":1651,"quizName":1652,"quizType":1647,"noOfQuestions":1653,"noOfSlides":12},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1655,"quizId":1656,"country":22,"lowerGrade":26,"upperGrade":30,"quizRank":1657,"subject":32,"quizImage":1658,"quizName":1659,"quizType":15,"noOfQuestions":30,"noOfSlides":12},"69428d41d5d5fe58ad6bc303","66ea91696a6efd02276db8d5",18,"https://i3.ytimg.com/vi/aFI62Ogo6jE/default.jpg","Identify Iconic Christmas Movie Scenes",{"id":1661,"quizId":1662,"country":22,"lowerGrade":26,"upperGrade":28,"quizRank":1663,"subject":33,"quizImage":1664,"quizName":1665,"quizType":1647,"noOfQuestions":1666,"noOfSlides":12},"693952bf7d127d0f6b38b40c","5dfa199bd5384a001b9c0d61",19,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/507ce352-67df-4aa0-911a-e53736ca1fb5","Christmas Trivia",20,{"id":1668,"quizId":1669,"country":22,"lowerGrade":12,"upperGrade":1643,"quizRank":1653,"subject":1670,"quizImage":1671,"quizName":1672,"quizType":1647,"noOfQuestions":1657,"noOfSlides":12},"693018419b5f2019f0e05165","585938f55694f88766865583","Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/aac305c6-68f9-4a21-918d-c83cf1161b2e","Kids Christmas Trivia",{"id":1674,"quizId":1675,"country":22,"lowerGrade":62,"upperGrade":62,"quizRank":1676,"subject":33,"quizImage":1677,"quizName":1678,"quizType":1679,"noOfQuestions":1680,"noOfSlides":60},"69428d41d5d5fe58ad6bbe8c","5fd79f75225737001c0ee4fc",26,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f41decca-91c0-4173-8465-6b96d8172b8d","How well do you know your Christmas Characters?","presentation",11,{"id":1682,"quizId":1683,"country":22,"lowerGrade":1643,"upperGrade":1643,"quizRank":1676,"subject":1684,"quizImage":1685,"quizName":1665,"quizType":1647,"noOfQuestions":1686,"noOfSlides":12},"693952bf7d127d0f6b38b1ff","63a31b0749d96e001d737130","Arts","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/dbe36759-b320-4a7b-9c6b-cb420fe714cb",14,{"id":1688,"quizId":1689,"country":22,"lowerGrade":1643,"upperGrade":1643,"quizRank":1690,"subject":1670,"quizImage":1691,"quizName":1692,"quizType":1647,"noOfQuestions":1666,"noOfSlides":12},"69428d41d5d5fe58ad6bbfab","5fc8233c67d42d001e20d5cf",27,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/b8242897-9a08-4b7d-9065-a2515eda8874","How the Grinch Stole Christmas",[1694,1700,1708,1715,1722,1727,1732,1739],{"id":1695,"quizId":1696,"country":22,"lowerGrade":28,"upperGrade":1686,"quizRank":1697,"subject":1670,"quizImage":1698,"quizName":1699,"quizType":1679,"noOfQuestions":1676,"noOfSlides":60},"693952bf7d127d0f6b38b776","5fd77385d0617d001d2eaa0f",63,"https://quizizz.com/media/resource/gs/quizizz-media/questions/be1b56f7-49be-4d9f-883a-ceb6a035e096","Christmas Movie Trivia",{"id":1701,"quizId":1702,"country":22,"lowerGrade":12,"upperGrade":1703,"quizRank":1704,"subject":1705,"quizImage":1706,"quizName":1707,"quizType":1647,"noOfQuestions":1666,"noOfSlides":12},"694bc7bb809527294d83a63f","5a3bf7052f695c1400d39891",13,182,"Multiple Subjects","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/L2FwcGhvc3RpbmdfcHJvZC9ibG9icy9BRW5CMlVxVVlhRHVFUmk3R2tSUlN6UC1tZm96ZktPLUl4RFBqSFFoVHdkMldZZW9WWFZOS1ZyMXVUWGp6cTJrRFJucU05SHFJelFMbGxuVEh1UG5TOGlYSkpCTlNJeUNHWFI5Vlc2aENqX2hYT21fZ1NTTkMzTS44RmplZVJXcWVGYUdKYk9u","christmas songs",{"id":1709,"quizId":1710,"country":22,"lowerGrade":29,"upperGrade":1703,"quizRank":1711,"subject":1712,"quizImage":1713,"quizName":1714,"quizType":1647,"noOfQuestions":1666,"noOfSlides":12},"694bc7bb809527294d83a772","5fda56a1c0830a001bb0408e",262,"Specialty","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/b3cf5fd9-eb19-4502-a9d4-4fa8414ccb79","Holiday Trivia",{"id":1716,"quizId":1717,"country":22,"lowerGrade":1703,"upperGrade":1703,"quizRank":1718,"subject":33,"quizImage":1719,"quizName":1720,"quizType":1647,"noOfQuestions":1721,"noOfSlides":12},"694bc7bb809527294d83a591","6564ecdf870b9c3fa1c067cb",266,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/433efbba-3416-4fe2-9fae-fa6bafeb9f8f-v2","Holiday Movies",15,{"id":1723,"quizId":1724,"country":22,"lowerGrade":62,"upperGrade":1703,"quizRank":1725,"subject":1670,"quizImage":1726,"quizName":1665,"quizType":1647,"noOfQuestions":1686,"noOfSlides":12},"694bc7bb809527294d83a7e4","5fc801e4469834001cff9e8d",330,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/a56207ae-f482-4115-945b-0612fe780dfe",{"id":1728,"quizId":1729,"country":22,"lowerGrade":1703,"upperGrade":1703,"quizRank":1730,"subject":1670,"quizImage":1731,"quizName":1665,"quizType":1647,"noOfQuestions":1666,"noOfSlides":12},"694bc7bb809527294d83a7e6","637439d2cf5d43001d788c1b",348,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/aa1b0592-25e0-4c45-bfbc-d2ad514e15d8",{"id":1733,"quizId":1734,"country":22,"lowerGrade":12,"upperGrade":1686,"quizRank":1735,"subject":1644,"quizImage":1736,"quizName":1737,"quizType":1679,"noOfQuestions":28,"noOfSlides":1738},"694bc7bb809527294d83a651","6578a429b8c300c9162fa116",458,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d020f284-c0cc-42b5-b9a0-7f9f7620f32d-v2","5th, Unit 4, Lesson 8",36,{"id":1740,"quizId":1741,"country":22,"lowerGrade":1703,"upperGrade":1703,"quizRank":1742,"subject":1743,"quizImage":1744,"quizName":1745,"quizType":1647,"noOfQuestions":1666,"noOfSlides":12},"694bc7bb809527294d83a6d1","654bb93d3eed7c828d3a746a",510,"History","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/218f49f0-29fb-4c6f-a4ba-0553ca6817d3-v2","Disney Trivia",[1747,1750,1753,1756,1759,1762,1765,1768,1771,1774],{"path":1748,"display":1749},"/ela/foundational-reading-skills/phonics/short-vowels/sentence-completion-with-short-vowel-words","Sentence completion with short vowel words",{"path":1751,"display":1752},"/math/number-system/number-properties/operation-properties/commutative-property","Commutative property",{"path":1754,"display":1755},"/ela/language/conventions/grammar/sentence-structure/sentence-complexity/phrases-and-clauses/apply-adjective-clauses","Apply adjective clauses",{"path":1757,"display":1758},"/ela/language/grammar/other-parts-of-speech/conjunctions/missing-correlative-conjunction-completion","Missing Correlative Conjunction Completion",{"path":1760,"display":1761},"/math/statistics-and-probability/data-representation/describing-distributions/describing-and-understanding-distributions/comparing-two-or-more-distributions-in-terms-of-their-shapes-centre-and-spread","Comparing two or more distributions in terms of their shapes, centre and spread",{"path":1763,"display":1764},"/math/statistics-and-probability/probability/basic-probability-concepts/understanding-and-working-with-different-types-of-events/describing-events-as-subsets-of-a-sample-space-using-characteristics-of-the-outcomes","Describing events as subsets of a sample space using characteristics of the outcomes",{"path":1766,"display":1767},"/social-studies/geography/physical-geography/human-environment-interaction/environmental-challenges","Environmental Challenges",{"path":1769,"display":1770},"/ela/reading/literature/text-types/fiction/realistic-fiction","Realistic Fiction",{"path":1772,"display":1773},"/ela/language/conventions/grammar/sentence-structure/sentence-complexity/combining-sentences/apply-coordination-principles","Apply coordination principles",{"path":1775,"display":1776},"/visual-arts/creating/explore-art-materials-safely","Explore art materials safely","2026-01-04T18:06:57.211161612Z",{"success":5,"data":1779,"time":1831},{"quizzes":1780,"total":28,"timeTaken":1828,"experiment":1829,"source":1830},[1781,1787,1792,1801,1807,1812,1820,1824],{"id":1782,"isSuper":9,"type":1647,"info":1783,"shouldIndex":9,"stats":1786},"679cceab24f2475fe7d2f49f",{"name":1784,"slug":1784,"image":1785},"New York Science State Test","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/228329f6-bac5-49a6-8b63-70c05128f660",{},{"id":1788,"isSuper":9,"type":1647,"info":1789,"shouldIndex":9,"stats":1791},"66bb3cdd7fb9ee5683d84716",{"name":1790,"slug":1790},"NGSS.MS-ESS3-3",{},{"id":1793,"isSuper":9,"type":1647,"info":1794,"shouldIndex":9,"stats":1797},"67175099b1740a198bffdbb0",{"name":1795,"slug":1795,"image":1796},"Is it work and calculating work done","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/138af668-285a-4fff-a344-ebb78624a36b-v2",{"played":1798,"totalPlayers":1799,"totalCorrect":1800},30,218,2655,{"id":1802,"isSuper":9,"type":1647,"info":1803,"shouldIndex":9,"stats":1806},"679cc20edcd7fa620e8726ba",{"name":1804,"slug":1804,"image":1805},"Fingerprinting","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/9cc9566c-c856-431d-ba0a-1cc8f2577c5c",{},{"id":1808,"isSuper":9,"type":1647,"info":1809,"shouldIndex":9,"stats":1811},"66b11e43e3ddc33b2607a0fb",{"name":1810,"slug":1810},"TEKS.MATH.7.3A",{},{"id":1813,"isSuper":9,"type":1647,"info":1814,"shouldIndex":9,"stats":1817},"67c5ad127340669fd9fe27bc",{"name":1815,"slug":1815,"image":1816},"Vocabulario de la Ciudad","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fede1ceb-a001-4b61-9505-dbe48383aa12-v2",{"played":1818,"totalPlayers":1818,"totalCorrect":1819},17,301,{"id":1821,"isSuper":9,"type":1647,"info":1822,"shouldIndex":9,"stats":1823},"66b11ce6870b7ed6a6dcc022",{"name":1810,"slug":1810},{},{"id":1825,"isSuper":9,"type":1647,"info":1826,"shouldIndex":9,"stats":1827},"66b11ef5aad9b738ec9c78c5",{"name":1810,"slug":1810},{},12,"quizPageRecoGNN","gnn_model_service","2026-01-04T18:06:57.212297708Z",{"success":5,"data":1833,"time":1860},{"quizzes":1834,"total":28,"timeTaken":1859,"experiment":1829,"source":1830},[1835,1838,1841,1844,1847,1850,1853,1856],{"id":1782,"isSuper":9,"type":1647,"info":1836,"shouldIndex":9,"stats":1837},{"name":1784,"slug":1784,"image":1785},{},{"id":1788,"isSuper":9,"type":1647,"info":1839,"shouldIndex":9,"stats":1840},{"name":1790,"slug":1790},{},{"id":1793,"isSuper":9,"type":1647,"info":1842,"shouldIndex":9,"stats":1843},{"name":1795,"slug":1795,"image":1796},{"played":1798,"totalPlayers":1799,"totalCorrect":1800},{"id":1802,"isSuper":9,"type":1647,"info":1845,"shouldIndex":9,"stats":1846},{"name":1804,"slug":1804,"image":1805},{},{"id":1808,"isSuper":9,"type":1647,"info":1848,"shouldIndex":9,"stats":1849},{"name":1810,"slug":1810},{},{"id":1813,"isSuper":9,"type":1647,"info":1851,"shouldIndex":9,"stats":1852},{"name":1815,"slug":1815,"image":1816},{"played":1818,"totalPlayers":1818,"totalCorrect":1819},{"id":1821,"isSuper":9,"type":1647,"info":1854,"shouldIndex":9,"stats":1855},{"name":1810,"slug":1810},{},{"id":1825,"isSuper":9,"type":1647,"info":1857,"shouldIndex":9,"stats":1858},{"name":1810,"slug":1810},{},16,"2026-01-04T18:06:57.21620282Z",["Reactive",1862],{},["Set"],["ShallowReactive",1865],{"recommendations-67742a2ad787a71f91c9ccf1-true":13,"recommendations-indexed-67742a2ad787a71f91c9ccf1-true":13,"quiz-67742a2ad787a71f91c9ccf1":13,"recommendations-aggregated-67742a2ad787a71f91c9ccf1":13},"/admin/video-quiz/67742a2ad787a71f91c9ccf1/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-html-introduction","none"]</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:""},da:{domain:""},nb:{domain:""},fi:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""},sw:{domain:""},uk:{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:"7576d6a5-3d9e-46c8-a0dd-576f83e1b8d8",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>