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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><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-914fb3ac><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">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" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-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" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id 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 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-914fb3ac><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To add 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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To define the main content</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To include 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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To display content on the 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-914fb3ac><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-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" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id 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 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-914fb3ac><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>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-914fb3ac><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-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" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id 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 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-914fb3ac><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><title></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><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-914fb3ac><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-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" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-914fb3ac><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id 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 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-914fb3ac><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To 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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To 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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To 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" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>To 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" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-100 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-50acfb30><div class="h-full relative" data-v-b91735d4 data-v-50acfb30><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-b91735d4><div class="content h-full" data-v-b91735d4><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/video-quiz/6773fbd803b7322a2a1293ee/modern-web-design-with-html5-css3-and-javascript-output-options-in-javascript" data-testid="activity-recommendation-card-6773fbd803b7322a2a1293ee" 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" style="" 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 Web Design with HTML5, CSS3, and JavaScript - Output Options in JavaScript" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.e8wn885ay9" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Modern Web Design with HTML5, CSS3, and JavaScript - Output Options in JavaScript</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/67ae3d228615a7d511cc5f56/html-tutorial-for-beginners2022-mark-deleted-text" data-testid="activity-recommendation-card-67ae3d228615a7d511cc5f56" 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" style="" 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 Tutorial for Beginners(2022) - Mark Deleted Text" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.eh6apngtzeb" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML Tutorial for Beginners(2022) - Mark Deleted Text</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/67ae8465bb876e907d86d0a1/the-front-end-web-developer-bootcamp-html-css-js-and-react-create-element-text-node" data-testid="activity-recommendation-card-67ae8465bb876e907d86d0a1" 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" style="" 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 - Create Element Text Node" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.l8zkpynh6ih" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Create Element Text Node</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/67f887afbcc9224911bf4b9d/learning-less-video-24" data-testid="activity-recommendation-card-67f887afbcc9224911bf4b9d" 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" style="" 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="Learning LESS (Video 24)" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.iyf1lp40joj" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Learning LESS (Video 24)</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/67b6f1eb779fd36f0cdf6fc5/html-tutorial-for-beginners2022-underline-a-text-in-html" data-testid="activity-recommendation-card-67b6f1eb779fd36f0cdf6fc5" 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" style="" 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 Tutorial for Beginners(2022) - Underline a Text 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.pecegacrp0j" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML Tutorial for Beginners(2022) - Underline a Text in HTML</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/67f876dd3785b5f3dd0634be/modern-html-and-css-from-the-beginning-including-sass-divs-spans-classes-ids" data-testid="activity-recommendation-card-67f876dd3785b5f3dd0634be" 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" style="" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.8ff9qbtt9o5" class="contents"><p class="text-w-content-base font-semibold text-clip text-left 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 class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/67763357924de51a502f17b4/modern-web-design-with-html5-css3-and-javascript-getting-random-items-from-arrays" data-testid="activity-recommendation-card-67763357924de51a502f17b4" 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" style="" 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 Web Design with HTML5, CSS3, and JavaScript - Getting Random Items from Arrays" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.86y0o5lc6jm" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Modern Web Design with HTML5, CSS3, and JavaScript - Getting Random Items from Arrays</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/67f67136829f6d62444ff932/html-tutorial-for-beginners2022-mark-inserted-text" data-testid="activity-recommendation-card-67f67136829f6d62444ff932" 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" style="" 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 Tutorial for Beginners(2022) - Mark Inserted Text" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.mbik1n67o2k" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">HTML Tutorial for Beginners(2022) - Mark Inserted Text</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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-b91735d4><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-b91735d4></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-50acfb30><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-50acfb30><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-50acfb30><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-100 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-50acfb30><div class="h-full relative" data-v-b91735d4 data-v-50acfb30><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-b91735d4><div class="content h-full" data-v-b91735d4><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/60cb6c61c29fe6001b8bd5d3/brand-labels" data-testid="activity-popular-resource-card-60cb6c61c29fe6001b8bd5d3" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Brand Labels" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.0u22suvctw2" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Brand Labels</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>5th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6110c92ec500e3001badd19a/ice-breaker-trivia-food-from-around-the-world" data-testid="activity-popular-resource-card-6110c92ec500e3001badd19a" 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" style="" 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="Ice Breaker Trivia: Food from Around the World" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.cy2glmd40bw" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Ice Breaker Trivia: Food from Around the World</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>3rd - 12th 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" style="" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.q3rnglgqdbf" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/68dfdea69608be0949ce9e9f/ela-advisory-review" data-testid="activity-popular-resource-card-68dfdea69608be0949ce9e9f" 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" style="" 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="ELA Advisory Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.ezfo7wynpsb" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">ELA Advisory Review</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>7th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5da88ffcfec3ff001ce68888/subtracting-integers" data-testid="activity-popular-resource-card-5da88ffcfec3ff001ce68888" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Subtracting Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.731rse5qgfj" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Subtracting Integers</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>7th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5efd0a3bd81107001b1430c2/adding-integers" data-testid="activity-popular-resource-card-5efd0a3bd81107001b1430c2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Adding Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-1d12f0eb></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><div class="" data-v-1d12f0eb><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 22 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.v86bjlyy3v" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Adding Integers</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5bbd46b0050b46001bfbda1d/multiplication-and-division-unknowns" data-testid="activity-popular-resource-card-5bbd46b0050b46001bfbda1d" 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" style="" 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 and Division Unknowns" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.v5s6dpccwh" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication and Division Unknowns</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/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" style="" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.c8e173bk726" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Exploring Digital Citizenship Essentials</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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-b91735d4><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-b91735d4></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-50acfb30><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-50acfb30><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-50acfb30><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-100 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-w-header-base font-semibold">Discover more resources for Information Technology (IT)</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-50acfb30><div class="h-full relative" data-v-b91735d4 data-v-50acfb30><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-b91735d4><div class="content h-full" data-v-b91735d4><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/5bfc4994e341e7001ac44e4e/nfl-football-logos" data-testid="activity-subject-resource-card-5bfc4994e341e7001ac44e4e" 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" style="" 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="NFL Football logos" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.726ow8lxhd" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">NFL Football logos</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>KG - Professional Dev...</p></div></div></div></div></div></a><a href="/admin/quiz/5bc39aa4930ccd001b4eda02/definite-and-indefinite-articles-in-spanish-avancemos" data-testid="activity-subject-resource-card-5bc39aa4930ccd001b4eda02" 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" style="" 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="Definite and Indefinite Articles in Spanish (Avancemos)" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.wh8u7ymh27" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Definite and Indefinite Articles in Spanish (Avancemos)</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/video-quiz/67760edf53c5d92a02a15a4f/force-and-motion" data-testid="activity-subject-resource-card-67760edf53c5d92a02a15a4f" 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" style="" 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="Force and Motion" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 7 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.y913zj1ewae" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Force and Motion</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>4th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/633d91074d509b001da41b83/unit-5-key-terms" data-testid="activity-subject-resource-card-633d91074d509b001da41b83" 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" style="" 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 5 Key Terms" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 36 questions</span></p></div></div></div></div><div class="border-t border-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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.9y8c3p1kwf7" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Unit 5 Key Terms</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>11th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/634dcb7a131d85001e184662/unit-6-key-terms" data-testid="activity-subject-resource-card-634dcb7a131d85001e184662" 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" style="" 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 6 Key Terms" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 38 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.kubcs7f8no" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Unit 6 Key Terms</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>11th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/583ed6cbefe1d1ac59d882fc/la-hora" data-testid="activity-subject-resource-card-583ed6cbefe1d1ac59d882fc" 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" style="" 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="La Hora" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.sf6w1pejmc" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">La Hora</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id 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/video-quiz/6773fa267db60068eb4938b2/cell-transport" data-testid="activity-subject-resource-card-6773fa267db60068eb4938b2" 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" style="" 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="Cell Transport" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 7 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.v9aq6hq7upc" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Cell Transport</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>11th Grade - University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67747118c56d8c2e6a1c3d17/what-is-narrative-writing" data-testid="activity-subject-resource-card-67747118c56d8c2e6a1c3d17" 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" style="" data-v-1d12f0eb><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><img src="https://cf.quizizz.com/image/image-loader.svg" alt="What Is Narrative Writing?" 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-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats"><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 7 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" style="" data-v-1d12f0eb><div aria-describedby="tooltip-0.cg47vvuikbo" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">What Is Narrative Writing?</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-1d12f0eb><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb>4th Grade - University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-b91735d4><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-b91735d4></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-50acfb30><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-50acfb30><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-50acfb30><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-50acfb30><div class="h-full relative" data-v-b91735d4 data-v-50acfb30><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-b91735d4><div class="content h-full" data-v-b91735d4><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><div class="flex-shrink-0"><a href="/library/math/measurement-and-data/measurement-concepts/length/measuring-with-standard-units/metric-units-centimeters-meters" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.k3psb5484t" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Metric units (centimeters, meters)</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Metric units (centimeters, meters)-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/life-science/structure-and-function/animals/group-behavior/animal-groups" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.8odf8nb8sno" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Animal groups</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Animal groups-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/number-system/vectors/vector-operations/adding-subtracting-vectors/adding-vectors-component-wise-including-determining-magnitude-and-direction-of-the-resultant-vector" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.ewdm7kdxsiu" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Adding vectors component-wise (including determining magnitude and direction of the resultant vector)</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Adding vectors component-wise (including determining magnitude and direction of the resultant vector)-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/writing/text-types-and-purposes/informative-writing" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.kq49dlu1wu9" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Informative writing</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Informative writing-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/language/conventions/mechanics/punctuation/punctuation-with-quotations/cite-quotations-appropriately" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.kvy5tx5o1x" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Cite quotations appropriately</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Cite quotations appropriately-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/life-science/plant-life-cycles/angiosperm-and-conifer-life-cycles" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.gflo91yrya" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Angiosperm and conifer life cycles</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Angiosperm and conifer life cycles-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/sampling-and-population/comparing-populations/drawing-comparative-inferences-about-two-populations-using-measures-of-variability" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.kqqwfk2dyg" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Drawing comparative inferences about two populations using measures of variability</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Drawing comparative inferences about two populations using measures of variability-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/earth-and-space-science/earths-systems/earth-system-interactions/system-relationships/the-carbon-cycle" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.495y2wcnjnd" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">The carbon cycle</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="The carbon cycle-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/geometry/transformations/transformation-properties/representing-and-comparing-transformations/describing-transformations-as-functions-that-take-points-in-the-plane-as-inputs-and-give-other-points-as-outputs" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.mvg5p1hafn" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Describing transformations as functions that take points in the plane as inputs and give other points as outputs</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Describing transformations as functions that take points in the plane as inputs and give other points as outputs-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/functions/equation-of-a-line/writing-the-equation-of-a-straight-line/writing-an-equation-of-a-straight-line-using-two-points" 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 min-w-12 max-w-80 justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9" style=""><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-search"></i></div><div aria-describedby="tooltip-0.yfuol0b3k" class="contents"><span class="text-w-control-base font-semibold text-wds-dark-500 text-clip text-left select-none line-clamp-1 break-all w-auto overflow-none" tooltipposition="top">Writing an equation of a straight line using two points</span></div><div class="sr-only"><input type="checkbox" aria-labelledby="Writing an equation of a straight line using two points-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-b91735d4><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-b91735d4></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-50acfb30><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-50acfb30><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-50acfb30><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-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":1237,"once":1239,"_errors":1240,"serverRendered":5,"path":1242,"country":90,"region":1243,"nuxtSsrFeatureFlags":1244},["ShallowReactive",3],{"jO7vsC0FqA":4,"y4qZAboqAA":75,"bKIm9NRx5I":1037,"ZCKW9qMymg":1101},{"success":5,"data":6,"time":74},true,{"quizzes":7,"total":70,"timeTaken":71,"experiment":72,"source":73},[8,19,27,34,42,49,56,63],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"6773fbd803b7322a2a1293ee",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","Modern Web Design with HTML5, CSS3, and JavaScript - Output Options in JavaScript","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/840c7f46-bd76-458a-a235-f4f852cbcd34-v2",{"totalQuestions":18},8,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67ae3d228615a7d511cc5f56",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"HTML Tutorial for Beginners(2022) - Mark Deleted Text","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/44574ff1-8d6b-464d-8803-b8205acb533b-v2",{"totalQuestions":26},6,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"67ae8465bb876e907d86d0a1",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Create Element Text Node","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/597ce05d-113e-4bb1-846c-e156d996f77f-v2",{"totalQuestions":26},{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":40},"67f887afbcc9224911bf4b9d",{"grade":37,"name":38,"slug":38,"image":39},[14,14],"Learning LESS (Video 24)","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8749c90f-f6ea-46f9-9e68-3b483b9f8088-v2",{"totalQuestions":41},2,{"id":43,"isSuper":10,"type":11,"info":44,"shouldIndex":10,"stats":48},"67b6f1eb779fd36f0cdf6fc5",{"grade":45,"name":46,"slug":46,"image":47},[14,14],"HTML Tutorial for Beginners(2022) - Underline a Text in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/55c9c2be-f91b-4630-a62c-8f25676091d5-v2",{"totalQuestions":26},{"id":50,"isSuper":10,"type":11,"info":51,"shouldIndex":10,"stats":55},"67f876dd3785b5f3dd0634be",{"grade":52,"name":53,"slug":53,"image":54},[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/5981b4a6-497b-4de4-bbeb-a4797a578def-v2",{"totalQuestions":41},{"id":57,"isSuper":10,"type":11,"info":58,"shouldIndex":10,"stats":62},"67763357924de51a502f17b4",{"grade":59,"name":60,"slug":60,"image":61},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Getting Random Items from Arrays","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/950c7bc3-4d10-429a-a29b-e2c59736368f-v2",{"totalQuestions":18},{"id":64,"isSuper":10,"type":11,"info":65,"shouldIndex":10,"stats":69},"67f67136829f6d62444ff932",{"grade":66,"name":67,"slug":67,"image":68},[14,14],"HTML Tutorial for Beginners(2022) - Mark Inserted Text","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/bb6f4b4c-ca8e-4448-940d-02f345ca52d1-v2",{"totalQuestions":41},4332,24,"quizPageRecoPublicSearch","recommended_search","2025-10-10T07:43:14.084822445Z",{"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",[26,94,18,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":41,"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":41,"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":41,"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":41,"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":41},{"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":41,"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":41,"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":41},{"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":41,"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-10-10T07:43:14.058Z",{"service":1035,"version":1036},"quizserver","befc55f7853d5792d396acda43ab0b41600495d5",{"success":5,"data":1038,"time":1100},{"quizzes":1039,"total":1098,"timeTaken":1099,"experiment":72,"source":73},[1040,1047,1054,1061,1068,1075,1082,1090],{"id":1041,"isSuper":10,"type":11,"info":1042,"shouldIndex":10,"stats":1046},"677686ca706496f218e7f687",{"grade":1043,"name":1044,"slug":1044,"image":1045},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - JavaScript DOM Manipulation","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f7e1c6b9-a0fb-419a-bd86-4a5cf472f197-v2",{"totalQuestions":18},{"id":1048,"isSuper":10,"type":11,"info":1049,"shouldIndex":10,"stats":1053},"6774bcfc4409cc4e6556d2bc",{"grade":1050,"name":1051,"slug":1051,"image":1052},[14,14],"AWS, JavaScript, React - Deploy Web Apps on the Cloud\r - JS Placement","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e0790a74-ab6d-49e5-afa7-28f2c36d6968-v2",{"totalQuestions":26},{"id":1055,"isSuper":10,"type":11,"info":1056,"shouldIndex":10,"stats":1060},"67b6f88259ede868a015fa71",{"grade":1057,"name":1058,"slug":1058,"image":1059},[14,14],"HTML Tutorial for Beginners(2022) - Headings in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b3f19dcf-9424-4f9b-9db3-654780087811-v2",{"totalQuestions":26},{"id":1062,"isSuper":10,"type":11,"info":1063,"shouldIndex":10,"stats":1067},"67ae7ba10088753239b049d2",{"grade":1064,"name":1065,"slug":1065,"image":1066},[14,14],"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - DOM In-Depth / 045","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/bed4de54-9cbb-424b-8ff1-9e7c78df303d-v2",{"totalQuestions":18},{"id":1069,"isSuper":10,"type":11,"info":1070,"shouldIndex":10,"stats":1074},"67b71914468b4e86be8d6fc9",{"grade":1071,"name":1072,"slug":1072,"image":1073},[14,14],"AWS, JavaScript, React - Deploy Web Apps on the Cloud\r - DOM Manipulation","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1c774ad1-8b45-40d7-b029-5b48414daa51-v2",{"totalQuestions":26},{"id":1076,"isSuper":10,"type":11,"info":1077,"shouldIndex":10,"stats":1081},"677435a1a5d02e02535ff91d",{"grade":1078,"name":1079,"slug":1079,"image":1080},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - Welcome To The Course","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/010f1f18-f917-43f2-9922-0071b383d497-v2",{"totalQuestions":26},{"id":1083,"isSuper":10,"type":11,"info":1084,"shouldIndex":10,"stats":1089},"67b6ff841464de3cc5254fe1",{"grade":1085,"name":1087,"slug":1087,"image":1088},[1086,14],"0","Creating HTML Elements Dynamically","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/47a0ff53-ab6e-4986-a42f-e1bfba52a0a0-v2",{"totalQuestions":26},{"id":1091,"isSuper":10,"type":11,"info":1092,"shouldIndex":10,"stats":1096},"67ae1bb5098413191da1a6b6",{"grade":1093,"name":1094,"slug":1094,"image":1095},[14,14],"The Modern JavaScript Bootcamp (2019) - Setting up the Hangman Theme","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/2a114074-fe30-46ed-a809-42870362a30d-v2",{"totalQuestions":1097},11,3177,22,"2025-10-10T07:43:14.212546669Z",{"success":5,"data":1102,"time":1236},{"countryBasedRecommendations":1103,"subjectBasedRecommendations":1151,"subjectBasedQualifiers":1205},[1104,1114,1119,1125,1129,1135,1140,1145],{"id":1105,"quizId":1106,"country":90,"lowerGrade":1107,"upperGrade":1108,"quizRank":41,"subject":1109,"quizImage":1110,"quizName":1111,"quizType":1112,"noOfQuestions":1113,"noOfSlides":81},"68dd09c313ac207b4c1aad8a","60cb6c61c29fe6001b8bd5d3",5,12,"Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/8b91c8f2-9778-4f06-86f5-5cfdef5a24b1","Brand Labels","quiz",20,{"id":1115,"quizId":1116,"country":90,"lowerGrade":124,"upperGrade":1108,"quizRank":41,"subject":1109,"quizImage":1117,"quizName":1118,"quizType":1112,"noOfQuestions":96,"noOfSlides":81},"68e644455b7f8775af3b75be","6110c92ec500e3001badd19a","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/d7f4a19a-3789-464d-83f2-a22b38182219","Ice Breaker Trivia: Food from Around the World",{"id":1120,"quizId":1121,"country":90,"lowerGrade":1107,"upperGrade":1107,"quizRank":94,"subject":98,"quizImage":1122,"quizName":1123,"quizType":1112,"noOfQuestions":1124,"noOfSlides":81},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1126,"quizId":1127,"country":90,"lowerGrade":94,"upperGrade":94,"quizRank":94,"subject":99,"quizImage":149,"quizName":1128,"quizType":1112,"noOfQuestions":1113,"noOfSlides":81},"68e644455b7f8775af3b70f3","68dfdea69608be0949ce9e9f","ELA Advisory Review",{"id":1130,"quizId":1131,"country":90,"lowerGrade":94,"upperGrade":94,"quizRank":96,"subject":98,"quizImage":1132,"quizName":1133,"quizType":1112,"noOfQuestions":1134,"noOfSlides":81},"68b81fc14405f0499b37e8a7","5da88ffcfec3ff001ce68888","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/03023c5b-9aac-4b06-91d5-d9505d184182","Subtracting Integers",15,{"id":1136,"quizId":1137,"country":90,"lowerGrade":26,"upperGrade":26,"quizRank":96,"subject":98,"quizImage":1138,"quizName":1139,"quizType":1112,"noOfQuestions":1099,"noOfSlides":81},"68c15a42f7398f49e3878940","5efd0a3bd81107001b1430c2","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/904870db-7988-4901-a564-99b441db8324","Adding Integers",{"id":1141,"quizId":1142,"country":90,"lowerGrade":124,"upperGrade":124,"quizRank":1097,"subject":98,"quizImage":1143,"quizName":1144,"quizType":1112,"noOfQuestions":96,"noOfSlides":81},"68e644445b7f8775af3b6d33","5bbd46b0050b46001bfbda1d","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/38ae0ece-98d8-4e8a-84c8-d1d081de1388","Multiplication and Division Unknowns",{"id":1146,"quizId":1147,"country":90,"lowerGrade":26,"upperGrade":96,"quizRank":1097,"subject":1148,"quizImage":1149,"quizName":1150,"quizType":11,"noOfQuestions":96,"noOfSlides":81},"68a5aabba690fb0b8e8ada5d","66e972146a6efd0f8e6d9932","Computers","https://i3.ytimg.com/vi/f4B0q2oOLbs/default.jpg","Exploring Digital Citizenship Essentials",[1152,1159,1167,1174,1181,1187,1193,1199],{"id":1153,"quizId":1154,"country":90,"lowerGrade":81,"upperGrade":1155,"quizRank":1156,"subject":1109,"quizImage":1157,"quizName":1158,"quizType":1112,"noOfQuestions":1097,"noOfSlides":81},"68e644455b7f8775af3b76d0","5bfc4994e341e7001ac44e4e",14,58,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/9661cee6-c6f4-428d-a1a9-4b43860faab9","NFL Football logos",{"id":1160,"quizId":1161,"country":90,"lowerGrade":18,"upperGrade":1162,"quizRank":1163,"subject":1164,"quizImage":1165,"quizName":1166,"quizType":1112,"noOfQuestions":1113,"noOfSlides":81},"68d3cf4372c83868769de4cb","5bc39aa4930ccd001b4eda02",13,430,"World Languages","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/bb4d6fe1-bcd4-4cda-96e0-8fa1e601924a","Definite and Indefinite Articles in Spanish (Avancemos)",{"id":1168,"quizId":1169,"country":90,"lowerGrade":173,"upperGrade":1162,"quizRank":1170,"subject":1171,"quizImage":1172,"quizName":1173,"quizType":11,"noOfQuestions":94,"noOfSlides":81},"68d3cf4372c83868769de4c2","67760edf53c5d92a02a15a4f",469,"Multiple Subjects","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b06558d7-3ca0-4cdf-a86f-239b08485db6-v2","Force and Motion",{"id":1175,"quizId":1176,"country":90,"lowerGrade":1097,"upperGrade":1162,"quizRank":1177,"subject":1178,"quizImage":149,"quizName":1179,"quizType":1112,"noOfQuestions":1180,"noOfSlides":81},"68dd09c313ac207b4c1ab2f4","633d91074d509b001da41b83",547,"Social Studies","Unit 5 Key Terms",36,{"id":1182,"quizId":1183,"country":90,"lowerGrade":1097,"upperGrade":1162,"quizRank":1184,"subject":1178,"quizImage":149,"quizName":1185,"quizType":1112,"noOfQuestions":1186,"noOfSlides":81},"68e644455b7f8775af3b76a6","634dcb7a131d85001e184662",658,"Unit 6 Key Terms",38,{"id":1188,"quizId":1189,"country":90,"lowerGrade":95,"upperGrade":1162,"quizRank":1190,"subject":1164,"quizImage":1191,"quizName":1192,"quizType":1112,"noOfQuestions":1113,"noOfSlides":81},"68e644455b7f8775af3b76aa","583ed6cbefe1d1ac59d882fc",700,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/d81118d2-dfea-4b25-a87a-4467152a125f","La Hora",{"id":1194,"quizId":1195,"country":90,"lowerGrade":1097,"upperGrade":1162,"quizRank":1196,"subject":1171,"quizImage":1197,"quizName":1198,"quizType":11,"noOfQuestions":94,"noOfSlides":81},"68d3cf4372c83868769de4be","6773fa267db60068eb4938b2",842,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5a435329-91ff-4678-b4f7-e01c36d0b474-v2","Cell Transport",{"id":1200,"quizId":1201,"country":90,"lowerGrade":173,"upperGrade":1162,"quizRank":1202,"subject":1171,"quizImage":1203,"quizName":1204,"quizType":11,"noOfQuestions":94,"noOfSlides":81},"68d3cf4372c83868769de4c3","67747118c56d8c2e6a1c3d17",867,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f0a2cea5-9f92-4892-8352-692281fa76e5-v2","What Is Narrative Writing?",[1206,1209,1212,1215,1218,1221,1224,1227,1230,1233],{"path":1207,"display":1208},"/math/measurement-and-data/measurement-concepts/length/measuring-with-standard-units/metric-units-centimeters-meters","Metric units (centimeters, meters)",{"path":1210,"display":1211},"/science/life-science/structure-and-function/animals/group-behavior/animal-groups","Animal groups",{"path":1213,"display":1214},"/math/number-system/vectors/vector-operations/adding-subtracting-vectors/adding-vectors-component-wise-including-determining-magnitude-and-direction-of-the-resultant-vector","Adding vectors component-wise (including determining magnitude and direction of the resultant vector)",{"path":1216,"display":1217},"/ela/writing/text-types-and-purposes/informative-writing","Informative writing",{"path":1219,"display":1220},"/ela/language/conventions/mechanics/punctuation/punctuation-with-quotations/cite-quotations-appropriately","Cite quotations appropriately",{"path":1222,"display":1223},"/science/life-science/plant-life-cycles/angiosperm-and-conifer-life-cycles","Angiosperm and conifer life cycles",{"path":1225,"display":1226},"/math/statistics-and-probability/sampling-and-population/comparing-populations/drawing-comparative-inferences-about-two-populations-using-measures-of-variability","Drawing comparative inferences about two populations using measures of variability",{"path":1228,"display":1229},"/science/earth-and-space-science/earths-systems/earth-system-interactions/system-relationships/the-carbon-cycle","The carbon cycle",{"path":1231,"display":1232},"/math/geometry/transformations/transformation-properties/representing-and-comparing-transformations/describing-transformations-as-functions-that-take-points-in-the-plane-as-inputs-and-give-other-points-as-outputs","Describing transformations as functions that take points in the plane as inputs and give other points as outputs",{"path":1234,"display":1235},"/math/functions/equation-of-a-line/writing-the-equation-of-a-straight-line/writing-an-equation-of-a-straight-line-using-two-points","Writing an equation of a straight line using two points","2025-10-10T07:43:14.220340032Z",["Reactive",1238],{},["Set"],["ShallowReactive",1241],{"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":1245,"ssr_adp-ai-enhance":1246},"var-2","control"]</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:""},sw:{domain:""},uk:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"29e8bf24-0dcb-4d08-81a8-62e3371ea9c5",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>