Basic Document Structure KG - University Video | Wayground (formerly Quizizz)

Basic Document Structure

Interactive Video

•

Information Technology (IT), Architecture, Other

•

KG - University

•

Hard

Wayground Content

FREE Resource

This video tutorial introduces HTML5, explaining its significance in web development. It guides viewers through setting up a coding environment using a web browser and Visual Studio Code, including installing essential extensions like Live Server. The tutorial covers creating and saving HTML files, understanding the basic document structure, and reviewing and modifying HTML code. It concludes with a practical exercise of writing a simple 'Hello World' program, emphasizing the importance of active learning and hands-on practice.

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the first tool you need to start coding in HTML?

A graphics editor

A database management system

A web browser

A spreadsheet application

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which text editor is recommended for HTML coding in this course?

Sublime Text

Atom

Visual Studio Code

Notepad

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the Live Server extension in Visual Studio Code?

To compile code

To load code into the browser easily

To manage databases

To edit images

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the first step in creating a new HTML file in Visual Studio Code?

Create a new folder

Right-click and select 'New File'

Install a new extension

Open a new tab

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What does the document type declaration in HTML signify?

The version of HTML being used

The language of the document

The author of the document

The encoding type

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag is used to define the title 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-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What is the purpose of the viewport meta tag?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To specify the document's author</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To set the language of 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"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To define the character set</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To control the page's dimensions and scaling</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What is the traditional first program written in a new programming language?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Goodbye World</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Hello Universe</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Hello World</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Welcome Home</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Which tag is used to create a heading in HTML?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><h1></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><div></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><span></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What is the purpose of the 'Go Live' button in Visual Studio Code?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To open a live coding session</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To launch a web browser with the current HTML page</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To start a live chat</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To save the current document</p></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><div class="w-full h-155 content-blocker" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="bg-wds-light-500 rounded-w-admin-lg shadow-w-md w-120 h-auto" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="flex p-10 justify-start items-stretch w-full flex-col flex-nowrap"><section><h1 class="text-lg md:text-xl text-dark-2 font-semibold text-center" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h1><p class="text-sm md:text-base text-dark-4"><span></span></p><div class="flex justify-between mt-2"><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Create resources</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Host any resource</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Get auto-graded reports</span></div></div></section><section class="flex flex-col space-y-3 mt-4 w-full"><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Google"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Google-logo"><span class="text-base font-semibold btn-label">Continue with Google</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Email"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Email-logo"><span class="text-base font-semibold btn-label">Continue with Email</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Classlink"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Classlink-logo"><span class="text-base font-semibold btn-label">Continue with Classlink</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Clever"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/clever-logo.png" alt="Clever" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Clever-logo"><span class="text-base font-semibold btn-label">Continue with Clever</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button></section><span class="mt-4 text-dark-4 text-sm flex justify-center">or continue with</span><section class="flex flex-row justify-center mt-4 gap-4"><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:inherit;" data-testid="continue-with-Microsoft"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/img/logos/ms-logo.png"></button><span class="text-dark-2 text-[10px] mt-1">Microsoft</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#222;" data-testid="continue-with-Apple"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/Apple.png"></button><span class="text-dark-2 text-[10px] mt-1">Apple</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#8854C0;" data-testid="continue-with-Others"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/shield-halved.png"></button><span class="text-dark-2 text-[10px] mt-1">Others</span></div></section></div><section class="mt-auto w-full"><section class="justify-center text-xs text-center text-dark-5 md:flex px-10 mb-4"><span>By signing up, you agree to our <a href='/tos' style='text-decoration: underline;'>Terms of Service</a> & <a href='/privacy' style='text-decoration: underline;'>Privacy Policy</a></span></section><section role="nudge" class="text-dark-2 py-4 flex items-center justify-center space-x-1 text-xs rounded-b-lg bg-light-6"><span class="xs-hidden">Already have an account?</span><button class="bg-lilac-faded rounded px-3 py-1 text-ds-lilac-600 text-xs font-semibold ml-2" type="button" data-testid="login-button-in-signup">Log in</button></section></section></div></div></div></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-transparent rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-v-fde55780><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Let me read it first</p></div></div></button></div></div></div></div></div></div><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"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/video-quiz/67766e775c6e8179dc623656/aws-javascript-react-deploy-web-apps-on-the-cloud-javascript-for-loops" data-testid="activity-recommendation-card-67766e775c6e8179dc623656" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="AWS, JavaScript, React - Deploy Web Apps on the Cloud - JavaScript For Loops" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.nh2otji7s5" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">AWS, JavaScript, React - Deploy Web Apps on the Cloud - JavaScript For Loops</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6772e501a457d3dd507d1309/learn-javascript-from-scratch-javascript-for-everyone-storing-data-in-variables" data-testid="activity-recommendation-card-6772e501a457d3dd507d1309" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Learn JavaScript from Scratch JavaScript for Everyone - Storing Data in Variables" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.zlqbstjn439" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Learn JavaScript from Scratch JavaScript for Everyone - Storing Data in Variables</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6773f81ea4c93127f3076626/html-css-and-javascript-for-beginners-a-web-design-course-html-doctype" data-testid="activity-recommendation-card-6773f81ea4c93127f3076626" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML CSS and JavaScript for Beginners - A Web Design Course - HTML Doctype" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.ngagpyum72" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML CSS and JavaScript for Beginners - A Web Design Course - HTML Doctype</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67740dd8a0d73d23cefb28bd/headings-paragraphs-and-lists" data-testid="activity-recommendation-card-67740dd8a0d73d23cefb28bd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Headings, Paragraphs and Lists" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.dppyxk6eee" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Headings, Paragraphs and Lists</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>KG - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/6775d578ef3d04a55625800a/chatgpt-for-web-design-create-amazing-websites-where-to-put-the-code" data-testid="activity-recommendation-card-6775d578ef3d04a55625800a" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="ChatGPT for Web Design - Create Amazing Websites - Where to Put the Code?" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.pm5n14eci8h" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">ChatGPT for Web Design - Create Amazing Websites - Where to Put the Code?</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/677557ba8b854ecdc35f21ac/practical-css3-mastery-course-installation-and-setup" data-testid="activity-recommendation-card-677557ba8b854ecdc35f21ac" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Practical CSS3 Mastery Course - Installation and Setup" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.fbbb7ugmaob" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Practical CSS3 Mastery Course - Installation and Setup</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67ae37fe8615a7d511cc59d9/practical-css3-mastery-course-your-first-html" data-testid="activity-recommendation-card-67ae37fe8615a7d511cc59d9" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Practical CSS3 Mastery Course - Your First HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.w1mkqffx1b" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Practical CSS3 Mastery Course - Your First HTML</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/677799d3ee4f9066c4e5c8aa/full-stack-web-development-mastery-course-novice-to-expert-css-selectors" data-testid="activity-recommendation-card-677799d3ee4f9066c4e5c8aa" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full Stack Web Development MASTERY Course - Novice to Expert - CSS Selectors" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.fyxoecdcc" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Full Stack Web Development MASTERY Course - Novice to Expert - CSS Selectors</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/video-quiz/6735a74718bd2423fb21cbcd/lab-safety-procedures-and-guidelines" data-testid="activity-popular-resource-card-6735a74718bd2423fb21cbcd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab Safety Procedures and Guidelines" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.6i8wr47okx" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Lab Safety Procedures and Guidelines</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 10th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5b9add444e356f00198a8c14/nouns-nouns-nouns" data-testid="activity-popular-resource-card-5b9add444e356f00198a8c14" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Nouns, nouns, nouns" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.a8nxwmdwhwb" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Nouns, nouns, nouns</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/68b7811ef48d5f8909ec9d89/appointment-passes-review" data-testid="activity-popular-resource-card-68b7811ef48d5f8909ec9d89" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Appointment Passes Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.848xv18qxyu" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Appointment Passes Review</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.z2ldvj3ubqi" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/64b5419aacf2e2001d7e1195/all-about-me" data-testid="activity-popular-resource-card-64b5419aacf2e2001d7e1195" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="All about me" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.ihk0pqszzyl" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">All about me</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>Professional Development</p></div></div></div></div></div></a><a href="/admin/quiz/5efd0a3bd81107001b1430c2/adding-integers" data-testid="activity-popular-resource-card-5efd0a3bd81107001b1430c2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Adding Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 22 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.jhulwhl5cv" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Adding Integers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5da88ffcfec3ff001ce68888/subtracting-integers" data-testid="activity-popular-resource-card-5da88ffcfec3ff001ce68888" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Subtracting Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.fc5odss8rva" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Subtracting Integers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>7th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/600ec0146330ed001e68cad4/grammar-review" data-testid="activity-popular-resource-card-600ec0146330ed001e68cad4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Grammar Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.l6doa3qqvfe" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Grammar Review</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 9th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-w-header-base font-semibold">Discover more resources for Information Technology (IT)</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/5b9add444e356f00198a8c14/nouns-nouns-nouns" data-testid="activity-subject-resource-card-5b9add444e356f00198a8c14" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Nouns, nouns, nouns" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.fy4eqm9306" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Nouns, nouns, nouns</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>3rd Grade</p></div></div></div></div></div></a><a href="/admin/video-quiz/6735a74718bd2423fb21cbcd/lab-safety-procedures-and-guidelines" data-testid="activity-subject-resource-card-6735a74718bd2423fb21cbcd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab Safety Procedures and Guidelines" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.9sh9zd0cqnr" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Lab Safety Procedures and Guidelines</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 10th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/68b7811ef48d5f8909ec9d89/appointment-passes-review" data-testid="activity-subject-resource-card-68b7811ef48d5f8909ec9d89" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Appointment Passes Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.e2zt5gq9xwk" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Appointment Passes Review</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-subject-resource-card-5c389a492f1851001b880bd4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.boym7yi6u2v" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5da88ffcfec3ff001ce68888/subtracting-integers" data-testid="activity-subject-resource-card-5da88ffcfec3ff001ce68888" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Subtracting Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.78v1iha39pk" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Subtracting Integers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>7th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5efd0a3bd81107001b1430c2/adding-integers" data-testid="activity-subject-resource-card-5efd0a3bd81107001b1430c2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Adding Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 22 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.eodrk3vr8xk" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Adding Integers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/600ec0146330ed001e68cad4/grammar-review" data-testid="activity-subject-resource-card-600ec0146330ed001e68cad4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Grammar Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.s87z5kz6rqq" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Grammar Review</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 9th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/66bec42d5ceacb7a91c53b91/lab-safety-and-lab-equipment" data-testid="activity-subject-resource-card-66bec42d5ceacb7a91c53b91" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab Safety and Lab Equipment" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.nyg6h3wg3c" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Lab Safety and Lab Equipment</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>9th - 12th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><div class="flex-shrink-0"><a href="/library/math/functions/function-concepts/analyzing-functions/writing-and-interpreting-functions/writing-and-interpreting-composite-functions" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Writing and interpreting composite functions</span><div class="sr-only"><input type="checkbox" aria-labelledby="Writing and interpreting composite functions-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/life-science/anatomy-and-physiology/science-literacy-how-does-the-nervous-system-produce-phantom-pain" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Science literacy: how does the nervous system produce phantom pain?</span><div class="sr-only"><input type="checkbox" aria-labelledby="Science literacy: how does the nervous system produce phantom pain?-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/history/post-war-america-1945-1980/civil-rights-and-social-movements/african-american-civil-rights" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">African American Civil Rights</span><div class="sr-only"><input type="checkbox" aria-labelledby="African American Civil Rights-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/geometry/three-dimensional-shapes/attributes-of-3d-shapes" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Attributes of 3D shapes</span><div class="sr-only"><input type="checkbox" aria-labelledby="Attributes of 3D shapes-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/vocabulary/word-meaning/context-clues" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Context clues</span><div class="sr-only"><input type="checkbox" aria-labelledby="Context clues-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/economics/environmental-economics/sustainable-development" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Sustainable Development</span><div class="sr-only"><input type="checkbox" aria-labelledby="Sustainable Development-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/conventions/grammar/sentence-structure/phrases-and-clauses/relative" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Relative</span><div class="sr-only"><input type="checkbox" aria-labelledby="Relative-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/life-science/ecosystems/ecological-interactions/investigate-primary-succession-on-a-volcanic-island" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Investigate primary succession on a volcanic island</span><div class="sr-only"><input type="checkbox" aria-labelledby="Investigate primary succession on a volcanic island-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/algebra/polynomials/polynomial-theorems-and-applications" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Polynomial Theorems and Applications</span><div class="sr-only"><input type="checkbox" aria-labelledby="Polynomial Theorems and Applications-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/history/historical-thinking/analyzing-cause-and-effect" target="_blank"><div class="flex gap-1 py-1 px-3 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 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"><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><span class="text-wds-dark-500 select-none text-w-control-base font-semibold">Analyzing cause and effect</span><div class="sr-only"><input type="checkbox" aria-labelledby="Analyzing cause and effect-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-32684c53><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-32684c53><div class="flex flex-col justify-between w-full" data-v-32684c53><div class="flex flex-col md:flex-row" data-v-32684c53><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-32684c53></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-32684c53><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-32684c53><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-32684c53><p class="text-sm font-semibold copyright text-dark-4" data-v-32684c53> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-32684c53><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-32684c53><i class="social-icon fab fa-twitter" data-v-32684c53></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-32684c53><i class="social-icon fab fa-facebook" data-v-32684c53></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-32684c53><i class="social-icon fab fa-instagram" data-v-32684c53></i></a><span class="block w-px h-5 bg-dark-5" data-v-32684c53></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-32684c53><span class="text-sm text-dark-3 hover:underline" data-v-32684c53><span data-v-32684c53>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-32684c53><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-32684c53><span data-v-32684c53>Get our app</span></label><div class="flex space-x-2" data-v-32684c53><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-32684c53></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-32684c53></a></div></div></div></div></div></footer></main></div><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":1784,"once":1786,"_errors":1787,"serverRendered":5,"path":1789,"country":91,"region":1790,"nuxtSsrFeatureFlags":1791},["ShallowReactive",3],{"AuYvPBjoZ8":4,"f9ltIr8d5c":76,"niF84350vE":1623,"IwPdOjHK64":1722},{"success":5,"data":6,"time":75},true,{"quizzes":7,"total":71,"timeTaken":72,"experiment":73,"source":74},[8,19,27,34,43,50,57,64],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67766e775c6e8179dc623656",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","AWS, JavaScript, React - Deploy Web Apps on the Cloud\r - JavaScript For Loops","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cc8f8b5c-8cf6-430d-8d54-ff9f697910f4-v2",{"totalQuestions":18},6,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"6772e501a457d3dd507d1309",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Learn JavaScript from Scratch JavaScript for Everyone - Storing Data in Variables","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5bff52d8-ec37-4099-a2b7-c29b82a676af-v2",{"totalQuestions":26},8,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"6773f81ea4c93127f3076626",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - HTML Doctype","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e4aa8894-2281-4922-9a76-88ef4d477ac2-v2",{"totalQuestions":18},{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":41},"67740dd8a0d73d23cefb28bd",{"grade":37,"name":39,"slug":39,"image":40},[38,14],"0","Headings, Paragraphs and Lists","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f2874de5-0488-4371-a0c5-c8b48e5d54f3-v2",{"totalQuestions":42},11,{"id":44,"isSuper":10,"type":11,"info":45,"shouldIndex":10,"stats":49},"6775d578ef3d04a55625800a",{"grade":46,"name":47,"slug":47,"image":48},[14,14],"ChatGPT for Web Design - Create Amazing Websites - Where to Put the Code?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d2c3a8dd-b563-4955-bb30-769dcd69765f-v2",{"totalQuestions":26},{"id":51,"isSuper":10,"type":11,"info":52,"shouldIndex":10,"stats":56},"677557ba8b854ecdc35f21ac",{"grade":53,"name":54,"slug":54,"image":55},[14,14],"Practical CSS3 Mastery Course - Installation and Setup","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3998888b-a47e-424a-8f61-30593d95bbf6-v2",{"totalQuestions":26},{"id":58,"isSuper":10,"type":11,"info":59,"shouldIndex":10,"stats":63},"67ae37fe8615a7d511cc59d9",{"grade":60,"name":61,"slug":61,"image":62},[14,14],"Practical CSS3 Mastery Course - Your First HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/9413c640-afab-4939-ae8d-7a0c889cb64f-v2",{"totalQuestions":42},{"id":65,"isSuper":10,"type":11,"info":66,"shouldIndex":10,"stats":70},"677799d3ee4f9066c4e5c8aa",{"grade":67,"name":68,"slug":68,"image":69},[14,14],"Full Stack Web Development MASTERY Course - Novice to Expert - CSS Selectors","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/6765148e-091c-4632-9fc0-2ce213f508e9-v2",{"totalQuestions":42},5233,29,"quizPageRecoPublicSearch","recommended_search","2025-09-14T14:19:37.838345106Z",{"success":5,"message":77,"data":78,"time":1619,"meta":1620},"Ok",{"quiz":79,"draft":83},{"isTagged":10,"isLoved":10,"tagIds":80,"stats":81,"love":82,"cloned":10,"parentDetail":83,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":83,"publishedVersion":84,"isShared":10,"type":11,"_id":85,"createdBy":86,"info":103,"paidOrganization":1615,"createdAt":1616,"updated":1617,"premiumUse":1618,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":83,"lock":83},[],{"played":82,"totalPlayers":82,"totalCorrect":82,"totalQuestions":82},0,null,"6799dc71c96547db94653d42","67761c7dd787a71f91c9f986",{"_id":87,"firstName":88,"lastName":89,"occupation":90,"country":91,"preferences":92,"grades":94,"subject_tags":98,"media":102},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":93},"en",[18,95,26,96,97],7,9,10,[99,100,101],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":93,"aiGenerated":10,"qm":104,"visibility":5,"subjects":118,"topics":122,"subtopics":123,"grade":124,"gradeLevel":83,"deleted":10,"pref":125,"traits":126,"standardIds":128,"__v":129,"meta":130,"_id":84,"name":131,"image":132,"questions":133,"questionDrafts":622,"standards":83,"courses":83,"interactiveVideoProps":623,"createdAt":1613,"updated":1614,"isProfane":10,"whitelisted":5,"slug":131},{"67761c890d349940643b23e1":105,"67761c890d349940643b23e2":107,"67761c890d349940643b23e3":109,"67761c890d349940643b23e4":110,"67761c890d349940643b23e5":111,"67761c890d349940643b23e6":112,"67761c890d349940643b23e7":113,"67761c890d349940643b23e8":114,"67761c890d349940643b23e9":115,"67761c890d349940643b23ea":116,"67761c890d349940643b23eb":117},{"time":106},900000,{"time":108},30000,{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},{"time":108},[119,120,121],"Information Technology (IT)","Architecture","Other",[],[],[38,14],{"time":83},{"isQuizWithoutCorrectAnswer":10,"totalSlides":82,"totalComprehensionQuestions":127,"nonAnswerableQuestions":127},1,[],3,{"slot":83,"experiment":83},"Basic Document Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cded312f-a27c-4bad-8349-1146140c0165-v2",[134,193,240,282,325,368,411,453,495,538,580],{"structure":135,"standards":175,"topics":176,"isSuperParent":10,"standardIds":177,"aiGenerated":10,"__v":178,"teleportFrom":83,"cloned":83,"ver":129,"parent":83,"_id":179,"time":106,"published":5,"aiCreateMeta":83,"type":136,"comprehensionQuestionIds":180,"createdAt":191,"updated":192},{"kind":136,"answer":137,"settings":138,"marks":140,"query":141,"options":156,"explain":157,"theme":161,"graphs":170,"hints":171,"order":172,"hasMath":10,"media":173,"elements":174},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":82,"incorrect":82},{"answerTime":142,"math":143,"type":83,"hasMath":10,"media":145,"text":154,"_id":155},-1,{"latex":144,"template":83},[],[146],{"type":147,"meta":148},"video",{"duration":149,"endTime":149,"startTime":82,"videoId":150,"src":151,"thumbnail":152,"filmstrip":153},797,"63c7ae092722035d98f1262c","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_rv2slaf5/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_rv2slaf5/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67761c8993794493b8a22d5c",[],{"math":158,"type":154,"hasMath":10,"media":160,"text":154},{"latex":159,"template":83},[],[],{"titleFontFamily":162,"fontFamily":162,"fontColor":163,"background":165,"shape":167},"Quicksand",{"text":164},"#5D2057",{"color":166,"image":154,"video":154},"#FFFFFF",{"largeShapeColor":168,"smallShapeColor":169},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],4,"67761c890d349940643b23e1",[181,182,183,184,185,186,187,188,189,190],"67761c890d349940643b23e2","67761c890d349940643b23e3","67761c890d349940643b23e4","67761c890d349940643b23e5","67761c890d349940643b23e6","67761c890d349940643b23e7","67761c890d349940643b23e8","67761c890d349940643b23e9","67761c890d349940643b23ea","67761c890d349940643b23eb","2025-01-02T04:56:41.838Z","2025-01-29T07:44:49.785Z",{"structure":194,"standards":235,"topics":236,"isSuperParent":10,"standardIds":237,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":181,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":238,"createdAt":239,"updated":192},{"settings":195,"hasMath":10,"query":196,"options":202,"explain":227,"hints":231,"kind":232,"marks":233,"answer":234},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":198,"answerTime":142,"text":200,"media":201},"text",{"latex":199,"template":83},[],"\u003Cp>What is the first tool you need to start coding in HTML?\u003C/p>",[],[203,209,215,221],{"type":197,"hasMath":10,"math":204,"answerTime":82,"id":206,"text":207,"media":208,"_id":206},{"latex":205,"template":83},[],"67761c890fa25f3a0bb80c22","\u003Cp>A graphics editor\u003C/p>",[],{"type":197,"hasMath":10,"math":210,"answerTime":82,"id":212,"text":213,"media":214,"_id":212},{"latex":211,"template":83},[],"67761c890fa25f007cb80c23","\u003Cp>A database management system\u003C/p>",[],{"type":197,"hasMath":10,"math":216,"answerTime":82,"id":218,"text":219,"media":220,"_id":218},{"latex":217,"template":83},[],"67761c890fa25f50fbb80c24","\u003Cp>A web browser\u003C/p>",[],{"type":197,"hasMath":10,"math":222,"answerTime":82,"id":224,"text":225,"media":226,"_id":224},{"latex":223,"template":83},[],"67761c890fa25f1712b80c25","\u003Cp>A spreadsheet application\u003C/p>",[],{"type":197,"text":154,"media":228,"hasMath":10,"math":229,"answerTime":82},[],{"template":83,"latex":230},[],[],"MCQ",{"correct":127,"incorrect":82},2,[],[],[],64,"2025-01-02T04:56:41.854Z",{"structure":241,"standards":279,"topics":280,"isSuperParent":10,"standardIds":281,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":182,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":238,"createdAt":239,"updated":192},{"settings":242,"hasMath":10,"query":243,"options":248,"explain":273,"hints":277,"kind":232,"marks":278,"answer":234},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":244,"answerTime":142,"text":246,"media":247},{"latex":245,"template":83},[],"\u003Cp>Which text editor is recommended for HTML coding in this course?\u003C/p>",[],[249,255,261,267],{"type":197,"hasMath":10,"math":250,"answerTime":82,"id":252,"text":253,"media":254,"_id":252},{"latex":251,"template":83},[],"67761c890fa25ffa22b80c29","\u003Cp>Sublime Text\u003C/p>",[],{"type":197,"hasMath":10,"math":256,"answerTime":82,"id":258,"text":259,"media":260,"_id":258},{"latex":257,"template":83},[],"67761c890fa25f0abfb80c2a","\u003Cp>Atom\u003C/p>",[],{"type":197,"hasMath":10,"math":262,"answerTime":82,"id":264,"text":265,"media":266,"_id":264},{"latex":263,"template":83},[],"67761c890fa25fab12b80c2b","\u003Cp>Visual Studio Code\u003C/p>",[],{"type":197,"hasMath":10,"math":268,"answerTime":82,"id":270,"text":271,"media":272,"_id":270},{"latex":269,"template":83},[],"67761c890fa25fd562b80c2c","\u003Cp>Notepad\u003C/p>",[],{"type":197,"text":154,"media":274,"hasMath":10,"math":275,"answerTime":82},[],{"template":83,"latex":276},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":283,"standards":321,"topics":322,"isSuperParent":10,"standardIds":323,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":183,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":324,"createdAt":239,"updated":192},{"settings":284,"hasMath":10,"query":285,"options":290,"explain":315,"hints":319,"kind":232,"marks":320,"answer":127},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":286,"answerTime":142,"text":288,"media":289},{"latex":287,"template":83},[],"\u003Cp>What is the purpose of the Live Server extension in Visual Studio Code?\u003C/p>",[],[291,297,303,309],{"type":197,"hasMath":10,"math":292,"answerTime":82,"id":294,"text":295,"media":296,"_id":294},{"latex":293,"template":83},[],"67761c890fa25f345ab80c30","\u003Cp>To compile code\u003C/p>",[],{"type":197,"hasMath":10,"math":298,"answerTime":82,"id":300,"text":301,"media":302,"_id":300},{"latex":299,"template":83},[],"67761c890fa25f8099b80c31","\u003Cp>To load code into the browser easily\u003C/p>",[],{"type":197,"hasMath":10,"math":304,"answerTime":82,"id":306,"text":307,"media":308,"_id":306},{"latex":305,"template":83},[],"67761c890fa25f303eb80c32","\u003Cp>To manage databases\u003C/p>",[],{"type":197,"hasMath":10,"math":310,"answerTime":82,"id":312,"text":313,"media":314,"_id":312},{"latex":311,"template":83},[],"67761c890fa25f1587b80c33","\u003Cp>To edit images\u003C/p>",[],{"type":197,"text":154,"media":316,"hasMath":10,"math":317,"answerTime":82},[],{"template":83,"latex":318},[],[],{"correct":127,"incorrect":82},[],[],[],193,{"structure":326,"standards":364,"topics":365,"isSuperParent":10,"standardIds":366,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":184,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":367,"createdAt":239,"updated":192},{"settings":327,"hasMath":10,"query":328,"options":333,"explain":358,"hints":362,"kind":232,"marks":363,"answer":127},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":329,"answerTime":142,"text":331,"media":332},{"latex":330,"template":83},[],"\u003Cp>What is the first step in creating a new HTML file in Visual Studio Code?\u003C/p>",[],[334,340,346,352],{"type":197,"hasMath":10,"math":335,"answerTime":82,"id":337,"text":338,"media":339,"_id":337},{"latex":336,"template":83},[],"67761c890fa25fac1db80c37","\u003Cp>Create a new folder\u003C/p>",[],{"type":197,"hasMath":10,"math":341,"answerTime":82,"id":343,"text":344,"media":345,"_id":343},{"latex":342,"template":83},[],"67761c890fa25f40fcb80c38","\u003Cp>Right-click and select 'New File'\u003C/p>",[],{"type":197,"hasMath":10,"math":347,"answerTime":82,"id":349,"text":350,"media":351,"_id":349},{"latex":348,"template":83},[],"67761c890fa25fbeecb80c39","\u003Cp>Install a new extension\u003C/p>",[],{"type":197,"hasMath":10,"math":353,"answerTime":82,"id":355,"text":356,"media":357,"_id":355},{"latex":354,"template":83},[],"67761c890fa25f2b4ab80c3a","\u003Cp>Open a new tab\u003C/p>",[],{"type":197,"text":154,"media":359,"hasMath":10,"math":360,"answerTime":82},[],{"template":83,"latex":361},[],[],{"correct":127,"incorrect":82},[],[],[],300,{"structure":369,"standards":407,"topics":408,"isSuperParent":10,"standardIds":409,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":185,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":410,"createdAt":239,"updated":192},{"settings":370,"hasMath":10,"query":371,"options":376,"explain":401,"hints":405,"kind":232,"marks":406,"answer":82},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":372,"answerTime":142,"text":374,"media":375},{"latex":373,"template":83},[],"\u003Cp>What does the document type declaration in HTML signify?\u003C/p>",[],[377,383,389,395],{"type":197,"hasMath":10,"math":378,"answerTime":82,"id":380,"text":381,"media":382,"_id":380},{"latex":379,"template":83},[],"67761c890fa25f95eab80c3e","\u003Cp>The version of HTML being used\u003C/p>",[],{"type":197,"hasMath":10,"math":384,"answerTime":82,"id":386,"text":387,"media":388,"_id":386},{"latex":385,"template":83},[],"67761c890fa25f2c85b80c3f","\u003Cp>The language of the document\u003C/p>",[],{"type":197,"hasMath":10,"math":390,"answerTime":82,"id":392,"text":393,"media":394,"_id":392},{"latex":391,"template":83},[],"67761c890fa25f6c1db80c40","\u003Cp>The author of the document\u003C/p>",[],{"type":197,"hasMath":10,"math":396,"answerTime":82,"id":398,"text":399,"media":400,"_id":398},{"latex":397,"template":83},[],"67761c890fa25f8f59b80c41","\u003Cp>The encoding type\u003C/p>",[],{"type":197,"text":154,"media":402,"hasMath":10,"math":403,"answerTime":82},[],{"template":83,"latex":404},[],[],{"correct":127,"incorrect":82},[],[],[],601,{"structure":412,"standards":450,"topics":451,"isSuperParent":10,"standardIds":452,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":186,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":410,"createdAt":239,"updated":192},{"settings":413,"hasMath":10,"query":414,"options":419,"explain":444,"hints":448,"kind":232,"marks":449,"answer":129},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":415,"answerTime":142,"text":417,"media":418},{"latex":416,"template":83},[],"\u003Cp>Which tag is used to define the title of an HTML document?\u003C/p>",[],[420,426,432,438],{"type":197,"hasMath":10,"math":421,"answerTime":82,"id":423,"text":424,"media":425,"_id":423},{"latex":422,"template":83},[],"67761c890fa25f78f1b80c45","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":197,"hasMath":10,"math":427,"answerTime":82,"id":429,"text":430,"media":431,"_id":429},{"latex":428,"template":83},[],"67761c890fa25f0f74b80c46","\u003Cp>\u003Chead>\u003C/p>",[],{"type":197,"hasMath":10,"math":433,"answerTime":82,"id":435,"text":436,"media":437,"_id":435},{"latex":434,"template":83},[],"67761c890fa25f6a44b80c47","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":197,"hasMath":10,"math":439,"answerTime":82,"id":441,"text":442,"media":443,"_id":441},{"latex":440,"template":83},[],"67761c890fa25fd1bcb80c48","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":197,"text":154,"media":445,"hasMath":10,"math":446,"answerTime":82},[],{"template":83,"latex":447},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":454,"standards":492,"topics":493,"isSuperParent":10,"standardIds":494,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":187,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":410,"createdAt":239,"updated":192},{"settings":455,"hasMath":10,"query":456,"options":461,"explain":486,"hints":490,"kind":232,"marks":491,"answer":129},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":457,"answerTime":142,"text":459,"media":460},{"latex":458,"template":83},[],"\u003Cp>What is the purpose of the viewport meta tag?\u003C/p>",[],[462,468,474,480],{"type":197,"hasMath":10,"math":463,"answerTime":82,"id":465,"text":466,"media":467,"_id":465},{"latex":464,"template":83},[],"67761c890fa25fcf9ab80c4c","\u003Cp>To specify the document's author\u003C/p>",[],{"type":197,"hasMath":10,"math":469,"answerTime":82,"id":471,"text":472,"media":473,"_id":471},{"latex":470,"template":83},[],"67761c890fa25f3c53b80c4d","\u003Cp>To set the language of the document\u003C/p>",[],{"type":197,"hasMath":10,"math":475,"answerTime":82,"id":477,"text":478,"media":479,"_id":477},{"latex":476,"template":83},[],"67761c890fa25f7303b80c4e","\u003Cp>To define the character set\u003C/p>",[],{"type":197,"hasMath":10,"math":481,"answerTime":82,"id":483,"text":484,"media":485,"_id":483},{"latex":482,"template":83},[],"67761c890fa25f368eb80c4f","\u003Cp>To control the page's dimensions and scaling\u003C/p>",[],{"type":197,"text":154,"media":487,"hasMath":10,"math":488,"answerTime":82},[],{"template":83,"latex":489},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":496,"standards":534,"topics":535,"isSuperParent":10,"standardIds":536,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":188,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":537,"createdAt":239,"updated":192},{"settings":497,"hasMath":10,"query":498,"options":503,"explain":528,"hints":532,"kind":232,"marks":533,"answer":234},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":499,"answerTime":142,"text":501,"media":502},{"latex":500,"template":83},[],"\u003Cp>What is the traditional first program written in a new programming language?\u003C/p>",[],[504,510,516,522],{"type":197,"hasMath":10,"math":505,"answerTime":82,"id":507,"text":508,"media":509,"_id":507},{"latex":506,"template":83},[],"67761c890fa25f1440b80c53","\u003Cp>Goodbye World\u003C/p>",[],{"type":197,"hasMath":10,"math":511,"answerTime":82,"id":513,"text":514,"media":515,"_id":513},{"latex":512,"template":83},[],"67761c890fa25ff0cfb80c54","\u003Cp>Hello Universe\u003C/p>",[],{"type":197,"hasMath":10,"math":517,"answerTime":82,"id":519,"text":520,"media":521,"_id":519},{"latex":518,"template":83},[],"67761c890fa25fa887b80c55","\u003Cp>Hello World\u003C/p>",[],{"type":197,"hasMath":10,"math":523,"answerTime":82,"id":525,"text":526,"media":527,"_id":525},{"latex":524,"template":83},[],"67761c890fa25f84eeb80c56","\u003Cp>Welcome Home\u003C/p>",[],{"type":197,"text":154,"media":529,"hasMath":10,"math":530,"answerTime":82},[],{"template":83,"latex":531},[],[],{"correct":127,"incorrect":82},[],[],[],786,{"structure":539,"standards":577,"topics":578,"isSuperParent":10,"standardIds":579,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":189,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":537,"createdAt":239,"updated":192},{"settings":540,"hasMath":10,"query":541,"options":546,"explain":571,"hints":575,"kind":232,"marks":576,"answer":127},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":542,"answerTime":142,"text":544,"media":545},{"latex":543,"template":83},[],"\u003Cp>Which tag is used to create a heading in HTML?\u003C/p>",[],[547,553,559,565],{"type":197,"hasMath":10,"math":548,"answerTime":82,"id":550,"text":551,"media":552,"_id":550},{"latex":549,"template":83},[],"67761c890fa25f17e9b80c5a","\u003Cp>\u003C/p>",[],{"type":197,"hasMath":10,"math":554,"answerTime":82,"id":556,"text":557,"media":558,"_id":556},{"latex":555,"template":83},[],"67761c890fa25fb2c4b80c5b","\u003Cp>\u003Ch1>\u003C/p>",[],{"type":197,"hasMath":10,"math":560,"answerTime":82,"id":562,"text":563,"media":564,"_id":562},{"latex":561,"template":83},[],"67761c890fa25f022bb80c5c","\u003Cp>\u003Cdiv>\u003C/p>",[],{"type":197,"hasMath":10,"math":566,"answerTime":82,"id":568,"text":569,"media":570,"_id":568},{"latex":567,"template":83},[],"67761c890fa25faf4db80c5d","\u003Cp>\u003Cspan>\u003C/p>",[],{"type":197,"text":154,"media":572,"hasMath":10,"math":573,"answerTime":82},[],{"template":83,"latex":574},[],[],{"correct":127,"incorrect":82},[],[],[],{"structure":581,"standards":619,"topics":620,"isSuperParent":10,"standardIds":621,"aiGenerated":5,"__v":129,"teleportFrom":83,"cloned":83,"ver":234,"parent":83,"_id":190,"time":108,"published":5,"aiCreateMeta":83,"type":232,"comprehensionQuestionId":179,"comprehensionTimestamp":537,"createdAt":239,"updated":192},{"settings":582,"hasMath":10,"query":583,"options":588,"explain":613,"hints":617,"kind":232,"marks":618,"answer":127},{"hasCorrectAnswer":5,"fibDataType":139,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":197,"hasMath":10,"math":584,"answerTime":142,"text":586,"media":587},{"latex":585,"template":83},[],"\u003Cp>What is the purpose of the 'Go Live' button in Visual Studio Code?\u003C/p>",[],[589,595,601,607],{"type":197,"hasMath":10,"math":590,"answerTime":82,"id":592,"text":593,"media":594,"_id":592},{"latex":591,"template":83},[],"67761c890fa25f082ab80c61","\u003Cp>To open a live coding session\u003C/p>",[],{"type":197,"hasMath":10,"math":596,"answerTime":82,"id":598,"text":599,"media":600,"_id":598},{"latex":597,"template":83},[],"67761c890fa25ff085b80c62","\u003Cp>To launch a web browser with the current HTML page\u003C/p>",[],{"type":197,"hasMath":10,"math":602,"answerTime":82,"id":604,"text":605,"media":606,"_id":604},{"latex":603,"template":83},[],"67761c890fa25f0e1bb80c63","\u003Cp>To start a live chat\u003C/p>",[],{"type":197,"hasMath":10,"math":608,"answerTime":82,"id":610,"text":611,"media":612,"_id":610},{"latex":609,"template":83},[],"67761c890fa25f04f1b80c64","\u003Cp>To save the current document\u003C/p>",[],{"type":197,"text":154,"media":614,"hasMath":10,"math":615,"answerTime":82},[],{"template":83,"latex":616},[],[],{"correct":127,"incorrect":82},[],[],[],[],{"videoMeta":624,"aiMeta":1529},{"videoProvider":151,"videoId":150,"videoTitle":131,"duration":149,"channelTitle":625,"videoType":626,"videoSubTypes":627,"transcript":629},"SkillSprints","INSTRUCTIONAL",[628],"CHALK_AND_TALK_PRESENTATION",[630,634,638,642,646,650,654,658,662,666,670,674,678,682,686,690,694,698,702,705,709,713,717,721,725,729,733,737,741,745,749,753,756,760,764,768,772,776,780,784,788,792,796,799,803,807,811,815,819,823,827,831,835,839,843,847,851,855,859,863,867,871,875,879,883,887,891,894,898,902,906,910,913,917,921,925,928,932,936,940,944,948,952,956,960,964,968,972,976,980,984,988,992,996,1000,1004,1008,1012,1016,1020,1024,1028,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1070,1074,1077,1081,1085,1089,1093,1097,1101,1105,1109,1113,1117,1121,1125,1129,1133,1136,1140,1144,1148,1152,1156,1159,1163,1167,1171,1175,1179,1183,1187,1191,1195,1199,1203,1207,1210,1214,1218,1222,1226,1230,1234,1238,1242,1246,1250,1254,1258,1262,1266,1270,1274,1278,1282,1286,1290,1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342,1346,1349,1353,1357,1360,1364,1368,1372,1376,1380,1384,1387,1391,1395,1399,1403,1407,1411,1415,1419,1423,1427,1431,1435,1439,1443,1447,1451,1454,1458,1461,1465,1469,1473,1477,1481,1485,1489,1493,1497,1501,1505,1509,1513,1517,1521,1525],{"text":631,"duration":632,"offset":633},"of HTML.",483,3446,{"text":635,"duration":636,"offset":637},"Hello and welcome to HTML5 foundations. My name is Mark",3630,11650,{"text":639,"duration":640,"offset":641},"and I'm the instructor for this course. I really think",3565,15346,{"text":643,"duration":644,"offset":645},"you're going to enjoy learning HTML5 because it's foundational to",4290,18977,{"text":647,"duration":648,"offset":649},"every website that you've ever visited. For any website that",3961,23333,{"text":651,"duration":652,"offset":653},"you visit, you can actually see the HTML5 code in",3235,27360,{"text":655,"duration":656,"offset":657},"your web browser. You're going to learn all of the",3300,30661,{"text":659,"duration":660,"offset":661},"syntax and structures.",1452,34027,{"text":663,"duration":664,"offset":665},"For the HTML5 language in this video we're going to",3262,35580,{"text":667,"duration":668,"offset":669},"hit the ground running. You're going to write your first",3582,38906,{"text":671,"duration":672,"offset":673},"lines of HTML5 code, but first we're going to set",3135,42552,{"text":675,"duration":676,"offset":677},"U your coding environments so you can get started. In",3390,45751,{"text":679,"duration":680,"offset":681},"order to work in HTML there are two tools you're",3071,49205,{"text":683,"duration":684,"offset":685},"going to need. The first I guarantee you already have,",3454,52340,{"text":687,"duration":688,"offset":689},"and that's a web browser. You're probably already using it,",3774,55858,{"text":691,"duration":692,"offset":693},"but I recommend Chrome and getting the latest edition of",3583,59696,{"text":695,"duration":696,"offset":697},"Chrome, the other tool that you need.",2366,63343,{"text":699,"duration":700,"offset":701},"Is a text editor. I'm going to be using Visual",2887,65790,{"text":703,"duration":700,"offset":704},"Studio code and I recommend that you use it as",68740,{"text":706,"duration":707,"offset":708},"well. There's a version for Mac, Windows, and Linux. Please",3704,71690,{"text":710,"duration":711,"offset":712},"download the stable version so you don't have to deal",3327,75457,{"text":714,"duration":715,"offset":716},"with any bugs that might be in the beta version.",3013,78846,{"text":718,"duration":719,"offset":720},"Once you install Visual Studio code, you'll come to a",3343,82959,{"text":722,"duration":723,"offset":724},"screen that looks something like this. I'm going to click",3594,86365,{"text":726,"duration":727,"offset":728},"over here on the extensions option.",2208,90022,{"text":730,"duration":731,"offset":732},"Visual Studio Code has a plugin based architecture. That means",3808,92940,{"text":734,"duration":735,"offset":736},"that there are features that don't come with the base",3256,96810,{"text":738,"duration":739,"offset":740},"install. Instead you have to download those features as a",3502,100127,{"text":742,"duration":743,"offset":744},"plugin. We're going to actually use two of those features.",3563,103690,{"text":746,"duration":747,"offset":748},"The first plugin you're going to download is called Live",3441,107314,{"text":750,"duration":751,"offset":752},"Server. So simply type live server. You'll see it come",3317,110816,{"text":754,"duration":700,"offset":755},"up here. Click on it and you'll see the install",114195,{"text":757,"duration":758,"offset":759},"button here where it says uninstall. In mine, of course",3379,117143,{"text":761,"duration":762,"offset":763},"mine says uninstall because I already have it.",2826,120584,{"text":765,"duration":766,"offset":767},"Installed live server will allow us to load our code",4837,123480,{"text":769,"duration":770,"offset":771},"into the browser very easily. The second extension if you",5302,128410,{"text":773,"duration":774,"offset":775},"search HTML, CSS is called HTML. CSS support CSS Intellisense",5674,133805,{"text":777,"duration":778,"offset":779},"for HTML.",837,139572,{"text":781,"duration":782,"offset":783},"What this is going to do is provide some additional",3080,141540,{"text":785,"duration":786,"offset":787},"help in the development environment. When we code C, you're",3564,144681,{"text":789,"duration":790,"offset":791},"going to install that plugin as well. The plugins are",3202,148305,{"text":793,"duration":794,"offset":795},"a lot of fun. If you want to look through",2477,151567,{"text":797,"duration":664,"offset":798},"the list of available plugins and add some that appeal",154105,{"text":800,"duration":801,"offset":802},"to you, go ahead. Some of the plugins you'll find",2960,157427,{"text":804,"duration":805,"offset":806},"just add some visual niceties to the environment. Others support",3866,160448,{"text":808,"duration":809,"offset":810},"other types of code. For example, if we were coding",3081,164374,{"text":812,"duration":813,"offset":814},"in Python.",605,167515,{"text":816,"duration":817,"offset":818},"There's a number of relevant Python plugins, but we're going",3711,169740,{"text":820,"duration":821,"offset":822},"to stick to HTML. Once you have your two plugins",2969,173513,{"text":824,"duration":825,"offset":826},"installed, click on the top button on the left hand",3154,176544,{"text":828,"duration":829,"offset":830},"side called Explorer. I always recommend that you keep all",3588,179760,{"text":832,"duration":833,"offset":834},"your code in a single folder, so if you have",2721,183410,{"text":836,"duration":837,"offset":838},"not yet done so, go ahead and create a folder",2784,186193,{"text":840,"duration":841,"offset":842},"on your desktop or in your documents for the HTML",3031,189038,{"text":844,"duration":845,"offset":846},"code we're about to write.",1608,192131,{"text":848,"duration":849,"offset":850},"As a reminder, I think the best way to do",2293,194490,{"text":852,"duration":853,"offset":854},"this is to code along with me and use the",2294,196839,{"text":856,"duration":857,"offset":858},"pause button as you need to to keep U. You're",2518,199189,{"text":860,"duration":861,"offset":862},"not going to remember this just by watching the video",2965,201763,{"text":864,"duration":865,"offset":866},"O be an active learner. I've already created my folder",3021,204784,{"text":868,"duration":869,"offset":870},"so I'm going to choose open folder.",1958,207861,{"text":872,"duration":873,"offset":874},"And on my desktop I have a folder for HTML",2889,211410,{"text":876,"duration":877,"offset":878},"authoring. I'm going to select it and click open.",3371,214368,{"text":880,"duration":881,"offset":882},"Now, right now that folder is blank, so let's create",3617,218750,{"text":884,"duration":885,"offset":886},"our first file where we're going to write our HTML",3479,222436,{"text":888,"duration":889,"offset":890},"code. O here in the Explorer bar, under the name",3339,225984,{"text":892,"duration":889,"offset":893},"of the folder I just created, I'm going to right",229393,{"text":895,"duration":896,"offset":897},"click. I'm going to choose.",1878,232801,{"text":899,"duration":900,"offset":901},"New file and here I can type the file name.",3887,235400,{"text":903,"duration":904,"offset":905},"I'm going to type first HTML.",2621,239378,{"text":907,"duration":908,"offset":909},"As a standard, we use all lowercase for our file",3070,242960,{"text":911,"duration":711,"offset":912},"names, and every HTML file that you write should end",246094,{"text":914,"duration":915,"offset":916},"in HTML. That's how the browser is going to identify",3326,249485,{"text":918,"duration":919,"offset":920},"it as an HTML file and know that it's OK",2559,252875,{"text":922,"duration":923,"offset":924},"to run. So now we have to add our code",2431,255498,{"text":926,"duration":680,"offset":927},"to the file. So we're going to start with what's",257993,{"text":929,"duration":930,"offset":931},"called the basic document structure. The basic document structure occurs",4606,261128,{"text":933,"duration":934,"offset":935},"in every single HTML document, whether it runs in the",3391,265798,{"text":937,"duration":938,"offset":939},"web browser or on a TV or in a mobile",2367,269253,{"text":941,"duration":942,"offset":943},"app.",256,271684,{"text":945,"duration":946,"offset":947},"So the first part of the basic document structure is",3573,272700,{"text":949,"duration":950,"offset":951},"called the document Type Declaration. It looks just like that.",4261,276342,{"text":953,"duration":954,"offset":955},"Doctype HTML. Essentially, this is declaring that we're working in",4536,280672,{"text":957,"duration":958,"offset":959},"HTML version five. That's what that means. It actually isn't",4123,285277,{"text":961,"duration":962,"offset":963},"in HTML. It simply declares that we're going to be",3436,289469,{"text":965,"duration":966,"offset":967},"writing HTML, and the formal HTML starts on the next",3574,292974,{"text":969,"duration":970,"offset":971},"line. So HTML is written in a series of tags.",3092,296617,{"text":973,"duration":974,"offset":975},"We'll start with our HTML tags, the HTML tags.",3161,299778,{"text":977,"duration":978,"offset":979},"Around the entire HTML document. And then we have two",4646,303010,{"text":981,"duration":982,"offset":983},"parts to our document. We have the head, and below",4383,307744,{"text":985,"duration":986,"offset":987},"the head, somewhat unironically, is the body.",3945,312215,{"text":989,"duration":990,"offset":991},"Inside the head is the title tag, and we'll call",5087,317370,{"text":993,"duration":994,"offset":995},"this first HTML documents.",2756,322563,{"text":997,"duration":998,"offset":999},"So this is our basic document structure. These tags are",4572,326560,{"text":1001,"duration":1002,"offset":1003},"the scaffolding of every HTML document out there.",4074,331215,{"text":1005,"duration":1006,"offset":1007},"You might want to save this as a template and",3063,336450,{"text":1009,"duration":1010,"offset":1011},"then load it anytime you start a new HTML document.",3473,339581,{"text":1013,"duration":1014,"offset":1015},"Or if you downloaded Visual Studio code with me and",3472,343122,{"text":1017,"duration":1018,"offset":1019},"are lazy like me, I got a trick to show",2655,346662,{"text":1021,"duration":1022,"offset":1023},"you. Let's go ahead and save this document first dot",3540,349385,{"text":1025,"duration":1026,"offset":1027},"HTML I just hit command S, hit control S on",2927,352994,{"text":1029,"duration":1022,"offset":1030},"a Windows machine and let's create another document.",355989,{"text":1032,"duration":1033,"offset":1034},"So I'm going to right click here under HTML authoring",4282,360279,{"text":1036,"duration":1037,"offset":1038},"choose new file and let's call this BDS for basic",3958,364642,{"text":1040,"duration":1041,"offset":1042},"document structure HTML.",1938,368681,{"text":1044,"duration":1045,"offset":1046},"Now, once I save this as a HTML document, I'm",2679,372040,{"text":1048,"duration":1049,"offset":1050},"just going to type without the brackets here on line",3096,374779,{"text":1052,"duration":1053,"offset":1054},"one HTML. Notice that Visual Studio code is giving me",3155,377935,{"text":1056,"duration":1057,"offset":1058},"some help with a dropdown and it's giving me a",2739,381150,{"text":1060,"duration":1061,"offset":1062},"couple of different options. These are different versions of the",3811,383949,{"text":1064,"duration":1065,"offset":1066},"basic document structure that I can load automatically. So all",3692,387819,{"text":1068,"duration":684,"offset":1069},"of that typing I just did actually unnecessary. Although I",391570,{"text":1071,"duration":1072,"offset":1073},"recommend you do learn it by heart because you're not",3156,395084,{"text":1075,"duration":1072,"offset":1076},"always going to be in this environment and you should",398299,{"text":1078,"duration":1079,"offset":1080},"be able to.",655,401515,{"text":1082,"duration":1083,"offset":1084},"Know when something's wrong when you're reading code. So there's",4339,402240,{"text":1086,"duration":1087,"offset":1088},"the HTML standard version, HTML5, and then the HTML XML",3729,406647,{"text":1090,"duration":1091,"offset":1092},"compatible version. We're going to choose the one in the",3797,410444,{"text":1094,"duration":1095,"offset":1096},"middle, HTML5. I'm simply going to use my arrow keys",3525,414309,{"text":1098,"duration":1099,"offset":1100},"to move up and down and then press return to",2984,417902,{"text":1102,"duration":1103,"offset":1104},"select and voila, we have my entire basic document structure.",4137,420953,{"text":1106,"duration":1107,"offset":1108},"Ready to go now? If your code is running off",2426,426820,{"text":1110,"duration":1111,"offset":1112},"the right side of the screen, as mine is, because",2702,429301,{"text":1114,"duration":1115,"offset":1116},"I have it magnified a little bit, I'm just going",2648,432058,{"text":1118,"duration":1119,"offset":1120},"to hit option and that will turn on the actual",2536,434761,{"text":1122,"duration":1123,"offset":1124},"carriage returns within the lines. You'll see line 6 now",3088,437353,{"text":1126,"duration":1127,"offset":1128},"is more than one line. Line 5 is more than",2316,440496,{"text":1130,"duration":1131,"offset":1132},"one line. It has nothing to do with how the",2372,442867,{"text":1134,"duration":1111,"offset":1135},"code is processed, it just makes it easier for me",445294,{"text":1137,"duration":1138,"offset":1139},"to read as a developer.",1269,448051,{"text":1141,"duration":1142,"offset":1143},"Let's review the code in our basic document structure.",3400,450740,{"text":1145,"duration":1146,"offset":1147},"As I mentioned, line one is our Doctype declaration stating",4629,455020,{"text":1149,"duration":1150,"offset":1151},"that this document is HTML5. Line 2 is our opening",3923,459728,{"text":1153,"duration":1154,"offset":1155},"HTML tag that's paired with a closing tag. In fact,",4001,463730,{"text":1157,"duration":1150,"offset":1158},"almost every tag is paired with a closing tag. The",467810,{"text":1160,"duration":1161,"offset":1162},"opening tag in this case is on Line 2. Our",3296,471812,{"text":1164,"duration":1165,"offset":1166},"closing tag is on line 12 and starts with a",3374,475186,{"text":1168,"duration":1169,"offset":1170},"slash.",470,478639,{"text":1172,"duration":1173,"offset":1174},"In the HTML opening tag, we have what's called an",3258,480350,{"text":1176,"duration":1177,"offset":1178},"attribute.",665,483675,{"text":1180,"duration":1181,"offset":1182},"And attribute modifies A tag. In this case, we're simply",3470,485170,{"text":1184,"duration":1185,"offset":1186},"indicating that the language is English language and English are",3966,488702,{"text":1188,"duration":1189,"offset":1190},"abbreviated, but you can see exactly what this attribute means.",3904,492730,{"text":1192,"duration":1193,"offset":1194},"This attribute is not strictly required, but it's not a",3409,496696,{"text":1196,"duration":1197,"offset":1198},"bad idea to have it, so let's leave it in.",2602,500167,{"text":1200,"duration":1201,"offset":1202},"We then have our opening head tag and our closing",3037,502831,{"text":1204,"duration":1205,"offset":1206},"head tag on Line 8, and you'll notice that the",2851,505930,{"text":1208,"duration":1181,"offset":1209},"coding environment added a bunch of meta tags. Meta tags",508843,{"text":1211,"duration":1212,"offset":1213},"essentially give information about our document.",2974,512375,{"text":1215,"duration":1216,"offset":1217},"So on line four we have a meta tag indicating",2977,515460,{"text":1219,"duration":1220,"offset":1221},"that we're using the character set UTF 8. That's a",3308,518503,{"text":1223,"duration":1224,"offset":1225},"pretty standard character set for English speaking countries. We also",4565,521877,{"text":1227,"duration":1228,"offset":1229},"have this HTTP equiv xua compatible, and if memory serves,",3838,526508,{"text":1231,"duration":1232,"offset":1233},"that was for older Internet Explorer machines. I don't think",3969,530412,{"text":1235,"duration":1236,"offset":1237},"anybody really uses that anymore. We actually could get rid",3903,534448,{"text":1239,"duration":1240,"offset":1241},"of it, but it doesn't harm anything to have it",3044,538417,{"text":1243,"duration":1244,"offset":1245},"there, so we'll leave it. Line 6 is an important",3176,541527,{"text":1247,"duration":1248,"offset":1249},"line.",331,544769,{"text":1251,"duration":1252,"offset":1253},"Meta name viewport content with equals device with initial scale",4505,545790,{"text":1255,"duration":1256,"offset":1257},"equals 1.0.",774,550365,{"text":1259,"duration":1260,"offset":1261},"It used to be that when people loaded a web",3093,552470,{"text":1263,"duration":1264,"offset":1265},"page into their computer, it was pretty predictable how big",4244,555635,{"text":1267,"duration":1268,"offset":1269},"their screen would be. That's no longer the case. People",4028,559951,{"text":1271,"duration":1272,"offset":1273},"are looking at web pages on everything from gigantic 4K",3957,564051,{"text":1275,"duration":1276,"offset":1277},"televisions to tiny iPhone mini devices, so we aren't sure",4172,568080,{"text":1279,"duration":1280,"offset":1281},"how big the screen is. What this meta tag is",3165,572324,{"text":1283,"duration":1284,"offset":1285},"doing is essentially saying OK, for the purpose of displaying",4388,575561,{"text":1287,"duration":1288,"offset":1289},"this website, we're going to set our magnification.",3669,580021,{"text":1291,"duration":1292,"offset":1293},"100% and we're going to make the width of the",2800,583760,{"text":1295,"duration":1296,"offset":1297},"screen the same as our device width. That sets U",2987,586623,{"text":1299,"duration":1300,"offset":1301},"the viewport or window through which you see the website.",3548,589672,{"text":1303,"duration":1304,"offset":1305},"Essentially what this is doing is preventing the user from",3610,593282,{"text":1307,"duration":1308,"offset":1309},"having that zoomed out view of the website that's impossible",3734,596955,{"text":1311,"duration":1312,"offset":1313},"to use on a mobile device.",1618,600751,{"text":1315,"duration":1316,"offset":1317},"Line 7 concludes our basic document structure with the title",4885,603070,{"text":1319,"duration":1320,"offset":1321},"tag. Let's change the value of the title tag to",3827,608036,{"text":1323,"duration":1324,"offset":1325},"basic document structure.",2035,611944,{"text":1327,"duration":1328,"offset":1329},"If you want your page indexed by Google, the title",3077,614929,{"text":1331,"duration":1332,"offset":1333},"tag is actually really important, and that's because the value",3815,618067,{"text":1335,"duration":1336,"offset":1337},"of the title tag where we put basic document structure",3323,621943,{"text":1339,"duration":1340,"offset":1341},"is the 1st place Google's going to look to figure",3015,625327,{"text":1343,"duration":1344,"offset":1345},"out how to index your page and for which keywords",3014,628404,{"text":1347,"duration":1332,"offset":1348},"your page should appear. Also, if someone bookmarks your page,",631480,{"text":1350,"duration":1351,"offset":1352},"the value of the title tag is the default name",2830,635356,{"text":1354,"duration":1355,"offset":1356},"of the bookmark. Third, if someone has a lot of",2892,638248,{"text":1358,"duration":1351,"offset":1359},"tabs open, I don't know if one of those people",641201,{"text":1361,"duration":1362,"offset":1363},"is like 30-40 tabs open.",1477,644093,{"text":1365,"duration":1366,"offset":1367},"At the same time this title tag value appears in",2972,645640,{"text":1369,"duration":1370,"offset":1371},"the tab so people know how to find the page",2663,648674,{"text":1373,"duration":1374,"offset":1375},"and go back to it. So this is an important",2601,651399,{"text":1377,"duration":1378,"offset":1379},"tag that you should be aware of what it does.",2787,654062,{"text":1381,"duration":1382,"offset":1383},"So here we have our title basic document structure.",3159,656911,{"text":1385,"duration":1260,"offset":1386},"Now in the body we don't have anything, and the",660790,{"text":1388,"duration":1389,"offset":1390},"body is where we would put all of the elements",3028,663949,{"text":1392,"duration":1393,"offset":1394},"that appear on the screen. O let's add something that's",3620,667043,{"text":1396,"duration":1397,"offset":1398},"fairly traditional.",1251,670729,{"text":1400,"duration":1401,"offset":1402},"The first time developers learn a new programming language, it's",3951,672690,{"text":1404,"duration":1405,"offset":1406},"traditional to write the Hello World program, which outputs the",3890,676702,{"text":1408,"duration":1409,"offset":1410},"text Hello World. O we're going to use another tag",3087,680653,{"text":1412,"duration":1413,"offset":1414},"to say Hello World. That tag is H1, also known",2840,683802,{"text":1416,"duration":1417,"offset":1418},"as heading one.",927,686703,{"text":1420,"duration":1421,"offset":1422},"So I'm going to begin typing my H1 tag and",2971,689110,{"text":1424,"duration":1425,"offset":1426},"notice when I close the tag, my environment automatically inserts",4598,692152,{"text":1428,"duration":1429,"offset":1430},"the closing H1 tag. Now I just need to type",3042,696821,{"text":1432,"duration":1433,"offset":1434},"in here the content for that tag, which is going",3396,699934,{"text":1436,"duration":1437,"offset":1438},"to be hello.",848,703401,{"text":1440,"duration":1441,"offset":1442},"World. Now I'm going to save the document.",2440,705140,{"text":1444,"duration":1445,"offset":1446},"It's saved under BDH HTML. Now remember earlier we installed",4071,710929,{"text":1448,"duration":1449,"offset":1450},"the extension live server. I'm going to click in the",3528,715067,{"text":1452,"duration":934,"offset":1453},"bottom right here where it says go live and that's",718663,{"text":1455,"duration":1456,"offset":1457},"going to load a web browser and display my page",3188,722122,{"text":1459,"duration":1456,"offset":1460},"through a live server. Here we go and there you",725378,{"text":1462,"duration":1463,"offset":1464},"see hello World.",1085,728634,{"text":1466,"duration":1467,"offset":1468},"So our code was successful in outputting your first HTML",3766,730600,{"text":1470,"duration":1471,"offset":1472},"text.",337,734433,{"text":1474,"duration":1475,"offset":1476},"And that text was produced by Line 10. Let's add",3832,735880,{"text":1478,"duration":1479,"offset":1480},"one more tag.",1038,739792,{"text":1482,"duration":1483,"offset":1484},"So this time I'm going to use a paragraph tag",3834,742360,{"text":1486,"duration":1487,"offset":1488},"an in the paragraph tag I'm going to say welcome",4090,746279,{"text":1490,"duration":1491,"offset":1492},"to the world of HTML coding.",2386,750454,{"text":1494,"duration":1495,"offset":1496},"Will again save our document.",1540,754530,{"text":1498,"duration":1499,"offset":1500},"And because we're using live server, as soon as I",3266,759750,{"text":1502,"duration":1503,"offset":1504},"load my web browser again, you can see the change",3267,763083,{"text":1506,"duration":1507,"offset":1508},"that was made.",934,766416,{"text":1510,"duration":1511,"offset":1512},"Alright, so congratulations on creating your first lines of code",4078,768890,{"text":1514,"duration":1515,"offset":1516},"and successfully writing the HTML5 Hello World program. Congratulations, you've",5034,773032,{"text":1518,"duration":1519,"offset":1520},"already written your first lines of HTML5 code. Let's keep",3696,778129,{"text":1522,"duration":1523,"offset":1524},"going. In the next video you're going to work on",3059,781889,{"text":1526,"duration":1527,"offset":1528},"HTML headings and paragraphs.",1848,785012,{"summary":1530,"sections":1531,"learningObjectives":1590,"keyConcepts":1599,"videoTags":1605},"This video tutorial introduces HTML5, explaining its significance in web development. It guides viewers through setting up a coding environment using a web browser and Visual Studio Code, including installing essential extensions like Live Server. The tutorial covers creating and saving HTML files, understanding the basic document structure, and reviewing and modifying HTML code. It concludes with a practical exercise of writing a simple 'Hello World' program, emphasizing the importance of active learning and hands-on practice.",[1532,1541,1550,1557,1565,1574,1582],{"title":1533,"start":637,"end":673,"description":1534,"tags":1535},"Introduction to HTML5","Introduction to HTML5 and its importance.",[1536,1537,1538,1539,1540],"HTML5","introduction","web development","syntax","structure",{"title":1542,"start":673,"end":728,"description":1543,"tags":1544},"Setting Up the Coding Environment","Tools needed for HTML coding.",[1545,1546,1547,1548,1549],"coding environment","tools","web browser","text editor","Visual Studio Code",{"title":1551,"start":728,"end":846,"description":1552,"tags":1553},"Installing Extensions in Visual Studio Code","How to install and use extensions.",[1554,1549,1555,1556],"extensions","Live Server","HTML CSS support",{"title":1558,"start":846,"end":975,"description":1559,"tags":1560},"Creating and Saving HTML Files","Steps to create and save HTML files.",[1561,1562,1563,1564],"HTML files","file creation","saving files","file naming",{"title":1566,"start":975,"end":1139,"description":1567,"tags":1568},"Understanding Basic Document Structure","Explanation of HTML document structure.",[1569,1570,1571,1572,1573],"document structure","HTML tags","head","body","doctype",{"title":1575,"start":1139,"end":1313,"description":1576,"tags":1577},"Reviewing and Modifying HTML Code","Review and modify HTML code.",[1578,1579,1536,1580,1581],"code review","modification","tags","attributes",{"title":1583,"start":1313,"end":1528,"description":1584,"tags":1585},"Creating a Hello World Program","Writing a simple Hello World program.",[1586,1587,1588,1589],"Hello World","H1 tag","paragraph tag","HTML coding",[1591,1592,1593,1594,1595,1596,1597,1598],"Understand HTML5 basics","Set up coding tools","Install VS Code extensions","Create HTML files","Understand document structure","Review HTML code","Write Hello World","Use HTML tags",[1600,1601,1602,1603,1604],"HTML5 syntax","Coding environment setup","Document structure","HTML tags and attributes","Practical coding exercise",{"keyTags":1606,"pedagogicalTags":1609},[1536,1538,1607,1549,1608],"coding","beginner tutorial",[1610,1611,1612],"hands-on learning","active learning","step-by-step guide","2025-01-29T07:44:49.753Z","2025-01-29T07:44:50.166Z","60919f6b27f749001c9a4bd7","2025-01-02T04:56:29.178Z","2025-01-29T07:44:50.168Z","ENABLED","2025-09-14T14:19:37.809Z",{"service":1621,"version":1622},"quizserver","04226c47c84ab162e2852ff417527091386acb06",{"success":5,"data":1624,"time":1721},{"countryBasedRecommendations":1625,"subjectBasedRecommendations":1675,"subjectBasedQualifiers":1690},[1626,1633,1639,1644,1650,1657,1663,1669],{"id":1627,"quizId":1628,"country":91,"lowerGrade":18,"upperGrade":97,"quizRank":1629,"subject":1630,"quizImage":1631,"quizName":1632,"quizType":11,"noOfQuestions":97,"noOfSlides":82},"689335b96cc7c0498fa6bf4c","6735a74718bd2423fb21cbcd",5,"Multiple Subjects","https://i3.ytimg.com/vi/MEIXRLcC6RA/default.jpg","Lab Safety Procedures and Guidelines",{"id":1634,"quizId":1635,"country":91,"lowerGrade":129,"upperGrade":129,"quizRank":1629,"subject":100,"quizImage":1636,"quizName":1637,"quizType":1638,"noOfQuestions":97,"noOfSlides":82},"689c703a4849ed70bb0db727","5b9add444e356f00198a8c14","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c9683fd9-008c-407f-a71b-3359b23d53ad","Nouns, nouns, nouns","quiz",{"id":1640,"quizId":1641,"country":91,"lowerGrade":18,"upperGrade":26,"quizRank":18,"subject":1642,"quizImage":154,"quizName":1643,"quizType":1638,"noOfQuestions":97,"noOfSlides":82},"68c15a43f7398f49e3878b78","68b7811ef48d5f8909ec9d89","Education","Appointment Passes Review",{"id":1645,"quizId":1646,"country":91,"lowerGrade":1629,"upperGrade":1629,"quizRank":95,"subject":99,"quizImage":1647,"quizName":1648,"quizType":1638,"noOfQuestions":1649,"noOfSlides":82},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1651,"quizId":1652,"country":91,"lowerGrade":1653,"upperGrade":1653,"quizRank":26,"subject":1654,"quizImage":1655,"quizName":1656,"quizType":1638,"noOfQuestions":42,"noOfSlides":82},"689335b96cc7c0498fa6bf56","64b5419aacf2e2001d7e1195",14,"Professional Development","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f15a09ae-3c83-4d5e-881d-5f3b6ffdcb84-v2","All about me",{"id":1658,"quizId":1659,"country":91,"lowerGrade":18,"upperGrade":18,"quizRank":97,"subject":99,"quizImage":1660,"quizName":1661,"quizType":1638,"noOfQuestions":1662,"noOfSlides":82},"68c15a42f7398f49e3878940","5efd0a3bd81107001b1430c2","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/904870db-7988-4901-a564-99b441db8324","Adding Integers",22,{"id":1664,"quizId":1665,"country":91,"lowerGrade":95,"upperGrade":95,"quizRank":97,"subject":99,"quizImage":1666,"quizName":1667,"quizType":1638,"noOfQuestions":1668,"noOfSlides":82},"68b81fc14405f0499b37e8a7","5da88ffcfec3ff001ce68888","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/03023c5b-9aac-4b06-91d5-d9505d184182","Subtracting Integers",15,{"id":1670,"quizId":1671,"country":91,"lowerGrade":18,"upperGrade":96,"quizRank":42,"subject":100,"quizImage":1672,"quizName":1673,"quizType":1638,"noOfQuestions":1674,"noOfSlides":82},"68b81fc04405f0499b37e586","600ec0146330ed001e68cad4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/bff81759-2b7a-4ea6-adb6-435dc8d516ae","Grammar Review",20,[1676,1677,1678,1679,1680,1681,1682,1683],{"id":1634,"quizId":1635,"country":91,"lowerGrade":129,"upperGrade":129,"quizRank":1629,"subject":100,"quizImage":1636,"quizName":1637,"quizType":1638,"noOfQuestions":97,"noOfSlides":82},{"id":1627,"quizId":1628,"country":91,"lowerGrade":18,"upperGrade":97,"quizRank":1629,"subject":1630,"quizImage":1631,"quizName":1632,"quizType":11,"noOfQuestions":97,"noOfSlides":82},{"id":1640,"quizId":1641,"country":91,"lowerGrade":18,"upperGrade":26,"quizRank":18,"subject":1642,"quizImage":154,"quizName":1643,"quizType":1638,"noOfQuestions":97,"noOfSlides":82},{"id":1645,"quizId":1646,"country":91,"lowerGrade":1629,"upperGrade":1629,"quizRank":95,"subject":99,"quizImage":1647,"quizName":1648,"quizType":1638,"noOfQuestions":1649,"noOfSlides":82},{"id":1664,"quizId":1665,"country":91,"lowerGrade":95,"upperGrade":95,"quizRank":97,"subject":99,"quizImage":1666,"quizName":1667,"quizType":1638,"noOfQuestions":1668,"noOfSlides":82},{"id":1658,"quizId":1659,"country":91,"lowerGrade":18,"upperGrade":18,"quizRank":97,"subject":99,"quizImage":1660,"quizName":1661,"quizType":1638,"noOfQuestions":1662,"noOfSlides":82},{"id":1670,"quizId":1671,"country":91,"lowerGrade":18,"upperGrade":96,"quizRank":42,"subject":100,"quizImage":1672,"quizName":1673,"quizType":1638,"noOfQuestions":1674,"noOfSlides":82},{"id":1684,"quizId":1685,"country":91,"lowerGrade":96,"upperGrade":1686,"quizRank":42,"subject":1687,"quizImage":1688,"quizName":1689,"quizType":1638,"noOfQuestions":1674,"noOfSlides":82},"689c703a4849ed70bb0db6da","66bec42d5ceacb7a91c53b91",12,"Chemistry","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/58c7876a-838e-4fc6-b967-dd16bcd21d25-v2","Lab Safety and Lab Equipment",[1691,1694,1697,1700,1703,1706,1709,1712,1715,1718],{"path":1692,"display":1693},"/math/functions/function-concepts/analyzing-functions/writing-and-interpreting-functions/writing-and-interpreting-composite-functions","Writing and interpreting composite functions",{"path":1695,"display":1696},"/science/life-science/anatomy-and-physiology/science-literacy-how-does-the-nervous-system-produce-phantom-pain","Science literacy: how does the nervous system produce phantom pain?",{"path":1698,"display":1699},"/social-studies/history/post-war-america-1945-1980/civil-rights-and-social-movements/african-american-civil-rights","African American Civil Rights",{"path":1701,"display":1702},"/math/geometry/three-dimensional-shapes/attributes-of-3d-shapes","Attributes of 3D shapes",{"path":1704,"display":1705},"/ela/language/vocabulary/word-meaning/context-clues","Context clues",{"path":1707,"display":1708},"/social-studies/economics/environmental-economics/sustainable-development","Sustainable Development",{"path":1710,"display":1711},"/ela/language/conventions/grammar/sentence-structure/phrases-and-clauses/relative","Relative",{"path":1713,"display":1714},"/science/life-science/ecosystems/ecological-interactions/investigate-primary-succession-on-a-volcanic-island","Investigate primary succession on a volcanic island",{"path":1716,"display":1717},"/math/algebra/polynomials/polynomial-theorems-and-applications","Polynomial Theorems and Applications",{"path":1719,"display":1720},"/social-studies/history/historical-thinking/analyzing-cause-and-effect","Analyzing cause and effect","2025-09-14T14:19:37.942828208Z",{"success":5,"data":1723,"time":1783},{"quizzes":1724,"total":1781,"timeTaken":1782,"experiment":73,"source":74},[1725,1732,1739,1746,1753,1760,1767,1774],{"id":1726,"isSuper":10,"type":11,"info":1727,"shouldIndex":10,"stats":1731},"67760dfab83e787e8c27b873",{"grade":1728,"name":1729,"slug":1729,"image":1730},[14,14],"HTML Tutorial for Beginners(2022) - Display Text Right to Left in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d286c862-8465-4052-82a3-6c3c6073a928-v2",{"totalQuestions":18},{"id":1733,"isSuper":10,"type":11,"info":1734,"shouldIndex":10,"stats":1738},"67ae46c2f0927aea35b8acb5",{"grade":1735,"name":1736,"slug":1736,"image":1737},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Writing HTML Code","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0edd8881-6e1e-4c6e-90fa-817d35001ea8-v2",{"totalQuestions":26},{"id":1740,"isSuper":10,"type":11,"info":1741,"shouldIndex":10,"stats":1745},"677722d9c436227c61c8d001",{"grade":1742,"name":1743,"slug":1743,"image":1744},[14,14],"HTML Tutorial for Beginners(2022) - Quotation Marks in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8a45b4a2-e20c-4126-b31c-304d4aa5dc55-v2",{"totalQuestions":18},{"id":1747,"isSuper":10,"type":11,"info":1748,"shouldIndex":10,"stats":1752},"67770af2ee4f9066c4e5ae1c",{"grade":1749,"name":1750,"slug":1750,"image":1751},[14,14],"JavaScript Mastery from Zero to Hero - Prepare for Coding Interviews - Accessing Arrays with Bracket Notation - Example ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4bad0efc-866b-4e13-a63a-513fe108fdd3-v2",{"totalQuestions":18},{"id":1754,"isSuper":10,"type":11,"info":1755,"shouldIndex":10,"stats":1759},"67ae18267786211ef4ced5c6",{"grade":1756,"name":1757,"slug":1757,"image":1758},[14,14],"Frontend Web Development Bootcamp - Build a Twitter Clone - What is JavaScript?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/06e2675a-75f8-4957-84a5-724bdb010480-v2",{"totalQuestions":26},{"id":1761,"isSuper":10,"type":11,"info":1762,"shouldIndex":10,"stats":1766},"67764178ece1855b67585303",{"grade":1763,"name":1764,"slug":1764,"image":1765},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - Divs & Spans, Classes & Ids","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/dee10329-4b45-4a01-995f-bdd7ea6f1127-v2",{"totalQuestions":26},{"id":1768,"isSuper":10,"type":11,"info":1769,"shouldIndex":10,"stats":1773},"67ae46840088753239b02227",{"grade":1770,"name":1771,"slug":1771,"image":1772},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Creating Websites Using Modern HTML and HTML5 Coding","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/78121ce9-132e-49f4-b372-154a6fe4895d-v2",{"totalQuestions":18},{"id":1775,"isSuper":10,"type":11,"info":1776,"shouldIndex":10,"stats":1780},"6775a16aec6aecb0d14249da",{"grade":1777,"name":1778,"slug":1778,"image":1779},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - More HTML Text Formatting","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4fbf90ba-54de-4605-a1a2-ea490494d0ff-v2",{"totalQuestions":18},3681,32,"2025-09-14T14:19:37.976917299Z",["Reactive",1785],{},["Set"],["ShallowReactive",1788],{"AuYvPBjoZ8":83,"IwPdOjHK64":83,"f9ltIr8d5c":83,"niF84350vE":83},"/admin/video-quiz/67761c7dd787a71f91c9f986/basic-document-structure","none",{"ssr_adp-v2":1792},"var-1"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"6b3fb8cc-d034-4e6c-a6d3-30b3282a9012",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>