Frontend Web Development Bootcamp - Build a Twitter Clone - Basic HTML Document University Video

Frontend Web Development Bootcamp - Build a Twitter Clone - Basic HTML Document

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Hard

Wayground Content

FREE Resource

This video tutorial guides viewers through creating a basic HTML document. It starts with setting up a folder and file, then explains the essential HTML structure, including doctype, head, title, and body elements. The tutorial also introduces using Emmet in VS Code to quickly generate HTML structure. The video emphasizes the importance of proper file naming and understanding HTML tags, both opening and closing, and provides a brief overview of meta tags for SEO and compatibility.

7 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the correct file extension for an HTML document?

.doc

.html

.txt

.htm

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

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

To specify the character encoding

To declare the document type and version

To add JavaScript

To link CSS files

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag is used to wrap the entire HTML document?

</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><html></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">4. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>What is the role of the head element in an HTML document?</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 add images</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 main content</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 include metadata and links</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 display content on the webpage</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Where is the title of a webpage displayed?</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>In the sidebar</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>At the top of the browser</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>In the footer</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>In the body of the page</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Which element is used to display visible content on a webpage?</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><title></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><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><head></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><meta></p></div></div></div></div></div></div></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 Emmet used for in VS 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 run JavaScript</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 automatically generate HTML structure</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 debug HTML code</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 compile CSS</p></div></div></div></div></div></div></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/677563a20b343bbbc73c1e0e/html-css-and-javascript-for-beginners-a-web-design-course-html5-semantic-elements" data-testid="activity-recommendation-card-677563a20b343bbbc73c1e0e" 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 - HTML5 Semantic Elements" 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.6mqpoconnkh" 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 - HTML5 Semantic Elements</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/67f73dbed0eb2f082f629721/full-stack-web-development-mastery-course-novice-to-expert-all-basic-html-tags" data-testid="activity-recommendation-card-67f73dbed0eb2f082f629721" 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 - All Basic HTML Tags" 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"> 2 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.m2f5xby9zw" 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 - All Basic HTML Tags</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/67f7ced7222b9adcf972f785/full-stack-web-development-mastery-course-novice-to-expert-basic-structure-of-a-website" data-testid="activity-recommendation-card-67f7ced7222b9adcf972f785" 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 - Basic Structure of a Website" 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"> 2 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.rbbk8jtlxeg" 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 - Basic Structure of a Website</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/67753383946fcd486a245df2/html-css-and-javascript-for-beginners-a-web-design-course-html-page-structure" data-testid="activity-recommendation-card-67753383946fcd486a245df2" 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 Page Structure" 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.r0a1bxtni1j" 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 Page Structure</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/67764178ece1855b67585303/modern-html-and-css-from-the-beginning-including-sass-divs-spans-classes-ids" data-testid="activity-recommendation-card-67764178ece1855b67585303" 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="Modern HTML and CSS from the Beginning (Including Sass) - Divs & Spans, Classes & Ids" 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.c0aoyvy5pz9" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Modern HTML and CSS from the Beginning (Including Sass) - Divs & Spans, Classes & Ids</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/67b0471bc88da6e7afaa6659/html-css-and-javascript-for-beginners-a-web-design-course-divs-and-spans-to-organize-content" data-testid="activity-recommendation-card-67b0471bc88da6e7afaa6659" 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 - Divs and Spans to Organize Content" 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.v3kc5mm48m" 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 - Divs and Spans to Organize Content</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/67b0e8cfa11722c152efda4e/full-stack-web-development-mastery-course-novice-to-expert-block-and-inline-elements-in-html" data-testid="activity-recommendation-card-67b0e8cfa11722c152efda4e" 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 - Block and Inline Elements in 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"> 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.nh3x5me596m" 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 - Block and Inline Elements in 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/67ae8427c727fbc97ae817fb/the-front-end-web-developer-bootcamp-html-css-js-and-react-structure-of-an-html5-file" data-testid="activity-recommendation-card-67ae8427c727fbc97ae817fb" 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="The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Structure of an HTML5 File" 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.6mk0yy5rpwh" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Structure of an HTML5 File</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/presentation/64c7d60b3f6cb30008e43294/unit-zero-lesson-2-cafeteria" data-testid="activity-popular-resource-card-64c7d60b3f6cb30008e43294" 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="Unit Zero lesson 2 cafeteria" 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"> 12 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.6hiensxwoox" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Unit Zero lesson 2 cafeteria</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/presentation_solid_circle.png" alt="lesson" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>9th - 12th 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.crstkpq41r8" 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-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.gvio1c8zyup" 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/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.th2ezcnftu" 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.3r2tdygtw55" 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/64decf9f12d195000817634b/lab-safety-and-equipment" data-testid="activity-popular-resource-card-64decf9f12d195000817634b" 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 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.s2v9833y8p" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Lab Safety and 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>8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/66b1320eaad9b7e77f9c85a9/25-26-behavior-expectations-matrix" data-testid="activity-popular-resource-card-66b1320eaad9b7e77f9c85a9" 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="25-26 Behavior Expectations Matrix" 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"> 13 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.njfs0q7zzk" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">25-26 Behavior Expectations Matrix</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><a href="/admin/video-quiz/66e972146a6efd0f8e6d9932/exploring-digital-citizenship-essentials" data-testid="activity-popular-resource-card-66e972146a6efd0f8e6d9932" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Exploring Digital Citizenship Essentials" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.vt7xpburo5a" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Exploring Digital Citizenship Essentials</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th - 10th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><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/6308ddeaade84d001d177794/lets-take-a-poll" data-testid="activity-subject-resource-card-6308ddeaade84d001d177794" 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="Let's Take a Poll..." 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.zauysu9qr89" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Let's Take a Poll...</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 Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/64b5422d268e31001dd55a5f/pronouncing-names-correctly" data-testid="activity-subject-resource-card-64b5422d268e31001dd55a5f" 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="Pronouncing Names Correctly " 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"> 2 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.2kdznlquydh" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Pronouncing Names Correctly </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>University</p></div></div></div></div></div></a><a href="/admin/quiz/61238f7c4612e1001dfd0ad5/civil-war" data-testid="activity-subject-resource-card-61238f7c4612e1001dfd0ad5" 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="Civil War " 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"> 12 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.oj7jguk2qy9" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Civil War </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>8th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/66b11b4baad9b79a549c7665/parent-functions" data-testid="activity-subject-resource-card-66b11b4baad9b79a549c7665" 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="Parent Functions" 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"> 18 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.44jwgwrlmoq" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Parent Functions</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 Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/5d6ff4085df317001a1368b6/mapa-paises-hispanohablantes" data-testid="activity-subject-resource-card-5d6ff4085df317001a1368b6" 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="Mapa países hispanohablantes" 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"> 21 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.9slhe5pdlb" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Mapa países hispanohablantes</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>1st Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/56c53d8372239aa103437f46/primary-v-secondary-sources" data-testid="activity-subject-resource-card-56c53d8372239aa103437f46" 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="Primary v. Secondary Sources" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 19 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><div data-v-1d12f0eb><div aria-describedby="tooltip-0.3yv1h9hg5h5" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Primary v. Secondary Sources</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 - University</p></div></div></div></div></div></a><a href="/admin/quiz/5c73872fe17265001ac04027/identifying-parts-of-speech" data-testid="activity-subject-resource-card-5c73872fe17265001ac04027" 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="Identifying Parts of Speech" 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.1c8nkrqovrn" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Identifying Parts of Speech</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>8th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/654bb93d3eed7c828d3a746a/disney-trivia" data-testid="activity-subject-resource-card-654bb93d3eed7c828d3a746a" 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="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 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.wvbsp7y9hik" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Disney Trivia</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>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="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/science/physics/energy-and-thermodynamics/thermodynamics/entropy-and-second-law" 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">Entropy and second law</span><div class="sr-only"><input type="checkbox" aria-labelledby="Entropy and second law-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/data-representation/describing-distributions/understanding-and-applying-normal-distributions/recognising-that-there-are-data-sets-for-which-normalisation-cannot-be-done" 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">Recognising that there are data sets for which normalisation cannot be done</span><div class="sr-only"><input type="checkbox" aria-labelledby="Recognising that there are data sets for which normalisation cannot be done-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/algebra/equations/linear-equations/multi-variable-linear-equations/understanding-pairs-of-linear-equations-in-two-variables" 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">Understanding pairs of linear equations in two variables</span><div class="sr-only"><input type="checkbox" aria-labelledby="Understanding pairs of linear equations in two variables-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/measurement-and-data/measurement-concepts/mass-and-volume/word-problems-with-mass-and-volume" 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">Word problems with mass and volume</span><div class="sr-only"><input type="checkbox" aria-labelledby="Word problems with mass and volume-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/functions/advanced-functions/advanced-function-analysis/graphing-functions/identifying-and-reasoning-the-effects-of-vertical-andor-horizontal-translations-on-graphs-that-are-not-linear-or-quadratic" 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">Identifying and reasoning the effects of vertical and/or horizontal translations on graphs that are not linear or quadratic</span><div class="sr-only"><input type="checkbox" aria-labelledby="Identifying and reasoning the effects of vertical and/or horizontal translations on graphs that are not linear or quadratic-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/environmental-science/environmental-management/pollution-control/air-quality-management" 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">Air quality management</span><div class="sr-only"><input type="checkbox" aria-labelledby="Air quality management-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/foreign-language/chinesemandarin/advanced-chinese-grammar" 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">Advanced Chinese grammar</span><div class="sr-only"><input type="checkbox" aria-labelledby="Advanced Chinese grammar-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/algebra/polynomials/polynomial-theorems-and-identities/understanding-zeroes-and-factors-of-polynomials" 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">Understanding zeroes and factors of polynomials</span><div class="sr-only"><input type="checkbox" aria-labelledby="Understanding zeroes and factors of polynomials-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/reading/range-of-reading/informational-texts/science-and-nature" 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">Science and nature</span><div class="sr-only"><input type="checkbox" aria-labelledby="Science and nature-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/functions/quadratic-functions/graphing-quadratic-functions/transformations-on-quadratic-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-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">Transformations on quadratic functions</span><div class="sr-only"><input type="checkbox" aria-labelledby="Transformations on quadratic functions-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":1232,"once":1234,"_errors":1235,"serverRendered":5,"path":1237,"country":90,"region":1238,"nuxtSsrFeatureFlags":1239},["ShallowReactive",3],{"jO7vsC0FqA":4,"y4qZAboqAA":75,"ZCKW9qMymg":1037,"bKIm9NRx5I":1181},{"success":5,"data":6,"time":74},true,{"quizzes":7,"total":70,"timeTaken":71,"experiment":72,"source":73},[8,19,27,34,41,49,56,63],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"677563a20b343bbbc73c1e0e",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","HTML CSS and JavaScript for Beginners - A Web Design Course - HTML5 Semantic Elements","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/db75fea6-b0fa-4f54-a63d-ea893c30043a-v2",{"totalQuestions":18},6,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67f73dbed0eb2f082f629721",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Full Stack Web Development MASTERY Course - Novice to Expert - All Basic HTML Tags","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3e76a24e-a4ed-4335-a16b-b3f73c56682c-v2",{"totalQuestions":26},2,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"67f7ced7222b9adcf972f785",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"Full Stack Web Development MASTERY Course - Novice to Expert - Basic Structure of a Website","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1ab0fc21-ebe8-4004-b45a-49fc8f2e991c-v2",{"totalQuestions":26},{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":40},"67753383946fcd486a245df2",{"grade":37,"name":38,"slug":38,"image":39},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - HTML Page Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/206eced4-1958-47b5-b3c6-7edad7d10cb1-v2",{"totalQuestions":18},{"id":42,"isSuper":10,"type":11,"info":43,"shouldIndex":10,"stats":47},"67764178ece1855b67585303",{"grade":44,"name":45,"slug":45,"image":46},[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":48},8,{"id":50,"isSuper":10,"type":11,"info":51,"shouldIndex":10,"stats":55},"67b0471bc88da6e7afaa6659",{"grade":52,"name":53,"slug":53,"image":54},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - Divs and Spans to Organize Content","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/136a58a1-c5dc-43cf-830d-deb11842fd19-v2",{"totalQuestions":18},{"id":57,"isSuper":10,"type":11,"info":58,"shouldIndex":10,"stats":62},"67b0e8cfa11722c152efda4e",{"grade":59,"name":60,"slug":60,"image":61},[14,14],"Full Stack Web Development MASTERY Course - Novice to Expert - Block and Inline Elements in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/49fb62cb-4ca3-4338-a971-0e24f657face-v2",{"totalQuestions":48},{"id":64,"isSuper":10,"type":11,"info":65,"shouldIndex":10,"stats":69},"67ae8427c727fbc97ae817fb",{"grade":66,"name":67,"slug":67,"image":68},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Structure of an HTML5 File","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/242180ce-b99f-45e4-9bca-2746b6d04578-v2",{"totalQuestions":18},43081,32,"quizPageRecoPublicSearch","recommended_search","2025-09-01T07:10:58.701246077Z",{"success":5,"message":76,"data":77,"time":1033,"meta":1034},"Ok",{"quiz":78,"draft":82},{"isTagged":10,"isLoved":10,"tagIds":79,"stats":80,"love":81,"cloned":10,"parentDetail":82,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":82,"publishedVersion":83,"isShared":10,"type":11,"_id":84,"createdBy":85,"info":102,"paidOrganization":1029,"createdAt":1030,"updated":1031,"premiumUse":1032,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":82,"lock":82},[],{"played":81,"totalPlayers":81,"totalCorrect":81,"totalQuestions":81},0,null,"6799a94c0b126cdb6163a868","6774cee441e9b8e01ebe0d3c",{"_id":86,"firstName":87,"lastName":88,"occupation":89,"country":90,"preferences":91,"grades":93,"subject_tags":97,"media":101},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":92},"en",[18,94,48,95,96],7,9,10,[98,99,100],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":92,"aiGenerated":10,"qm":103,"visibility":5,"subjects":114,"topics":117,"subtopics":118,"grade":119,"gradeLevel":82,"deleted":10,"pref":120,"traits":121,"standardIds":123,"__v":124,"meta":125,"_id":83,"name":126,"image":127,"questions":128,"questionDrafts":483,"standards":82,"courses":82,"interactiveVideoProps":484,"createdAt":1027,"updated":1028,"isProfane":10,"whitelisted":5,"slug":126},{"6774ceeec56d8c2e6a1c43fb":104,"6774ceeec56d8c2e6a1c43fc":106,"6774ceeec56d8c2e6a1c43fd":108,"6774ceeec56d8c2e6a1c43fe":109,"6774ceeec56d8c2e6a1c43ff":110,"6774ceeec56d8c2e6a1c4400":111,"6774ceeec56d8c2e6a1c4401":112,"6774ceeec56d8c2e6a1c4402":113},{"time":105},900000,{"time":107},30000,{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},[115,116],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":82},{"isQuizWithoutCorrectAnswer":10,"totalSlides":81,"totalComprehensionQuestions":122,"nonAnswerableQuestions":122},1,[],3,{"slot":82,"experiment":82},"Frontend Web Development Bootcamp - Build a Twitter Clone - Basic HTML Document","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/80ec4f8d-d34e-4cc6-9469-3037f74eaa17-v2",[129,185,231,274,316,359,401,441],{"structure":130,"standards":170,"topics":171,"isSuperParent":10,"standardIds":172,"aiGenerated":10,"__v":173,"teleportFrom":82,"cloned":82,"ver":124,"parent":82,"_id":174,"time":105,"published":5,"aiCreateMeta":82,"type":131,"comprehensionQuestionIds":175,"createdAt":183,"updated":184},{"kind":131,"answer":132,"settings":133,"marks":135,"query":136,"options":151,"explain":152,"theme":156,"graphs":165,"hints":166,"order":167,"hasMath":10,"media":168,"elements":169},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":81,"incorrect":81},{"answerTime":137,"math":138,"type":82,"hasMath":10,"media":140,"text":149,"_id":150},-1,{"latex":139,"template":82},[],[141],{"type":142,"meta":143},"video",{"duration":144,"endTime":144,"startTime":81,"videoId":145,"src":146,"thumbnail":147,"filmstrip":148},395,"635532d8c51989779cb21d41","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_alkj7moc/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_alkj7moc/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","6774ceed93794493b8a0709a",[],{"math":153,"type":149,"hasMath":10,"media":155,"text":149},{"latex":154,"template":82},[],[],{"titleFontFamily":157,"fontFamily":157,"fontColor":158,"background":160,"shape":162},"Quicksand",{"text":159},"#5D2057",{"color":161,"image":149,"video":149},"#FFFFFF",{"largeShapeColor":163,"smallShapeColor":164},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],4,"6774ceeec56d8c2e6a1c43fb",[176,177,178,179,180,181,182],"6774ceeec56d8c2e6a1c43fc","6774ceeec56d8c2e6a1c43fd","6774ceeec56d8c2e6a1c43fe","6774ceeec56d8c2e6a1c43ff","6774ceeec56d8c2e6a1c4400","6774ceeec56d8c2e6a1c4401","6774ceeec56d8c2e6a1c4402","2025-01-01T05:13:18.045Z","2025-01-29T04:06:36.166Z",{"structure":186,"standards":226,"topics":227,"isSuperParent":10,"standardIds":228,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":26,"parent":82,"_id":176,"time":107,"published":5,"aiCreateMeta":82,"type":224,"comprehensionQuestionId":174,"comprehensionTimestamp":229,"createdAt":230,"updated":184},{"settings":187,"hasMath":10,"query":188,"options":194,"explain":219,"hints":223,"kind":224,"marks":225,"answer":122},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":189,"hasMath":10,"math":190,"answerTime":137,"text":192,"media":193},"text",{"latex":191,"template":82},[],"\u003Cp>What is the correct file extension for an HTML document?\u003C/p>",[],[195,201,207,213],{"type":189,"hasMath":10,"math":196,"answerTime":81,"id":198,"text":199,"media":200,"_id":198},{"latex":197,"template":82},[],"6774ceedbd632a0870306af6","\u003Cp>.doc\u003C/p>",[],{"type":189,"hasMath":10,"math":202,"answerTime":81,"id":204,"text":205,"media":206,"_id":204},{"latex":203,"template":82},[],"6774ceedbd632a6b81306af7","\u003Cp>.html\u003C/p>",[],{"type":189,"hasMath":10,"math":208,"answerTime":81,"id":210,"text":211,"media":212,"_id":210},{"latex":209,"template":82},[],"6774ceedbd632a74ce306af8","\u003Cp>.txt\u003C/p>",[],{"type":189,"hasMath":10,"math":214,"answerTime":81,"id":216,"text":217,"media":218,"_id":216},{"latex":215,"template":82},[],"6774ceedbd632a2499306af9","\u003Cp>.htm\u003C/p>",[],{"type":189,"text":149,"media":220,"hasMath":10,"math":221,"answerTime":81},[],{"template":82,"latex":222},[],[],"MCQ",{"correct":122,"incorrect":81},[],[],[],71,"2025-01-01T05:13:18.076Z",{"structure":232,"standards":270,"topics":271,"isSuperParent":10,"standardIds":272,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":26,"parent":82,"_id":177,"time":107,"published":5,"aiCreateMeta":82,"type":224,"comprehensionQuestionId":174,"comprehensionTimestamp":273,"createdAt":230,"updated":184},{"settings":233,"hasMath":10,"query":234,"options":239,"explain":264,"hints":268,"kind":224,"marks":269,"answer":122},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":189,"hasMath":10,"math":235,"answerTime":137,"text":237,"media":238},{"latex":236,"template":82},[],"\u003Cp>What is the purpose of the doctype declaration in an HTML document?\u003C/p>",[],[240,246,252,258],{"type":189,"hasMath":10,"math":241,"answerTime":81,"id":243,"text":244,"media":245,"_id":243},{"latex":242,"template":82},[],"6774ceedbd632adf52306afd","\u003Cp>To specify the character encoding\u003C/p>",[],{"type":189,"hasMath":10,"math":247,"answerTime":81,"id":249,"text":250,"media":251,"_id":249},{"latex":248,"template":82},[],"6774ceedbd632a3954306afe","\u003Cp>To declare the document type and version\u003C/p>",[],{"type":189,"hasMath":10,"math":253,"answerTime":81,"id":255,"text":256,"media":257,"_id":255},{"latex":254,"template":82},[],"6774ceedbd632a0d75306aff","\u003Cp>To add JavaScript\u003C/p>",[],{"type":189,"hasMath":10,"math":259,"answerTime":81,"id":261,"text":262,"media":263,"_id":261},{"latex":260,"template":82},[],"6774ceedbd632a3000306b00","\u003Cp>To link CSS files\u003C/p>",[],{"type":189,"text":149,"media":265,"hasMath":10,"math":266,"answerTime":81},[],{"template":82,"latex":267},[],[],{"correct":122,"incorrect":81},[],[],[],156,{"structure":275,"standards":313,"topics":314,"isSuperParent":10,"standardIds":315,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":26,"parent":82,"_id":178,"time":107,"published":5,"aiCreateMeta":82,"type":224,"comprehensionQuestionId":174,"comprehensionTimestamp":273,"createdAt":230,"updated":184},{"settings":276,"hasMath":10,"query":277,"options":282,"explain":307,"hints":311,"kind":224,"marks":312,"answer":124},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":189,"hasMath":10,"math":278,"answerTime":137,"text":280,"media":281},{"latex":279,"template":82},[],"\u003Cp>Which tag is used to wrap the entire HTML document?\u003C/p>",[],[283,289,295,301],{"type":189,"hasMath":10,"math":284,"answerTime":81,"id":286,"text":287,"media":288,"_id":286},{"latex":285,"template":82},[],"6774ceedbd632a69db306b04","\u003Cp>\u003Chead>\u003C/p>",[],{"type":189,"hasMath":10,"math":290,"answerTime":81,"id":292,"text":293,"media":294,"_id":292},{"latex":291,"template":82},[],"6774ceedbd632aa1d2306b05","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":189,"hasMath":10,"math":296,"answerTime":81,"id":298,"text":299,"media":300,"_id":298},{"latex":297,"template":82},[],"6774ceedbd632a31d6306b06","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":189,"hasMath":10,"math":302,"answerTime":81,"id":304,"text":305,"media":306,"_id":304},{"latex":303,"template":82},[],"6774ceedbd632ac4d9306b07","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":189,"text":149,"media":308,"hasMath":10,"math":309,"answerTime":81},[],{"template":82,"latex":310},[],[],{"correct":122,"incorrect":81},[],[],[],{"structure":317,"standards":355,"topics":356,"isSuperParent":10,"standardIds":357,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":26,"parent":82,"_id":179,"time":107,"published":5,"aiCreateMeta":82,"type":224,"comprehensionQuestionId":174,"comprehensionTimestamp":358,"createdAt":230,"updated":184},{"settings":318,"hasMath":10,"query":319,"options":324,"explain":349,"hints":353,"kind":224,"marks":354,"answer":26},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":189,"hasMath":10,"math":320,"answerTime":137,"text":322,"media":323},{"latex":321,"template":82},[],"\u003Cp>What is the role of the head element in an HTML document?\u003C/p>",[],[325,331,337,343],{"type":189,"hasMath":10,"math":326,"answerTime":81,"id":328,"text":329,"media":330,"_id":328},{"latex":327,"template":82},[],"6774ceedbd632a3914306b0b","\u003Cp>To add images\u003C/p>",[],{"type":189,"hasMath":10,"math":332,"answerTime":81,"id":334,"text":335,"media":336,"_id":334},{"latex":333,"template":82},[],"6774ceedbd632a7ef0306b0c","\u003Cp>To define the main content\u003C/p>",[],{"type":189,"hasMath":10,"math":338,"answerTime":81,"id":340,"text":341,"media":342,"_id":340},{"latex":339,"template":82},[],"6774ceedbd632a3786306b0d","\u003Cp>To include metadata and links\u003C/p>",[],{"type":189,"hasMath":10,"math":344,"answerTime":81,"id":346,"text":347,"media":348,"_id":346},{"latex":345,"template":82},[],"6774ceedbd632a66e4306b0e","\u003Cp>To display content on the webpage\u003C/p>",[],{"type":189,"text":149,"media":350,"hasMath":10,"math":351,"answerTime":81},[],{"template":82,"latex":352},[],[],{"correct":122,"incorrect":81},[],[],[],235,{"structure":360,"standards":398,"topics":399,"isSuperParent":10,"standardIds":400,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":26,"parent":82,"_id":180,"time":107,"published":5,"aiCreateMeta":82,"type":224,"comprehensionQuestionId":174,"comprehensionTimestamp":358,"createdAt":230,"updated":184},{"settings":361,"hasMath":10,"query":362,"options":367,"explain":392,"hints":396,"kind":224,"marks":397,"answer":122},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":189,"hasMath":10,"math":363,"answerTime":137,"text":365,"media":366},{"latex":364,"template":82},[],"\u003Cp>Where is the title of a webpage displayed?\u003C/p>",[],[368,374,380,386],{"type":189,"hasMath":10,"math":369,"answerTime":81,"id":371,"text":372,"media":373,"_id":371},{"latex":370,"template":82},[],"6774ceedbd632ae2ff306b12","\u003Cp>In the sidebar\u003C/p>",[],{"type":189,"hasMath":10,"math":375,"answerTime":81,"id":377,"text":378,"media":379,"_id":377},{"latex":376,"template":82},[],"6774ceedbd632a21c5306b13","\u003Cp>At the top of the browser\u003C/p>",[],{"type":189,"hasMath":10,"math":381,"answerTime":81,"id":383,"text":384,"media":385,"_id":383},{"latex":382,"template":82},[],"6774ceedbd632a248f306b14","\u003Cp>In the footer\u003C/p>",[],{"type":189,"hasMath":10,"math":387,"answerTime":81,"id":389,"text":390,"media":391,"_id":389},{"latex":388,"template":82},[],"6774ceedbd632a278f306b15","\u003Cp>In the body of the page\u003C/p>",[],{"type":189,"text":149,"media":393,"hasMath":10,"math":394,"answerTime":81},[],{"template":82,"latex":395},[],[],{"correct":122,"incorrect":81},[],[],[],{"structure":402,"standards":437,"topics":438,"isSuperParent":10,"standardIds":439,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":26,"parent":82,"_id":181,"time":107,"published":5,"aiCreateMeta":82,"type":224,"comprehensionQuestionId":174,"comprehensionTimestamp":440,"createdAt":230,"updated":184},{"settings":403,"hasMath":10,"query":404,"options":409,"explain":431,"hints":435,"kind":224,"marks":436,"answer":26},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":189,"hasMath":10,"math":405,"answerTime":137,"text":407,"media":408},{"latex":406,"template":82},[],"\u003Cp>Which element is used to display visible content on a webpage?\u003C/p>",[],[410,415,420,425],{"type":189,"hasMath":10,"math":411,"answerTime":81,"id":413,"text":293,"media":414,"_id":413},{"latex":412,"template":82},[],"6774ceedbd632adf03306b19",[],{"type":189,"hasMath":10,"math":416,"answerTime":81,"id":418,"text":287,"media":419,"_id":418},{"latex":417,"template":82},[],"6774ceedbd632a3f69306b1a",[],{"type":189,"hasMath":10,"math":421,"answerTime":81,"id":423,"text":299,"media":424,"_id":423},{"latex":422,"template":82},[],"6774ceedbd632a9541306b1b",[],{"type":189,"hasMath":10,"math":426,"answerTime":81,"id":428,"text":429,"media":430,"_id":428},{"latex":427,"template":82},[],"6774ceedbd632ac298306b1c","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":189,"text":149,"media":432,"hasMath":10,"math":433,"answerTime":81},[],{"template":82,"latex":434},[],[],{"correct":122,"incorrect":81},[],[],[],391,{"structure":442,"standards":480,"topics":481,"isSuperParent":10,"standardIds":482,"aiGenerated":5,"__v":124,"teleportFrom":82,"cloned":82,"ver":26,"parent":82,"_id":182,"time":107,"published":5,"aiCreateMeta":82,"type":224,"comprehensionQuestionId":174,"comprehensionTimestamp":440,"createdAt":230,"updated":184},{"settings":443,"hasMath":10,"query":444,"options":449,"explain":474,"hints":478,"kind":224,"marks":479,"answer":122},{"hasCorrectAnswer":5,"fibDataType":134,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":189,"hasMath":10,"math":445,"answerTime":137,"text":447,"media":448},{"latex":446,"template":82},[],"\u003Cp>What is Emmet used for in VS Code?\u003C/p>",[],[450,456,462,468],{"type":189,"hasMath":10,"math":451,"answerTime":81,"id":453,"text":454,"media":455,"_id":453},{"latex":452,"template":82},[],"6774ceedbd632a47b1306b20","\u003Cp>To run JavaScript\u003C/p>",[],{"type":189,"hasMath":10,"math":457,"answerTime":81,"id":459,"text":460,"media":461,"_id":459},{"latex":458,"template":82},[],"6774ceedbd632a30c2306b21","\u003Cp>To automatically generate HTML structure\u003C/p>",[],{"type":189,"hasMath":10,"math":463,"answerTime":81,"id":465,"text":466,"media":467,"_id":465},{"latex":464,"template":82},[],"6774ceedbd632af21f306b22","\u003Cp>To debug HTML code\u003C/p>",[],{"type":189,"hasMath":10,"math":469,"answerTime":81,"id":471,"text":472,"media":473,"_id":471},{"latex":470,"template":82},[],"6774ceedbd632a5a37306b23","\u003Cp>To compile CSS\u003C/p>",[],{"type":189,"text":149,"media":475,"hasMath":10,"math":476,"answerTime":81},[],{"template":82,"latex":477},[],[],{"correct":122,"incorrect":81},[],[],[],[],{"videoMeta":485,"aiMeta":963},{"videoProvider":146,"videoId":145,"videoTitle":126,"duration":144,"channelTitle":486,"videoType":487,"videoSubTypes":488,"transcript":490},"Packt - Web Development","INSTRUCTIONAL",[489],"CHALK_AND_TALK_PRESENTATION",[491,495,499,503,507,511,515,519,523,527,531,535,539,543,547,551,555,558,562,566,570,573,577,581,585,589,593,597,601,605,609,613,617,621,625,629,633,637,641,645,649,653,657,660,664,668,672,676,680,684,688,692,696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,779,783,787,791,795,799,803,807,811,815,819,823,827,831,835,839,842,846,850,854,857,860,864,868,872,876,880,884,888,892,896,900,904,908,912,916,920,924,928,932,936,939,943,947,951,955,959],{"text":492,"duration":493,"offset":494},"lecture we had a brief overview of what HTML is,",2888,4408,{"text":496,"duration":497,"offset":498},"and now in this video we're going to create our",2827,7356,{"text":500,"duration":501,"offset":502},"very first basic HTML document. First of all, let's go",3249,10243,{"text":504,"duration":505,"offset":506},"ahead and create a new folder on the desktop.",2708,13552,{"text":508,"duration":509,"offset":510},"Let's call it.",1160,17040,{"text":512,"duration":513,"offset":514},"HTML.",890,18980,{"text":516,"duration":517,"offset":518},"Crash course.",1110,21360,{"text":520,"duration":521,"offset":522},"And then inside it, let's create a new file.",2510,25060,{"text":524,"duration":525,"offset":526},"With name indexed HTML.",2160,28920,{"text":528,"duration":529,"offset":530},"As I remember from the previous lecture, every HTML file",3526,32920,{"text":532,"duration":533,"offset":534},"should have a dot HTML extension. Actually there is a",3338,36509,{"text":536,"duration":537,"offset":538},"chance that you might not see this extension of the",3211,39910,{"text":540,"duration":541,"offset":542},"file by default. In order to make it visible, you",3086,43184,{"text":544,"duration":545,"offset":546},"have to go to view.",1197,46333,{"text":548,"duration":549,"offset":550},"And then you have to make sure that this little",3094,48479,{"text":552,"duration":553,"offset":554},"box is checked. Once you check this box, then as",3159,51639,{"text":556,"duration":553,"offset":557},"the extension of the file you might see etxt and",54864,{"text":559,"duration":560,"offset":561},"you just need to get rid of it.",2040,58089,{"text":563,"duration":564,"offset":565},"All right, once you name the file in the correct",2663,62130,{"text":567,"duration":568,"offset":569},"way, let's go ahead and open it with your text",2553,64849,{"text":571,"duration":568,"offset":572},"editor. In our case, I'm going to open it with",67457,{"text":574,"duration":575,"offset":576},"VS code.",444,70066,{"text":578,"duration":579,"offset":580},"Actually you are able to create the file from your",2840,71790,{"text":582,"duration":583,"offset":584},"text editor as well so that you can either click",2727,74686,{"text":586,"duration":587,"offset":588},"this little icon here.",1249,77470,{"text":590,"duration":591,"offset":592},"Or by right click you can choose to create a",2817,79410,{"text":594,"duration":595,"offset":596},"file or new file whatever you see in your text",2946,82291,{"text":598,"duration":599,"offset":600},"editor.",448,85301,{"text":602,"duration":603,"offset":604},"All right, let's go ahead and start building a basic",3627,86660,{"text":606,"duration":607,"offset":608},"HTML structure. The first tag that we have to create",3628,90357,{"text":610,"duration":611,"offset":612},"is called doctype HTML.",1604,94055,{"text":614,"duration":615,"offset":616},"We have to",4520,96370,{"text":618,"duration":619,"offset":620},"And then in upper case we have to write doctype.",2410,101910,{"text":622,"duration":623,"offset":624},"And then in lowercase HTML.",2340,106050,{"text":626,"duration":627,"offset":628},"Actually it is a declaration which represents the type of",4028,111060,{"text":630,"duration":631,"offset":632},"the document. It tells the browser that the page represents",4170,115158,{"text":634,"duration":635,"offset":636},"an HTML5 document. As you see I have written doctype",3675,119399,{"text":638,"duration":639,"offset":640},"in uppercase but it's not case sensitive. It's just the",3887,123144,{"text":642,"duration":643,"offset":644},"convention. Writing it in uppercase OK Doctype is followed by",4311,127102,{"text":646,"duration":647,"offset":648},"HTML tag.",636,131483,{"text":650,"duration":651,"offset":652},"As you see the text editor helped us and it",2951,133720,{"text":654,"duration":655,"offset":656},"autocompleted the element. I mean it added to HTML element",3981,136739,{"text":658,"duration":651,"offset":659},"the closing tag. By the way in HTML most of",140789,{"text":661,"duration":662,"offset":663},"the elements have opening and closing tags. Closing tags are",4118,143809,{"text":665,"duration":666,"offset":667},"represented with a/ but besides them we also have self",3706,147995,{"text":669,"duration":670,"offset":671},"closing tags and you will meet them in the coming",3363,151770,{"text":673,"duration":674,"offset":675},"lectures.",618,155202,{"text":677,"duration":678,"offset":679},"All right, so the HTML element is used to wrap",2737,156639,{"text":681,"duration":682,"offset":683},"the entire HTML document. Next we have to create another",3332,159435,{"text":685,"duration":686,"offset":687},"element which is called the head.",1963,162826,{"text":689,"duration":690,"offset":691},"This element includes information such as a title for the",3948,166080,{"text":693,"duration":694,"offset":695},"document. Also we can insert inside of it scripts, styles,",4018,170097,{"text":697,"duration":698,"offset":699},"some meta tags and also links for different files or",3602,174185,{"text":701,"duration":702,"offset":703},"sources. Everything that we insert inside of the head element",4226,177856,{"text":705,"duration":706,"offset":707},"is not going to be displayed on the webpage.",3049,182151,{"text":709,"duration":710,"offset":711},"All right, let's go ahead and insert here element called",3665,185910,{"text":713,"duration":714,"offset":715},"title which is represented by title tag.",2618,189641,{"text":717,"duration":718,"offset":719},"And as the content that's right here.",2130,193710,{"text":721,"duration":722,"offset":723},"Basic.",610,196890,{"text":725,"duration":726,"offset":727},"HTML document.",1500,198770,{"text":729,"duration":730,"offset":731},"OK, let's save using control.",2630,202490,{"text":733,"duration":734,"offset":735},"And then run this file in the browser. There are",2828,206210,{"text":737,"duration":738,"offset":739},"a few different ways to do that. I'm going to",2652,209097,{"text":741,"duration":742,"offset":743},"run the file from the File Explorer.",2122,211808,{"text":745,"duration":746,"offset":747},"Let's just double click the file and it should be",3178,214700,{"text":749,"duration":750,"offset":751},"opened in Google Chrome.",1556,217943,{"text":753,"duration":754,"offset":755},"So as you can see, the web page is completely",2602,220620,{"text":757,"duration":758,"offset":759},"empty for now because we haven't created any content yet.",3296,223280,{"text":761,"duration":762,"offset":763},"The only thing that we can see here is the",2429,226634,{"text":765,"duration":766,"offset":767},"title which is displayed on the top of the browser.",2950,229121,{"text":769,"duration":770,"offset":771},"So that's the place where the title of your web",2719,232128,{"text":773,"duration":774,"offset":775},"page is going to be displayed.",1735,234904,{"text":777,"duration":766,"offset":778},"All right, so in order to create and display the",237620,{"text":780,"duration":781,"offset":782},"content of your web page, first of all you have",2889,240632,{"text":784,"duration":785,"offset":786},"to insert in your HTML document element called body.",3196,243583,{"text":788,"duration":789,"offset":790},"Which actually will wrap the entire content of the web",2730,248700,{"text":792,"duration":793,"offset":794},"page I'm in the content that is going to be",2174,251480,{"text":796,"duration":797,"offset":798},"visible.",405,253705,{"text":800,"duration":801,"offset":802},"So for example if we insert here some text, let's",3444,254820,{"text":804,"duration":805,"offset":806},"say Hello World.",1124,258335,{"text":808,"duration":809,"offset":810},"Then if you save it and reload the page.",2490,260640,{"text":812,"duration":813,"offset":814},"Then it's going to be displayed on the page.",2180,265090,{"text":816,"duration":817,"offset":818},"So again, everything that you pass inside the body element",3194,268029,{"text":820,"duration":821,"offset":822},"is always visible on the page.",1652,271278,{"text":824,"duration":825,"offset":826},"Alright, so that's the basic structure of HTML document. Those",3803,274000,{"text":828,"duration":829,"offset":830},"are the main elements which you need to create in",3006,277865,{"text":832,"duration":833,"offset":834},"order to make your HTML document working properly.",3068,280932,{"text":836,"duration":837,"offset":838},"Before we finish this lecture, I'm going to show you",3155,284650,{"text":840,"duration":789,"offset":841},"one more thing. In VS code there is a builtin",287866,{"text":843,"duration":844,"offset":845},"package called Amit. If you are using different text editor",3580,290657,{"text":847,"duration":848,"offset":849},"then you should install it manually from the extension manager.",3823,294298,{"text":851,"duration":852,"offset":853},"So Amit allows us to create an element with some",2913,298182,{"text":855,"duration":852,"offset":856},"shortcuts and using it we are able to create the",301155,{"text":858,"duration":789,"offset":859},"basic HTML structure with just a simple step.",304129,{"text":861,"duration":862,"offset":863},"Let's go ahead and delete everything from here.",2190,307700,{"text":865,"duration":866,"offset":867},"Then we have to place! And if I hit the",3962,311040,{"text":869,"duration":870,"offset":871},"tab.",407,315103,{"text":873,"duration":874,"offset":875},"Then it automatically will generate the basic structure of HTML",3434,316260,{"text":877,"duration":878,"offset":879},"document.",491,319749,{"text":881,"duration":882,"offset":883},"At a glance you can see that it's a little",2876,321190,{"text":885,"duration":886,"offset":887},"bit different from what we have created in this video.",3699,324135,{"text":889,"duration":890,"offset":891},"You see here some other elements, I mean some meta",3425,327902,{"text":893,"duration":894,"offset":895},"tags and also inside HTML tag there is specified language",3904,331396,{"text":897,"duration":898,"offset":899},"as English. Basically meta tag provides some metadata about HTML",4383,335369,{"text":901,"duration":902,"offset":903},"document. They are used to specify for example page description,",4384,339821,{"text":905,"duration":906,"offset":907},"some keywords which you need for search engine optimization and",4316,344273,{"text":909,"duration":910,"offset":911},"also some other metadata.",1712,348657,{"text":913,"duration":914,"offset":915},"In our case, the VS code has generated 3 different",3142,351180,{"text":917,"duration":918,"offset":919},"meta tags. The first one I mean charset attribute specifies",3708,354385,{"text":921,"duration":922,"offset":923},"the character encoding for the HTML document. The second one",3771,358156,{"text":925,"duration":926,"offset":927},"is used for the web page responsiveness and also we",3206,361989,{"text":929,"duration":930,"offset":931},"have here the third one which allows us to make",2954,365257,{"text":933,"duration":934,"offset":935},"our web page compatible for older versions of Internet Explorer.",4022,368274,{"text":937,"duration":922,"offset":938},"Actually those things may sound a little bit complicated for",372359,{"text":940,"duration":941,"offset":942},"now, but you don't have to pay much attention to",3017,376193,{"text":944,"duration":945,"offset":946},"those things at this point.",1697,379273,{"text":948,"duration":949,"offset":950},"OK, so in this lecture we have learned about how",2664,381810,{"text":952,"duration":953,"offset":954},"to create the basic structure of HTML document. Next we're",3220,384530,{"text":956,"duration":957,"offset":958},"going to learn how to create different elements in HTML,",3109,387806,{"text":960,"duration":961,"offset":962},"and for that let's move on to the next lecture.",2610,390970,{"summary":964,"sections":965,"learningObjectives":1003,"keyConcepts":1012,"videoTags":1018},"This video tutorial guides viewers through creating a basic HTML document. It starts with setting up a folder and file, then explains the essential HTML structure, including doctype, head, title, and body elements. The tutorial also introduces using Emmet in VS Code to quickly generate HTML structure. The video emphasizes the importance of proper file naming and understanding HTML tags, both opening and closing, and provides a brief overview of meta tags for SEO and compatibility.",[966,974,982,989,996],{"title":967,"start":494,"end":576,"description":968,"tags":969},"Introduction to HTML Document","Creating a folder and file for HTML document.",[970,971,972,973],"HTML","file creation","folder setup","VS Code",{"title":975,"start":604,"end":675,"description":976,"tags":977},"Building Basic HTML Structure","Introduction to doctype and HTML tags.",[978,979,980,981],"doctype","HTML tags","structure","syntax",{"title":983,"start":679,"end":775,"description":984,"tags":985},"Head and Title Elements","Creating head and title elements in HTML.",[986,987,988,970],"head element","title tag","metadata",{"title":990,"start":778,"end":834,"description":991,"tags":992},"Body Element and Content","Using body element to display content.",[993,994,970,995],"body element","content","display",{"title":997,"start":838,"end":962,"description":998,"tags":999},"Using Emmet in VS Code","Generating HTML structure with Emmet.",[1000,973,1001,1002],"Emmet","HTML structure","shortcuts",[1004,1005,1006,1007,1008,1009,1010,1011],"Create HTML file","Use doctype tag","Add head element","Insert title tag","Use body element","Display content","Use Emmet shortcuts","Understand meta tags",[1013,1014,1015,1016,1017],"HTML file creation","Basic HTML structure","Head and body elements","Using Emmet","Meta tags",{"keyTags":1019,"pedagogicalTags":1023},[970,1020,1021,1022,973],"Web Development","Beginner","Coding",[1024,1025,1026],"Step-by-step","Hands-on","Practical","2025-01-29T04:06:36.132Z","2025-01-29T04:06:36.495Z","60919f6b27f749001c9a4bd7","2025-01-01T05:13:08.862Z","2025-01-29T04:06:36.497Z","ENABLED","2025-09-01T07:10:58.670Z",{"service":1035,"version":1036},"quizserver","e2a58ba8617ed870ee058a047317c177ae5deb70",{"success":5,"data":1038,"time":1180},{"countryBasedRecommendations":1039,"subjectBasedRecommendations":1094,"subjectBasedQualifiers":1149},[1040,1048,1055,1061,1067,1075,1081,1088],{"id":1041,"quizId":1042,"country":90,"lowerGrade":95,"upperGrade":1043,"quizRank":173,"subject":1044,"quizImage":1045,"quizName":1046,"quizType":1047,"noOfQuestions":1043,"noOfSlides":1043},"68aee53eba9f2c220c140aa9","64c7d60b3f6cb30008e43294",12,"Life Skills","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3f95e291-84df-46bb-b418-54c91824184b-v2","Unit Zero lesson 2 cafeteria","presentation",{"id":1049,"quizId":1050,"country":90,"lowerGrade":124,"upperGrade":124,"quizRank":1051,"subject":99,"quizImage":1052,"quizName":1053,"quizType":1054,"noOfQuestions":96,"noOfSlides":81},"689c703a4849ed70bb0db727","5b9add444e356f00198a8c14",5,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c9683fd9-008c-407f-a71b-3359b23d53ad","Nouns, nouns, nouns","quiz",{"id":1056,"quizId":1057,"country":90,"lowerGrade":18,"upperGrade":96,"quizRank":1051,"subject":1058,"quizImage":1059,"quizName":1060,"quizType":11,"noOfQuestions":96,"noOfSlides":81},"689335b96cc7c0498fa6bf4c","6735a74718bd2423fb21cbcd","Multiple Subjects","https://i3.ytimg.com/vi/MEIXRLcC6RA/default.jpg","Lab Safety Procedures and Guidelines",{"id":1062,"quizId":1063,"country":90,"lowerGrade":1051,"upperGrade":1051,"quizRank":94,"subject":98,"quizImage":1064,"quizName":1065,"quizType":1054,"noOfQuestions":1066,"noOfSlides":81},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1068,"quizId":1069,"country":90,"lowerGrade":1070,"upperGrade":1070,"quizRank":48,"subject":1071,"quizImage":1072,"quizName":1073,"quizType":1054,"noOfQuestions":1074,"noOfSlides":81},"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",11,{"id":1076,"quizId":1077,"country":90,"lowerGrade":48,"upperGrade":48,"quizRank":96,"subject":100,"quizImage":1078,"quizName":1079,"quizType":1054,"noOfQuestions":1080,"noOfSlides":81},"689c703a4849ed70bb0db8e4","64decf9f12d195000817634b","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1f260cd4-72e1-43ec-a934-b8a486964b53-v2","Lab Safety and Equipment",20,{"id":1082,"quizId":1083,"country":90,"lowerGrade":95,"upperGrade":1043,"quizRank":1074,"subject":1084,"quizImage":1085,"quizName":1086,"quizType":1054,"noOfQuestions":1087,"noOfSlides":81},"68aee53eba9f2c220c140ad2","66b1320eaad9b7e77f9c85a9","Other","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/0f13c2ce-f5fe-4cb0-8e48-dd41212a76c1","25-26 Behavior Expectations Matrix",13,{"id":1089,"quizId":1090,"country":90,"lowerGrade":18,"upperGrade":96,"quizRank":1074,"subject":1091,"quizImage":1092,"quizName":1093,"quizType":11,"noOfQuestions":96,"noOfSlides":81},"68a5aabba690fb0b8e8ada5d","66e972146a6efd0f8e6d9932","Computers","https://i3.ytimg.com/vi/f4B0q2oOLbs/default.jpg","Exploring Digital Citizenship Essentials",[1095,1103,1109,1116,1123,1130,1137,1143],{"id":1096,"quizId":1097,"country":90,"lowerGrade":95,"upperGrade":1087,"quizRank":1098,"subject":1099,"quizImage":1100,"quizName":1101,"quizType":1054,"noOfQuestions":1102,"noOfSlides":81},"68aee53eba9f2c220c140b51","6308ddeaade84d001d177794",30,"Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/dacdd051-0fc5-404e-85ef-db68ad6fd126","Let's Take a Poll...",15,{"id":1104,"quizId":1105,"country":90,"lowerGrade":1087,"upperGrade":1087,"quizRank":1106,"subject":1071,"quizImage":1107,"quizName":1108,"quizType":1054,"noOfQuestions":26,"noOfSlides":81},"68a5aabba690fb0b8e8adc4d","64b5422d268e31001dd55a5f",474,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4cdc727a-4243-4a1e-b12a-4b6c3815fd9a-v2","Pronouncing Names Correctly ",{"id":1110,"quizId":1111,"country":90,"lowerGrade":48,"upperGrade":1087,"quizRank":1112,"subject":1113,"quizImage":1114,"quizName":1115,"quizType":1054,"noOfQuestions":1043,"noOfSlides":81},"68aee53eba9f2c220c140b52","61238f7c4612e1001dfd0ad5",614,"History","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f8fa71cf-3aa9-480b-b9c0-a0418362742f","Civil War ",{"id":1117,"quizId":1118,"country":90,"lowerGrade":95,"upperGrade":1087,"quizRank":1119,"subject":98,"quizImage":1120,"quizName":1121,"quizType":1054,"noOfQuestions":1122,"noOfSlides":81},"68a5aabba690fb0b8e8adcba","66b11b4baad9b79a549c7665",768,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/66b4c56b-6642-43ca-b327-ea3661011e4b","Parent Functions",18,{"id":1124,"quizId":1125,"country":90,"lowerGrade":122,"upperGrade":1087,"quizRank":1126,"subject":1127,"quizImage":149,"quizName":1128,"quizType":1054,"noOfQuestions":1129,"noOfSlides":81},"68aee53eba9f2c220c140999","5d6ff4085df317001a1368b6",772,"World Languages","Mapa países hispanohablantes",21,{"id":1131,"quizId":1132,"country":90,"lowerGrade":18,"upperGrade":1087,"quizRank":1133,"subject":99,"quizImage":1134,"quizName":1135,"quizType":1054,"noOfQuestions":1136,"noOfSlides":81},"68aee53eba9f2c220c140b50","56c53d8372239aa103437f46",866,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f724e660-28f9-444c-892b-1dae74197ed0","Primary v. Secondary Sources",19,{"id":1138,"quizId":1139,"country":90,"lowerGrade":48,"upperGrade":1087,"quizRank":1140,"subject":99,"quizImage":1141,"quizName":1142,"quizType":1054,"noOfQuestions":1066,"noOfSlides":81},"68a5aabba690fb0b8e8ad9ea","5c73872fe17265001ac04027",932,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/82ed51c9-2d72-4bd0-abf8-2678e5548903","Identifying Parts of Speech",{"id":1144,"quizId":1145,"country":90,"lowerGrade":1087,"upperGrade":1087,"quizRank":1146,"subject":1113,"quizImage":1147,"quizName":1148,"quizType":1054,"noOfQuestions":1080,"noOfSlides":81},"68a5aabba690fb0b8e8ad996","654bb93d3eed7c828d3a746a",939,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/218f49f0-29fb-4c6f-a4ba-0553ca6817d3-v2","Disney Trivia",[1150,1153,1156,1159,1162,1165,1168,1171,1174,1177],{"path":1151,"display":1152},"/science/physics/energy-and-thermodynamics/thermodynamics/entropy-and-second-law","Entropy and second law",{"path":1154,"display":1155},"/math/statistics-and-probability/data-representation/describing-distributions/understanding-and-applying-normal-distributions/recognising-that-there-are-data-sets-for-which-normalisation-cannot-be-done","Recognising that there are data sets for which normalisation cannot be done",{"path":1157,"display":1158},"/math/algebra/equations/linear-equations/multi-variable-linear-equations/understanding-pairs-of-linear-equations-in-two-variables","Understanding pairs of linear equations in two variables",{"path":1160,"display":1161},"/math/measurement-and-data/measurement-concepts/mass-and-volume/word-problems-with-mass-and-volume","Word problems with mass and volume",{"path":1163,"display":1164},"/math/functions/advanced-functions/advanced-function-analysis/graphing-functions/identifying-and-reasoning-the-effects-of-vertical-andor-horizontal-translations-on-graphs-that-are-not-linear-or-quadratic","Identifying and reasoning the effects of vertical and/or horizontal translations on graphs that are not linear or quadratic",{"path":1166,"display":1167},"/science/environmental-science/environmental-management/pollution-control/air-quality-management","Air quality management",{"path":1169,"display":1170},"/foreign-language/chinesemandarin/advanced-chinese-grammar","Advanced Chinese grammar",{"path":1172,"display":1173},"/math/algebra/polynomials/polynomial-theorems-and-identities/understanding-zeroes-and-factors-of-polynomials","Understanding zeroes and factors of polynomials",{"path":1175,"display":1176},"/ela/reading/range-of-reading/informational-texts/science-and-nature","Science and nature",{"path":1178,"display":1179},"/math/functions/quadratic-functions/graphing-quadratic-functions/transformations-on-quadratic-functions","Transformations on quadratic functions","2025-09-01T07:10:58.764235241Z",{"success":5,"data":1182,"time":1231},{"quizzes":1183,"total":1229,"timeTaken":1230,"experiment":72,"source":73},[1184,1190,1197,1201,1205,1211,1218,1222],{"id":1185,"isSuper":10,"type":11,"info":1186,"shouldIndex":10,"stats":1189},"67b27c457dcc059558f73703",{"grade":1187,"name":23,"slug":23,"image":1188},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/027de176-837a-400b-b4ef-eae0748fc254-v2",{"totalQuestions":1051},{"id":1191,"isSuper":10,"type":11,"info":1192,"shouldIndex":10,"stats":1196},"67743e6a3572de544cd85574",{"grade":1193,"name":1194,"slug":1194,"image":1195},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - Element Text Manipulation","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0ece6257-831b-4396-b4e2-7256c81e178f-v2",{"totalQuestions":48},{"id":42,"isSuper":10,"type":11,"info":1198,"shouldIndex":10,"stats":1200},{"grade":1199,"name":45,"slug":45,"image":46},[14,14],{"totalQuestions":48},{"id":57,"isSuper":10,"type":11,"info":1202,"shouldIndex":10,"stats":1204},{"grade":1203,"name":60,"slug":60,"image":61},[14,14],{"totalQuestions":48},{"id":1206,"isSuper":10,"type":11,"info":1207,"shouldIndex":10,"stats":1210},"67b70ddc361cdd75c4ba7ff7",{"grade":1208,"name":45,"slug":45,"image":1209},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ce2d67a2-0c0c-490c-961b-1d045c3ef5b7-v2",{"totalQuestions":173},{"id":1212,"isSuper":10,"type":11,"info":1213,"shouldIndex":10,"stats":1217},"67b1cc06777742a99ba46142",{"grade":1214,"name":1215,"slug":1215,"image":1216},[14,14],"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cde2d622-31df-43ca-9041-ada747e4f918-v2",{"totalQuestions":1051},{"id":9,"isSuper":10,"type":11,"info":1219,"shouldIndex":10,"stats":1221},{"grade":1220,"name":15,"slug":15,"image":16},[14,14],{"totalQuestions":18},{"id":1223,"isSuper":10,"type":11,"info":1224,"shouldIndex":10,"stats":1228},"67ae46c2b45f8f61257b9410",{"grade":1225,"name":1226,"slug":1226,"image":1227},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a6ecda92-20d1-4e08-98db-ccdc8e8a345f-v2",{"totalQuestions":48},30097,29,"2025-09-01T07:10:58.783931942Z",["Reactive",1233],{},["Set"],["ShallowReactive",1236],{"jO7vsC0FqA":82,"bKIm9NRx5I":82,"y4qZAboqAA":82,"ZCKW9qMymg":82},"/admin/video-quiz/6774cee441e9b8e01ebe0d3c/frontend-web-development-bootcamp-build-a-twitter-clone-basic-html-document","none",{"ssr_adp-v2":1240},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"6b3fb8cc-d034-4e6c-a6d3-30b3282a9012",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>