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

Quizizz 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 justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><html></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">4. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is the role of the head element in an HTML document?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To add images</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To define the main content</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To include metadata and links</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Where is the title of a webpage displayed?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>In the sidebar</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>At the top of the browser</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>In the footer</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>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-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>Which element is used to display visible content on a webpage?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><title></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><head></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><body></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p><meta></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-ds-dark-200 text-content-small font-medium">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-ds-dark-200 text-content-small font-medium">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-content-base font-semibold"><div><p>What is Emmet used for in VS Code?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To run JavaScript</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To automatically generate HTML structure</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To debug HTML code</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-content-base font-medium text-wrap" color="dark.primary"><div><p>To compile CSS</p></div></div></div></div></div></div></div></div></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-header-base font-semibold">Similar Resources on Quizizz</h2><button aria-label="View all" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-8 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/video-quiz/67739180c5fbd59ed814e7c3/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-head-section" data-testid="activity-recommendation-card-67739180c5fbd59ed814e7c3" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Head Section" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.5bs5ffka5cc" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Head Section</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67f73dbed0eb2f082f629721/full-stack-web-development-mastery-course-novice-to-expert-all-basic-html-tags" data-testid="activity-recommendation-card-67f73dbed0eb2f082f629721" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full Stack Web Development MASTERY Course - Novice to Expert - All Basic HTML Tags" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 2 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ye20pud5if" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Full Stack Web Development MASTERY Course - Novice to Expert - All Basic HTML Tags</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67774a97ea25c7702284b40d/html-tutorial-for-beginners2022-mark-inserted-text" data-testid="activity-recommendation-card-67774a97ea25c7702284b40d" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML 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-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.m8o07wbofmn" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML Tutorial for Beginners(2022) - Mark Inserted Text</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b0471bc88da6e7afaa6659/html-css-and-javascript-for-beginners-a-web-design-course-divs-and-spans-to-organize-content" data-testid="activity-recommendation-card-67b0471bc88da6e7afaa6659" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML CSS and JavaScript for Beginners - A Web Design Course - Divs and Spans to Organize Content" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.kj8yz4neg0b" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML CSS and JavaScript for Beginners - A Web Design Course - Divs and Spans to Organize Content</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b28a9cb2ba77bad7f35458/html-tutorial-for-beginners2022-horizontal-rule-in-html" data-testid="activity-recommendation-card-67b28a9cb2ba77bad7f35458" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Tutorial for Beginners(2022) - Horizontal Rule in HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.6f58p4yynvg" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">HTML Tutorial for Beginners(2022) - Horizontal Rule in HTML</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b70ddc361cdd75c4ba7ff7/modern-html-and-css-from-the-beginning-including-sass-divs-spans-classes-ids" data-testid="activity-recommendation-card-67b70ddc361cdd75c4ba7ff7" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="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-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 4 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.3b2ms80s6oi" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Modern HTML and CSS from the Beginning (Including Sass) - Divs & Spans, Classes & Ids</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67ae8427c727fbc97ae817fb/the-front-end-web-developer-bootcamp-html-css-js-and-react-structure-of-an-html5-file" data-testid="activity-recommendation-card-67ae8427c727fbc97ae817fb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Structure of an HTML5 File" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.c1iirmrwpvq" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Structure of an HTML5 File</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a><a href="/admin/video-quiz/67b1cc06777742a99ba46142/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-html-introduction" data-testid="activity-recommendation-card-67b1cc06777742a99ba46142" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 5 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.caekoxayypo" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Interactive video</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-header-base font-semibold">Popular Resources on Quizizz</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/5fd24190446546001b8943eb/character-analysis" data-testid="activity-popular-resource-card-5fd24190446546001b8943eb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Character Analysis" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.4b9tsepk34w" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Character Analysis</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>4th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/663130398706efb7b94eb2bb/chapter-12-doing-the-right-thing" data-testid="activity-popular-resource-card-663130398706efb7b94eb2bb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 12 - Doing the Right Thing" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 17 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.sar4fw9d80i" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Chapter 12 - Doing the Right Thing</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5ec40dbb5a8f86001b6020fc/american-flag" data-testid="activity-popular-resource-card-5ec40dbb5a8f86001b6020fc" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="American Flag" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.32utzs6ptoi" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">American Flag</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>1st - 2nd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5e94b04b49e5d9001b0b0729/reading-comprehension" data-testid="activity-popular-resource-card-5e94b04b49e5d9001b0b0729" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Reading Comprehension" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.4ejvpo5k2ti" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Reading Comprehension</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6470c4b3c1c426001fee1cba/linear-inequalities" data-testid="activity-popular-resource-card-6470c4b3c1c426001fee1cba" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Linear Inequalities" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 30 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.16uo8nakth9" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Linear Inequalities</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5a95acd414c10f001bdc5bc1/types-of-credit" data-testid="activity-popular-resource-card-5a95acd414c10f001bdc5bc1" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Types of Credit" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.dt2f2gyvftg" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Types of Credit</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th - 12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6846ffd78770c495bf9afa79/full-steam-ahead-summer-academy-pre-test-24-25" data-testid="activity-popular-resource-card-6846ffd78770c495bf9afa79" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.fefftwfom0l" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/56b0d2db0e6f4514362d45e9/misplaced-and-dangling-modifiers" data-testid="activity-popular-resource-card-56b0d2db0e6f4514362d45e9" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Misplaced and Dangling Modifiers" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 14 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.jo03t7o6bh" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Misplaced and Dangling Modifiers</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th - 8th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-success-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-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-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/5f7f313ed420ff001b53ce86/identifying-equations" data-testid="activity-subject-resource-card-5f7f313ed420ff001b53ce86" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Identifying equations" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.v6un5ef6en" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Identifying equations</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>KG - University</p></div></div></div></div></div></a><a href="/admin/quiz/6631337b675a2a85e12ac63d/chapter-8-getting-along-with-your-supervisor" data-testid="activity-subject-resource-card-6631337b675a2a85e12ac63d" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 8 - Getting Along with your Supervisor" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 16 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.jm7xobjbpdr" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Chapter 8 - Getting Along with your Supervisor</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>3rd Grade - Professio...</p></div></div></div></div></div></a><a href="/admin/quiz/5913b7aa8590481000eeefc9/logos" data-testid="activity-subject-resource-card-5913b7aa8590481000eeefc9" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="logos" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 44 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.pmrb74097ld" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">logos</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>KG - University</p></div></div></div></div></div></a><a href="/admin/quiz/683e638c2ddc4e75d4f35494/railroad-operations-and-classifications-quiz" data-testid="activity-subject-resource-card-683e638c2ddc4e75d4f35494" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Railroad Operations and Classifications Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 6 questions</span></p></div></div></div></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.wvdx5lmdkbd" class="contents"><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none">Railroad Operations and Classifications Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text">Quiz</p></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84> • </p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><div class="flex-shrink-0"><a href="/library/ela/writing/elements/development/analysis" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Analysis</span><div class="sr-only"><input type="checkbox" aria-labelledby="Analysis-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/social-studies/geography/physical-systems/geographic-features/landforms/common-land-features-on-maps" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Common land features on maps</span><div class="sr-only"><input type="checkbox" aria-labelledby="Common land features on maps-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/statistics-and-probability/probability/basic-probability-concepts/describing-events-in-sample-space-using-set-theory" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Describing Events in Sample Space Using Set Theory</span><div class="sr-only"><input type="checkbox" aria-labelledby="Describing Events in Sample Space Using Set Theory-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/ela/reading-comprehension/key-ideas-and-details/literary-text-comprehension/characters-and-setting/character-understanding-through-actions-and-dialogue" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Character understanding through actions and dialogue</span><div class="sr-only"><input type="checkbox" aria-labelledby="Character understanding through actions and dialogue-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/functions/quadratic-functions/understanding-quadratic-functions/identifying-characteristics-of-quadratic-functions" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Identifying characteristics of quadratic functions</span><div class="sr-only"><input type="checkbox" aria-labelledby="Identifying characteristics of quadratic functions-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/number-system/operations-and-algebraic-thinking/subtraction-strategies/subtracting-within-10/subtract-with-models" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Subtract with models</span><div class="sr-only"><input type="checkbox" aria-labelledby="Subtract with models-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/math/measurement-and-data/data/data-interpretation/reading-graphs" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Reading graphs</span><div class="sr-only"><input type="checkbox" aria-labelledby="Reading graphs-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/physical-science/energy/energy-transformations/analyze-energy-in-pendulum-motion" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Analyze energy in pendulum motion</span><div class="sr-only"><input type="checkbox" aria-labelledby="Analyze energy in pendulum motion-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/earth-and-space-science/earths-systems/geosphere/rock-cycle/select-parts-of-rock-cycle-diagrams" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Select parts of rock cycle diagrams</span><div class="sr-only"><input type="checkbox" aria-labelledby="Select parts of rock cycle diagrams-label"></div></div></a></div><div class="flex-shrink-0"><a href="/library/science/chemistry/biochemistry/nucleic-acid-biochemistry" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9"><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold">Nucleic Acid Biochemistry</span><div class="sr-only"><input type="checkbox" aria-labelledby="Nucleic Acid Biochemistry-label"></div></div></a></div></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border 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-98f58bf5><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-0b83c168><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-0b83c168><div class="flex flex-col justify-between w-full" data-v-0b83c168><div class="flex flex-col md:flex-row" data-v-0b83c168><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-0b83c168></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-0b83c168><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-0b83c168><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-0b83c168><p class="text-sm font-semibold copyright text-dark-4" data-v-0b83c168> © 2025 Quizizz Inc. </p><div class="social-links" data-v-0b83c168><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-0b83c168><i class="social-icon fab fa-twitter" data-v-0b83c168></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-0b83c168><i class="social-icon fab fa-facebook" data-v-0b83c168></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-0b83c168><i class="social-icon fab fa-instagram" data-v-0b83c168></i></a><span class="block w-px h-5 bg-dark-5" data-v-0b83c168></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-0b83c168><span class="text-sm text-dark-3 hover:underline" data-v-0b83c168><span data-v-0b83c168>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-0b83c168><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-0b83c168><span data-v-0b83c168>Get our app</span></label><div class="flex space-x-2" data-v-0b83c168><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-0b83c168><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-0b83c168></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-0b83c168><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-0b83c168></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":1212,"once":1214,"_errors":1215,"serverRendered":5,"path":1217,"country":93,"region":1218,"nuxtSsrFeatureFlags":1219},["ShallowReactive",3],{"jO7vsC0FqA":4,"y4qZAboqAA":77,"b7OAaMGy48":1039,"bKIm9NRx5I":1154},{"success":5,"data":6,"time":76},true,{"quizzes":7,"total":72,"timeTaken":73,"experiment":74,"source":75},[8,19,27,35,42,49,57,64],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67739180c5fbd59ed814e7c3",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - Head Section","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d3d2e48b-9ceb-4f18-a102-22e47a05bc16-v2",{"totalQuestions":18},8,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67f73dbed0eb2f082f629721",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Full Stack Web Development MASTERY Course - Novice to Expert - All Basic HTML Tags","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3e76a24e-a4ed-4335-a16b-b3f73c56682c-v2",{"totalQuestions":26},2,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"67774a97ea25c7702284b40d",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"HTML Tutorial for Beginners(2022) - Mark Inserted Text","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e9eb828b-eb1f-4120-bfd3-2df3414f26e7-v2",{"totalQuestions":34},6,{"id":36,"isSuper":10,"type":11,"info":37,"shouldIndex":10,"stats":41},"67b0471bc88da6e7afaa6659",{"grade":38,"name":39,"slug":39,"image":40},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - Divs and Spans to Organize Content","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/136a58a1-c5dc-43cf-830d-deb11842fd19-v2",{"totalQuestions":34},{"id":43,"isSuper":10,"type":11,"info":44,"shouldIndex":10,"stats":48},"67b28a9cb2ba77bad7f35458",{"grade":45,"name":46,"slug":46,"image":47},[14,14],"HTML Tutorial for Beginners(2022) - Horizontal Rule in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/34f40a92-23dc-4fa8-bcd8-7e369193cb07-v2",{"totalQuestions":34},{"id":50,"isSuper":10,"type":11,"info":51,"shouldIndex":10,"stats":55},"67b70ddc361cdd75c4ba7ff7",{"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/ce2d67a2-0c0c-490c-961b-1d045c3ef5b7-v2",{"totalQuestions":56},4,{"id":58,"isSuper":10,"type":11,"info":59,"shouldIndex":10,"stats":63},"67ae8427c727fbc97ae817fb",{"grade":60,"name":61,"slug":61,"image":62},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Structure of an HTML5 File","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/242180ce-b99f-45e4-9bca-2746b6d04578-v2",{"totalQuestions":34},{"id":65,"isSuper":10,"type":11,"info":66,"shouldIndex":10,"stats":70},"67b1cc06777742a99ba46142",{"grade":67,"name":68,"slug":68,"image":69},[14,14],"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Introduction","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cde2d622-31df-43ca-9041-ada747e4f918-v2",{"totalQuestions":71},5,41558,32,"quizPageRecoPublicSearch","recommended_search","2025-06-22T20:29:01.279936155Z",{"success":5,"message":78,"data":79,"time":1035,"meta":1036},"Ok",{"quiz":80,"draft":84},{"isTagged":10,"isLoved":10,"tagIds":81,"stats":82,"love":83,"cloned":10,"parentDetail":84,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":84,"publishedVersion":85,"isShared":10,"type":11,"_id":86,"createdBy":87,"info":105,"paidOrganization":1031,"createdAt":1032,"updated":1033,"premiumUse":1034,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":84,"lock":84},[],{"played":83,"totalPlayers":83,"totalCorrect":83,"totalQuestions":83},0,null,"6799a94c0b126cdb6163a868","6774cee441e9b8e01ebe0d3c",{"_id":88,"firstName":89,"lastName":90,"email":91,"occupation":92,"country":93,"preferences":94,"grades":96,"subject_tags":100,"media":104},"65cf12f6e8a17f8c0da51a59","Quizizz","Content","contentcatalog@quizizz.com","teacher","US",{"lang":95},"en",[34,97,18,98,99],7,9,10,[101,102,103],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/145bbecb-5aa3-4a13-9f05-393125fb3d1f-v2",{"lang":95,"aiGenerated":10,"qm":106,"visibility":5,"subjects":117,"topics":120,"subtopics":121,"grade":122,"gradeLevel":84,"deleted":10,"pref":123,"traits":124,"standardIds":126,"__v":127,"meta":128,"_id":85,"name":129,"image":130,"questions":131,"questionDrafts":485,"standards":84,"courses":84,"interactiveVideoProps":486,"createdAt":1029,"updated":1030,"isProfane":10,"whitelisted":5,"slug":129},{"6774ceeec56d8c2e6a1c43fb":107,"6774ceeec56d8c2e6a1c43fc":109,"6774ceeec56d8c2e6a1c43fd":111,"6774ceeec56d8c2e6a1c43fe":112,"6774ceeec56d8c2e6a1c43ff":113,"6774ceeec56d8c2e6a1c4400":114,"6774ceeec56d8c2e6a1c4401":115,"6774ceeec56d8c2e6a1c4402":116},{"time":108},900000,{"time":110},30000,{"time":110},{"time":110},{"time":110},{"time":110},{"time":110},{"time":110},[118,119],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":84},{"isQuizWithoutCorrectAnswer":10,"totalSlides":83,"totalComprehensionQuestions":125,"nonAnswerableQuestions":125},1,[],3,{"slot":84,"experiment":84},"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",[132,187,233,276,318,361,403,443],{"structure":133,"standards":173,"topics":174,"isSuperParent":10,"standardIds":175,"aiGenerated":10,"__v":56,"teleportFrom":84,"cloned":84,"ver":127,"parent":84,"_id":176,"time":108,"published":5,"aiCreateMeta":84,"type":134,"comprehensionQuestionIds":177,"createdAt":185,"updated":186},{"kind":134,"answer":135,"settings":136,"marks":138,"query":139,"options":154,"explain":155,"theme":159,"graphs":168,"hints":169,"order":170,"hasMath":10,"media":171,"elements":172},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":83,"incorrect":83},{"answerTime":140,"math":141,"type":84,"hasMath":10,"media":143,"text":152,"_id":153},-1,{"latex":142,"template":84},[],[144],{"type":145,"meta":146},"video",{"duration":147,"endTime":147,"startTime":83,"videoId":148,"src":149,"thumbnail":150,"filmstrip":151},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":156,"type":152,"hasMath":10,"media":158,"text":152},{"latex":157,"template":84},[],[],{"titleFontFamily":160,"fontFamily":160,"fontColor":161,"background":163,"shape":165},"Quicksand",{"text":162},"#5D2057",{"color":164,"image":152,"video":152},"#FFFFFF",{"largeShapeColor":166,"smallShapeColor":167},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],"6774ceeec56d8c2e6a1c43fb",[178,179,180,181,182,183,184],"6774ceeec56d8c2e6a1c43fc","6774ceeec56d8c2e6a1c43fd","6774ceeec56d8c2e6a1c43fe","6774ceeec56d8c2e6a1c43ff","6774ceeec56d8c2e6a1c4400","6774ceeec56d8c2e6a1c4401","6774ceeec56d8c2e6a1c4402","2025-01-01T05:13:18.045Z","2025-01-29T04:06:36.166Z",{"structure":188,"standards":228,"topics":229,"isSuperParent":10,"standardIds":230,"aiGenerated":5,"__v":127,"teleportFrom":84,"cloned":84,"ver":26,"parent":84,"_id":178,"time":110,"published":5,"aiCreateMeta":84,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":231,"createdAt":232,"updated":186},{"settings":189,"hasMath":10,"query":190,"options":196,"explain":221,"hints":225,"kind":226,"marks":227,"answer":125},{"hasCorrectAnswer":5,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":192,"answerTime":140,"text":194,"media":195},"text",{"latex":193,"template":84},[],"\u003Cp>What is the correct file extension for an HTML document?\u003C/p>",[],[197,203,209,215],{"type":191,"hasMath":10,"math":198,"answerTime":83,"id":200,"text":201,"media":202,"_id":200},{"latex":199,"template":84},[],"6774ceedbd632a0870306af6","\u003Cp>.doc\u003C/p>",[],{"type":191,"hasMath":10,"math":204,"answerTime":83,"id":206,"text":207,"media":208,"_id":206},{"latex":205,"template":84},[],"6774ceedbd632a6b81306af7","\u003Cp>.html\u003C/p>",[],{"type":191,"hasMath":10,"math":210,"answerTime":83,"id":212,"text":213,"media":214,"_id":212},{"latex":211,"template":84},[],"6774ceedbd632a74ce306af8","\u003Cp>.txt\u003C/p>",[],{"type":191,"hasMath":10,"math":216,"answerTime":83,"id":218,"text":219,"media":220,"_id":218},{"latex":217,"template":84},[],"6774ceedbd632a2499306af9","\u003Cp>.htm\u003C/p>",[],{"type":191,"text":152,"media":222,"hasMath":10,"math":223,"answerTime":83},[],{"template":84,"latex":224},[],[],"MCQ",{"correct":125,"incorrect":83},[],[],[],71,"2025-01-01T05:13:18.076Z",{"structure":234,"standards":272,"topics":273,"isSuperParent":10,"standardIds":274,"aiGenerated":5,"__v":127,"teleportFrom":84,"cloned":84,"ver":26,"parent":84,"_id":179,"time":110,"published":5,"aiCreateMeta":84,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":275,"createdAt":232,"updated":186},{"settings":235,"hasMath":10,"query":236,"options":241,"explain":266,"hints":270,"kind":226,"marks":271,"answer":125},{"hasCorrectAnswer":5,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":237,"answerTime":140,"text":239,"media":240},{"latex":238,"template":84},[],"\u003Cp>What is the purpose of the doctype declaration in an HTML document?\u003C/p>",[],[242,248,254,260],{"type":191,"hasMath":10,"math":243,"answerTime":83,"id":245,"text":246,"media":247,"_id":245},{"latex":244,"template":84},[],"6774ceedbd632adf52306afd","\u003Cp>To specify the character encoding\u003C/p>",[],{"type":191,"hasMath":10,"math":249,"answerTime":83,"id":251,"text":252,"media":253,"_id":251},{"latex":250,"template":84},[],"6774ceedbd632a3954306afe","\u003Cp>To declare the document type and version\u003C/p>",[],{"type":191,"hasMath":10,"math":255,"answerTime":83,"id":257,"text":258,"media":259,"_id":257},{"latex":256,"template":84},[],"6774ceedbd632a0d75306aff","\u003Cp>To add JavaScript\u003C/p>",[],{"type":191,"hasMath":10,"math":261,"answerTime":83,"id":263,"text":264,"media":265,"_id":263},{"latex":262,"template":84},[],"6774ceedbd632a3000306b00","\u003Cp>To link CSS files\u003C/p>",[],{"type":191,"text":152,"media":267,"hasMath":10,"math":268,"answerTime":83},[],{"template":84,"latex":269},[],[],{"correct":125,"incorrect":83},[],[],[],156,{"structure":277,"standards":315,"topics":316,"isSuperParent":10,"standardIds":317,"aiGenerated":5,"__v":127,"teleportFrom":84,"cloned":84,"ver":26,"parent":84,"_id":180,"time":110,"published":5,"aiCreateMeta":84,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":275,"createdAt":232,"updated":186},{"settings":278,"hasMath":10,"query":279,"options":284,"explain":309,"hints":313,"kind":226,"marks":314,"answer":127},{"hasCorrectAnswer":5,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":280,"answerTime":140,"text":282,"media":283},{"latex":281,"template":84},[],"\u003Cp>Which tag is used to wrap the entire HTML document?\u003C/p>",[],[285,291,297,303],{"type":191,"hasMath":10,"math":286,"answerTime":83,"id":288,"text":289,"media":290,"_id":288},{"latex":287,"template":84},[],"6774ceedbd632a69db306b04","\u003Cp>\u003Chead>\u003C/p>",[],{"type":191,"hasMath":10,"math":292,"answerTime":83,"id":294,"text":295,"media":296,"_id":294},{"latex":293,"template":84},[],"6774ceedbd632aa1d2306b05","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":191,"hasMath":10,"math":298,"answerTime":83,"id":300,"text":301,"media":302,"_id":300},{"latex":299,"template":84},[],"6774ceedbd632a31d6306b06","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":191,"hasMath":10,"math":304,"answerTime":83,"id":306,"text":307,"media":308,"_id":306},{"latex":305,"template":84},[],"6774ceedbd632ac4d9306b07","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":191,"text":152,"media":310,"hasMath":10,"math":311,"answerTime":83},[],{"template":84,"latex":312},[],[],{"correct":125,"incorrect":83},[],[],[],{"structure":319,"standards":357,"topics":358,"isSuperParent":10,"standardIds":359,"aiGenerated":5,"__v":127,"teleportFrom":84,"cloned":84,"ver":26,"parent":84,"_id":181,"time":110,"published":5,"aiCreateMeta":84,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":360,"createdAt":232,"updated":186},{"settings":320,"hasMath":10,"query":321,"options":326,"explain":351,"hints":355,"kind":226,"marks":356,"answer":26},{"hasCorrectAnswer":5,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":322,"answerTime":140,"text":324,"media":325},{"latex":323,"template":84},[],"\u003Cp>What is the role of the head element in an HTML document?\u003C/p>",[],[327,333,339,345],{"type":191,"hasMath":10,"math":328,"answerTime":83,"id":330,"text":331,"media":332,"_id":330},{"latex":329,"template":84},[],"6774ceedbd632a3914306b0b","\u003Cp>To add images\u003C/p>",[],{"type":191,"hasMath":10,"math":334,"answerTime":83,"id":336,"text":337,"media":338,"_id":336},{"latex":335,"template":84},[],"6774ceedbd632a7ef0306b0c","\u003Cp>To define the main content\u003C/p>",[],{"type":191,"hasMath":10,"math":340,"answerTime":83,"id":342,"text":343,"media":344,"_id":342},{"latex":341,"template":84},[],"6774ceedbd632a3786306b0d","\u003Cp>To include metadata and links\u003C/p>",[],{"type":191,"hasMath":10,"math":346,"answerTime":83,"id":348,"text":349,"media":350,"_id":348},{"latex":347,"template":84},[],"6774ceedbd632a66e4306b0e","\u003Cp>To display content on the webpage\u003C/p>",[],{"type":191,"text":152,"media":352,"hasMath":10,"math":353,"answerTime":83},[],{"template":84,"latex":354},[],[],{"correct":125,"incorrect":83},[],[],[],235,{"structure":362,"standards":400,"topics":401,"isSuperParent":10,"standardIds":402,"aiGenerated":5,"__v":127,"teleportFrom":84,"cloned":84,"ver":26,"parent":84,"_id":182,"time":110,"published":5,"aiCreateMeta":84,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":360,"createdAt":232,"updated":186},{"settings":363,"hasMath":10,"query":364,"options":369,"explain":394,"hints":398,"kind":226,"marks":399,"answer":125},{"hasCorrectAnswer":5,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":365,"answerTime":140,"text":367,"media":368},{"latex":366,"template":84},[],"\u003Cp>Where is the title of a webpage displayed?\u003C/p>",[],[370,376,382,388],{"type":191,"hasMath":10,"math":371,"answerTime":83,"id":373,"text":374,"media":375,"_id":373},{"latex":372,"template":84},[],"6774ceedbd632ae2ff306b12","\u003Cp>In the sidebar\u003C/p>",[],{"type":191,"hasMath":10,"math":377,"answerTime":83,"id":379,"text":380,"media":381,"_id":379},{"latex":378,"template":84},[],"6774ceedbd632a21c5306b13","\u003Cp>At the top of the browser\u003C/p>",[],{"type":191,"hasMath":10,"math":383,"answerTime":83,"id":385,"text":386,"media":387,"_id":385},{"latex":384,"template":84},[],"6774ceedbd632a248f306b14","\u003Cp>In the footer\u003C/p>",[],{"type":191,"hasMath":10,"math":389,"answerTime":83,"id":391,"text":392,"media":393,"_id":391},{"latex":390,"template":84},[],"6774ceedbd632a278f306b15","\u003Cp>In the body of the page\u003C/p>",[],{"type":191,"text":152,"media":395,"hasMath":10,"math":396,"answerTime":83},[],{"template":84,"latex":397},[],[],{"correct":125,"incorrect":83},[],[],[],{"structure":404,"standards":439,"topics":440,"isSuperParent":10,"standardIds":441,"aiGenerated":5,"__v":127,"teleportFrom":84,"cloned":84,"ver":26,"parent":84,"_id":183,"time":110,"published":5,"aiCreateMeta":84,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":442,"createdAt":232,"updated":186},{"settings":405,"hasMath":10,"query":406,"options":411,"explain":433,"hints":437,"kind":226,"marks":438,"answer":26},{"hasCorrectAnswer":5,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":407,"answerTime":140,"text":409,"media":410},{"latex":408,"template":84},[],"\u003Cp>Which element is used to display visible content on a webpage?\u003C/p>",[],[412,417,422,427],{"type":191,"hasMath":10,"math":413,"answerTime":83,"id":415,"text":295,"media":416,"_id":415},{"latex":414,"template":84},[],"6774ceedbd632adf03306b19",[],{"type":191,"hasMath":10,"math":418,"answerTime":83,"id":420,"text":289,"media":421,"_id":420},{"latex":419,"template":84},[],"6774ceedbd632a3f69306b1a",[],{"type":191,"hasMath":10,"math":423,"answerTime":83,"id":425,"text":301,"media":426,"_id":425},{"latex":424,"template":84},[],"6774ceedbd632a9541306b1b",[],{"type":191,"hasMath":10,"math":428,"answerTime":83,"id":430,"text":431,"media":432,"_id":430},{"latex":429,"template":84},[],"6774ceedbd632ac298306b1c","\u003Cp>\u003Cmeta>\u003C/p>",[],{"type":191,"text":152,"media":434,"hasMath":10,"math":435,"answerTime":83},[],{"template":84,"latex":436},[],[],{"correct":125,"incorrect":83},[],[],[],391,{"structure":444,"standards":482,"topics":483,"isSuperParent":10,"standardIds":484,"aiGenerated":5,"__v":127,"teleportFrom":84,"cloned":84,"ver":26,"parent":84,"_id":184,"time":110,"published":5,"aiCreateMeta":84,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":442,"createdAt":232,"updated":186},{"settings":445,"hasMath":10,"query":446,"options":451,"explain":476,"hints":480,"kind":226,"marks":481,"answer":125},{"hasCorrectAnswer":5,"fibDataType":137,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":447,"answerTime":140,"text":449,"media":450},{"latex":448,"template":84},[],"\u003Cp>What is Emmet used for in VS Code?\u003C/p>",[],[452,458,464,470],{"type":191,"hasMath":10,"math":453,"answerTime":83,"id":455,"text":456,"media":457,"_id":455},{"latex":454,"template":84},[],"6774ceedbd632a47b1306b20","\u003Cp>To run JavaScript\u003C/p>",[],{"type":191,"hasMath":10,"math":459,"answerTime":83,"id":461,"text":462,"media":463,"_id":461},{"latex":460,"template":84},[],"6774ceedbd632a30c2306b21","\u003Cp>To automatically generate HTML structure\u003C/p>",[],{"type":191,"hasMath":10,"math":465,"answerTime":83,"id":467,"text":468,"media":469,"_id":467},{"latex":466,"template":84},[],"6774ceedbd632af21f306b22","\u003Cp>To debug HTML code\u003C/p>",[],{"type":191,"hasMath":10,"math":471,"answerTime":83,"id":473,"text":474,"media":475,"_id":473},{"latex":472,"template":84},[],"6774ceedbd632a5a37306b23","\u003Cp>To compile CSS\u003C/p>",[],{"type":191,"text":152,"media":477,"hasMath":10,"math":478,"answerTime":83},[],{"template":84,"latex":479},[],[],{"correct":125,"incorrect":83},[],[],[],[],{"videoMeta":487,"aiMeta":965},{"videoProvider":149,"videoId":148,"videoTitle":129,"duration":147,"channelTitle":488,"videoType":489,"videoSubTypes":490,"transcript":492},"Packt - Web Development","INSTRUCTIONAL",[491],"CHALK_AND_TALK_PRESENTATION",[493,497,501,505,509,513,517,521,525,529,533,537,541,545,549,553,557,560,564,568,572,575,579,583,587,591,595,599,603,607,611,615,619,623,627,631,635,639,643,647,651,655,659,662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726,730,734,738,742,746,750,754,758,762,766,770,774,778,781,785,789,793,797,801,805,809,813,817,821,825,829,833,837,841,844,848,852,856,859,862,866,870,874,878,882,886,890,894,898,902,906,910,914,918,922,926,930,934,938,941,945,949,953,957,961],{"text":494,"duration":495,"offset":496},"lecture we had a brief overview of what HTML is,",2888,4408,{"text":498,"duration":499,"offset":500},"and now in this video we're going to create our",2827,7356,{"text":502,"duration":503,"offset":504},"very first basic HTML document. First of all, let's go",3249,10243,{"text":506,"duration":507,"offset":508},"ahead and create a new folder on the desktop.",2708,13552,{"text":510,"duration":511,"offset":512},"Let's call it.",1160,17040,{"text":514,"duration":515,"offset":516},"HTML.",890,18980,{"text":518,"duration":519,"offset":520},"Crash course.",1110,21360,{"text":522,"duration":523,"offset":524},"And then inside it, let's create a new file.",2510,25060,{"text":526,"duration":527,"offset":528},"With name indexed HTML.",2160,28920,{"text":530,"duration":531,"offset":532},"As I remember from the previous lecture, every HTML file",3526,32920,{"text":534,"duration":535,"offset":536},"should have a dot HTML extension. Actually there is a",3338,36509,{"text":538,"duration":539,"offset":540},"chance that you might not see this extension of the",3211,39910,{"text":542,"duration":543,"offset":544},"file by default. In order to make it visible, you",3086,43184,{"text":546,"duration":547,"offset":548},"have to go to view.",1197,46333,{"text":550,"duration":551,"offset":552},"And then you have to make sure that this little",3094,48479,{"text":554,"duration":555,"offset":556},"box is checked. Once you check this box, then as",3159,51639,{"text":558,"duration":555,"offset":559},"the extension of the file you might see etxt and",54864,{"text":561,"duration":562,"offset":563},"you just need to get rid of it.",2040,58089,{"text":565,"duration":566,"offset":567},"All right, once you name the file in the correct",2663,62130,{"text":569,"duration":570,"offset":571},"way, let's go ahead and open it with your text",2553,64849,{"text":573,"duration":570,"offset":574},"editor. In our case, I'm going to open it with",67457,{"text":576,"duration":577,"offset":578},"VS code.",444,70066,{"text":580,"duration":581,"offset":582},"Actually you are able to create the file from your",2840,71790,{"text":584,"duration":585,"offset":586},"text editor as well so that you can either click",2727,74686,{"text":588,"duration":589,"offset":590},"this little icon here.",1249,77470,{"text":592,"duration":593,"offset":594},"Or by right click you can choose to create a",2817,79410,{"text":596,"duration":597,"offset":598},"file or new file whatever you see in your text",2946,82291,{"text":600,"duration":601,"offset":602},"editor.",448,85301,{"text":604,"duration":605,"offset":606},"All right, let's go ahead and start building a basic",3627,86660,{"text":608,"duration":609,"offset":610},"HTML structure. The first tag that we have to create",3628,90357,{"text":612,"duration":613,"offset":614},"is called doctype HTML.",1604,94055,{"text":616,"duration":617,"offset":618},"We have to",4520,96370,{"text":620,"duration":621,"offset":622},"And then in upper case we have to write doctype.",2410,101910,{"text":624,"duration":625,"offset":626},"And then in lowercase HTML.",2340,106050,{"text":628,"duration":629,"offset":630},"Actually it is a declaration which represents the type of",4028,111060,{"text":632,"duration":633,"offset":634},"the document. It tells the browser that the page represents",4170,115158,{"text":636,"duration":637,"offset":638},"an HTML5 document. As you see I have written doctype",3675,119399,{"text":640,"duration":641,"offset":642},"in uppercase but it's not case sensitive. It's just the",3887,123144,{"text":644,"duration":645,"offset":646},"convention. Writing it in uppercase OK Doctype is followed by",4311,127102,{"text":648,"duration":649,"offset":650},"HTML tag.",636,131483,{"text":652,"duration":653,"offset":654},"As you see the text editor helped us and it",2951,133720,{"text":656,"duration":657,"offset":658},"autocompleted the element. I mean it added to HTML element",3981,136739,{"text":660,"duration":653,"offset":661},"the closing tag. By the way in HTML most of",140789,{"text":663,"duration":664,"offset":665},"the elements have opening and closing tags. Closing tags are",4118,143809,{"text":667,"duration":668,"offset":669},"represented with a/ but besides them we also have self",3706,147995,{"text":671,"duration":672,"offset":673},"closing tags and you will meet them in the coming",3363,151770,{"text":675,"duration":676,"offset":677},"lectures.",618,155202,{"text":679,"duration":680,"offset":681},"All right, so the HTML element is used to wrap",2737,156639,{"text":683,"duration":684,"offset":685},"the entire HTML document. Next we have to create another",3332,159435,{"text":687,"duration":688,"offset":689},"element which is called the head.",1963,162826,{"text":691,"duration":692,"offset":693},"This element includes information such as a title for the",3948,166080,{"text":695,"duration":696,"offset":697},"document. Also we can insert inside of it scripts, styles,",4018,170097,{"text":699,"duration":700,"offset":701},"some meta tags and also links for different files or",3602,174185,{"text":703,"duration":704,"offset":705},"sources. Everything that we insert inside of the head element",4226,177856,{"text":707,"duration":708,"offset":709},"is not going to be displayed on the webpage.",3049,182151,{"text":711,"duration":712,"offset":713},"All right, let's go ahead and insert here element called",3665,185910,{"text":715,"duration":716,"offset":717},"title which is represented by title tag.",2618,189641,{"text":719,"duration":720,"offset":721},"And as the content that's right here.",2130,193710,{"text":723,"duration":724,"offset":725},"Basic.",610,196890,{"text":727,"duration":728,"offset":729},"HTML document.",1500,198770,{"text":731,"duration":732,"offset":733},"OK, let's save using control.",2630,202490,{"text":735,"duration":736,"offset":737},"And then run this file in the browser. There are",2828,206210,{"text":739,"duration":740,"offset":741},"a few different ways to do that. I'm going to",2652,209097,{"text":743,"duration":744,"offset":745},"run the file from the File Explorer.",2122,211808,{"text":747,"duration":748,"offset":749},"Let's just double click the file and it should be",3178,214700,{"text":751,"duration":752,"offset":753},"opened in Google Chrome.",1556,217943,{"text":755,"duration":756,"offset":757},"So as you can see, the web page is completely",2602,220620,{"text":759,"duration":760,"offset":761},"empty for now because we haven't created any content yet.",3296,223280,{"text":763,"duration":764,"offset":765},"The only thing that we can see here is the",2429,226634,{"text":767,"duration":768,"offset":769},"title which is displayed on the top of the browser.",2950,229121,{"text":771,"duration":772,"offset":773},"So that's the place where the title of your web",2719,232128,{"text":775,"duration":776,"offset":777},"page is going to be displayed.",1735,234904,{"text":779,"duration":768,"offset":780},"All right, so in order to create and display the",237620,{"text":782,"duration":783,"offset":784},"content of your web page, first of all you have",2889,240632,{"text":786,"duration":787,"offset":788},"to insert in your HTML document element called body.",3196,243583,{"text":790,"duration":791,"offset":792},"Which actually will wrap the entire content of the web",2730,248700,{"text":794,"duration":795,"offset":796},"page I'm in the content that is going to be",2174,251480,{"text":798,"duration":799,"offset":800},"visible.",405,253705,{"text":802,"duration":803,"offset":804},"So for example if we insert here some text, let's",3444,254820,{"text":806,"duration":807,"offset":808},"say Hello World.",1124,258335,{"text":810,"duration":811,"offset":812},"Then if you save it and reload the page.",2490,260640,{"text":814,"duration":815,"offset":816},"Then it's going to be displayed on the page.",2180,265090,{"text":818,"duration":819,"offset":820},"So again, everything that you pass inside the body element",3194,268029,{"text":822,"duration":823,"offset":824},"is always visible on the page.",1652,271278,{"text":826,"duration":827,"offset":828},"Alright, so that's the basic structure of HTML document. Those",3803,274000,{"text":830,"duration":831,"offset":832},"are the main elements which you need to create in",3006,277865,{"text":834,"duration":835,"offset":836},"order to make your HTML document working properly.",3068,280932,{"text":838,"duration":839,"offset":840},"Before we finish this lecture, I'm going to show you",3155,284650,{"text":842,"duration":791,"offset":843},"one more thing. In VS code there is a builtin",287866,{"text":845,"duration":846,"offset":847},"package called Amit. If you are using different text editor",3580,290657,{"text":849,"duration":850,"offset":851},"then you should install it manually from the extension manager.",3823,294298,{"text":853,"duration":854,"offset":855},"So Amit allows us to create an element with some",2913,298182,{"text":857,"duration":854,"offset":858},"shortcuts and using it we are able to create the",301155,{"text":860,"duration":791,"offset":861},"basic HTML structure with just a simple step.",304129,{"text":863,"duration":864,"offset":865},"Let's go ahead and delete everything from here.",2190,307700,{"text":867,"duration":868,"offset":869},"Then we have to place! And if I hit the",3962,311040,{"text":871,"duration":872,"offset":873},"tab.",407,315103,{"text":875,"duration":876,"offset":877},"Then it automatically will generate the basic structure of HTML",3434,316260,{"text":879,"duration":880,"offset":881},"document.",491,319749,{"text":883,"duration":884,"offset":885},"At a glance you can see that it's a little",2876,321190,{"text":887,"duration":888,"offset":889},"bit different from what we have created in this video.",3699,324135,{"text":891,"duration":892,"offset":893},"You see here some other elements, I mean some meta",3425,327902,{"text":895,"duration":896,"offset":897},"tags and also inside HTML tag there is specified language",3904,331396,{"text":899,"duration":900,"offset":901},"as English. Basically meta tag provides some metadata about HTML",4383,335369,{"text":903,"duration":904,"offset":905},"document. They are used to specify for example page description,",4384,339821,{"text":907,"duration":908,"offset":909},"some keywords which you need for search engine optimization and",4316,344273,{"text":911,"duration":912,"offset":913},"also some other metadata.",1712,348657,{"text":915,"duration":916,"offset":917},"In our case, the VS code has generated 3 different",3142,351180,{"text":919,"duration":920,"offset":921},"meta tags. The first one I mean charset attribute specifies",3708,354385,{"text":923,"duration":924,"offset":925},"the character encoding for the HTML document. The second one",3771,358156,{"text":927,"duration":928,"offset":929},"is used for the web page responsiveness and also we",3206,361989,{"text":931,"duration":932,"offset":933},"have here the third one which allows us to make",2954,365257,{"text":935,"duration":936,"offset":937},"our web page compatible for older versions of Internet Explorer.",4022,368274,{"text":939,"duration":924,"offset":940},"Actually those things may sound a little bit complicated for",372359,{"text":942,"duration":943,"offset":944},"now, but you don't have to pay much attention to",3017,376193,{"text":946,"duration":947,"offset":948},"those things at this point.",1697,379273,{"text":950,"duration":951,"offset":952},"OK, so in this lecture we have learned about how",2664,381810,{"text":954,"duration":955,"offset":956},"to create the basic structure of HTML document. Next we're",3220,384530,{"text":958,"duration":959,"offset":960},"going to learn how to create different elements in HTML,",3109,387806,{"text":962,"duration":963,"offset":964},"and for that let's move on to the next lecture.",2610,390970,{"summary":966,"sections":967,"learningObjectives":1005,"keyConcepts":1014,"videoTags":1020},"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.",[968,976,984,991,998],{"title":969,"start":496,"end":578,"description":970,"tags":971},"Introduction to HTML Document","Creating a folder and file for HTML document.",[972,973,974,975],"HTML","file creation","folder setup","VS Code",{"title":977,"start":606,"end":677,"description":978,"tags":979},"Building Basic HTML Structure","Introduction to doctype and HTML tags.",[980,981,982,983],"doctype","HTML tags","structure","syntax",{"title":985,"start":681,"end":777,"description":986,"tags":987},"Head and Title Elements","Creating head and title elements in HTML.",[988,989,990,972],"head element","title tag","metadata",{"title":992,"start":780,"end":836,"description":993,"tags":994},"Body Element and Content","Using body element to display content.",[995,996,972,997],"body element","content","display",{"title":999,"start":840,"end":964,"description":1000,"tags":1001},"Using Emmet in VS Code","Generating HTML structure with Emmet.",[1002,975,1003,1004],"Emmet","HTML structure","shortcuts",[1006,1007,1008,1009,1010,1011,1012,1013],"Create HTML file","Use doctype tag","Add head element","Insert title tag","Use body element","Display content","Use Emmet shortcuts","Understand meta tags",[1015,1016,1017,1018,1019],"HTML file creation","Basic HTML structure","Head and body elements","Using Emmet","Meta tags",{"keyTags":1021,"pedagogicalTags":1025},[972,1022,1023,1024,975],"Web Development","Beginner","Coding",[1026,1027,1028],"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-06-22T20:29:01.264Z",{"service":1037,"version":1038},"quizserver","4d61edb_rp9pgjtq",{"success":5,"data":1040,"time":1153},{"countryBasedRecommendations":1041,"subjectBasedRecommendations":1095,"subjectBasedQualifiers":1122},[1042,1049,1058,1065,1072,1078,1084,1090],{"id":1043,"quizId":1044,"country":93,"lowerGrade":56,"upperGrade":56,"quizRank":18,"subject":102,"quizImage":1045,"quizName":1046,"quizType":1047,"noOfQuestions":1048,"noOfSlides":83},"684961d5a293b51a6177db29","5fd24190446546001b8943eb","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/3d95930b-05ba-4eed-8bba-c3d3adab19a1","Character Analysis","quiz",15,{"id":1050,"quizId":1051,"country":93,"lowerGrade":98,"upperGrade":1052,"quizRank":1053,"subject":1054,"quizImage":1055,"quizName":1056,"quizType":1047,"noOfQuestions":1057,"noOfSlides":83},"68529c3a913e8f0e685b96be","663130398706efb7b94eb2bb",12,11,"Other","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8dfa6da2-0657-4610-ba78-3df4540717f5-v2","Chapter 12 - Doing the Right Thing",17,{"id":1059,"quizId":1060,"country":93,"lowerGrade":125,"upperGrade":26,"quizRank":1061,"subject":1062,"quizImage":1063,"quizName":1064,"quizType":1047,"noOfQuestions":99,"noOfSlides":83},"68529c3a913e8f0e685b9692","5ec40dbb5a8f86001b6020fc",13,"History","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ed7a4843-36db-45b9-b2fe-819f8e54e809","American Flag",{"id":1066,"quizId":1067,"country":93,"lowerGrade":71,"upperGrade":71,"quizRank":1068,"subject":1054,"quizImage":1069,"quizName":1070,"quizType":1047,"noOfQuestions":1071,"noOfSlides":83},"67f75217bd773214f4c08ea2","5e94b04b49e5d9001b0b0729",14,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/a60fb278-3a36-49a1-978b-9308c9b21e4d","Reading Comprehension",20,{"id":1073,"quizId":1074,"country":93,"lowerGrade":98,"upperGrade":1052,"quizRank":1048,"subject":101,"quizImage":1075,"quizName":1076,"quizType":1047,"noOfQuestions":1077,"noOfSlides":83},"68529c3a913e8f0e685b969d","6470c4b3c1c426001fee1cba","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/781ff440-480b-40dd-8c9e-0fc363726287-v2","Linear Inequalities",30,{"id":1079,"quizId":1080,"country":93,"lowerGrade":98,"upperGrade":1052,"quizRank":1048,"subject":1081,"quizImage":1082,"quizName":1083,"quizType":1047,"noOfQuestions":1071,"noOfSlides":83},"67f75217bd773214f4c08c5b","5a95acd414c10f001bdc5bc1","Life Skills","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/297e5535-e985-4c5e-82c5-c8021323ba19","Types of Credit",{"id":1085,"quizId":1086,"country":93,"lowerGrade":71,"upperGrade":71,"quizRank":1057,"subject":103,"quizImage":1087,"quizName":1088,"quizType":1047,"noOfQuestions":1089,"noOfSlides":83},"68529c3a913e8f0e685b96c5","6846ffd78770c495bf9afa79","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7b880939-bf58-4731-99eb-7b0e4ca4db49-v2","Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25",18,{"id":1091,"quizId":1092,"country":93,"lowerGrade":34,"upperGrade":18,"quizRank":1057,"subject":102,"quizImage":1093,"quizName":1094,"quizType":1047,"noOfQuestions":1068,"noOfSlides":83},"684961d5a293b51a6177db41","56b0d2db0e6f4514362d45e9","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ef1a7f9d-3630-4b56-a583-2976b6997a2a","Misplaced and Dangling Modifiers",[1096,1102,1110,1117],{"id":1097,"quizId":1098,"country":93,"lowerGrade":83,"upperGrade":1061,"quizRank":1099,"subject":101,"quizImage":1100,"quizName":1101,"quizType":1047,"noOfQuestions":99,"noOfSlides":83},"684961d5a293b51a6177db9d","5f7f313ed420ff001b53ce86",26,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/990cc664-b458-4135-afa0-c385c7d3fad6","Identifying equations",{"id":1103,"quizId":1104,"country":93,"lowerGrade":127,"upperGrade":1068,"quizRank":1105,"subject":1106,"quizImage":1107,"quizName":1108,"quizType":1047,"noOfQuestions":1109,"noOfSlides":83},"684961d5a293b51a6177dbca","6631337b675a2a85e12ac63d",77,"Professional Development","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/51771aa4-4312-4322-b736-7bc90ea54bf6","Chapter 8 - Getting Along with your Supervisor",16,{"id":1111,"quizId":1112,"country":93,"lowerGrade":83,"upperGrade":1061,"quizRank":1113,"subject":1114,"quizImage":152,"quizName":1115,"quizType":1047,"noOfQuestions":1116,"noOfSlides":83},"68529c3a913e8f0e685b96b7","5913b7aa8590481000eeefc9",133,"Multiple Subjects","logos",44,{"id":1118,"quizId":1119,"country":93,"lowerGrade":1061,"upperGrade":1061,"quizRank":1120,"subject":103,"quizImage":152,"quizName":1121,"quizType":1047,"noOfQuestions":34,"noOfSlides":83},"68402741814a8b60929e92aa","683e638c2ddc4e75d4f35494",316,"Railroad Operations and Classifications Quiz",[1123,1126,1129,1132,1135,1138,1141,1144,1147,1150],{"path":1124,"display":1125},"/ela/writing/elements/development/analysis","Analysis",{"path":1127,"display":1128},"/social-studies/geography/physical-systems/geographic-features/landforms/common-land-features-on-maps","Common land features on maps",{"path":1130,"display":1131},"/math/statistics-and-probability/probability/basic-probability-concepts/describing-events-in-sample-space-using-set-theory","Describing Events in Sample Space Using Set Theory",{"path":1133,"display":1134},"/ela/reading-comprehension/key-ideas-and-details/literary-text-comprehension/characters-and-setting/character-understanding-through-actions-and-dialogue","Character understanding through actions and dialogue",{"path":1136,"display":1137},"/math/functions/quadratic-functions/understanding-quadratic-functions/identifying-characteristics-of-quadratic-functions","Identifying characteristics of quadratic functions",{"path":1139,"display":1140},"/math/number-system/operations-and-algebraic-thinking/subtraction-strategies/subtracting-within-10/subtract-with-models","Subtract with models",{"path":1142,"display":1143},"/math/measurement-and-data/data/data-interpretation/reading-graphs","Reading graphs",{"path":1145,"display":1146},"/science/physical-science/energy/energy-transformations/analyze-energy-in-pendulum-motion","Analyze energy in pendulum motion",{"path":1148,"display":1149},"/science/earth-and-space-science/earths-systems/geosphere/rock-cycle/select-parts-of-rock-cycle-diagrams","Select parts of rock cycle diagrams",{"path":1151,"display":1152},"/science/chemistry/biochemistry/nucleic-acid-biochemistry","Nucleic Acid Biochemistry","2025-06-22T20:29:01.420274684Z",{"success":5,"data":1155,"time":1211},{"quizzes":1156,"total":1210,"timeTaken":1099,"experiment":74,"source":75},[1157,1164,1170,1177,1183,1190,1197,1203],{"id":1158,"isSuper":10,"type":11,"info":1159,"shouldIndex":10,"stats":1163},"67ae45bcbc43aa4fa6fafd91",{"grade":1160,"name":1161,"slug":1161,"image":1162},[14,14],"Learn JavaScript from Scratch JavaScript for Everyone - Selecting Elements by Their IDs","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8b1aea55-184a-4efd-807a-699f157de5e0-v2",{"totalQuestions":34},{"id":1165,"isSuper":10,"type":11,"info":1166,"shouldIndex":10,"stats":1169},"67ae3d21958922c6a672ee57",{"grade":1167,"name":46,"slug":46,"image":1168},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/571d2186-f59c-47ee-bdfe-bb82f6f1ca11-v2",{"totalQuestions":34},{"id":1171,"isSuper":10,"type":11,"info":1172,"shouldIndex":10,"stats":1176},"67ae46c2b45f8f61257b9410",{"grade":1173,"name":1174,"slug":1174,"image":1175},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a6ecda92-20d1-4e08-98db-ccdc8e8a345f-v2",{"totalQuestions":18},{"id":1178,"isSuper":10,"type":11,"info":1179,"shouldIndex":10,"stats":1182},"67b74cc88dd4ad63e5582e69",{"grade":1180,"name":31,"slug":31,"image":1181},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4b5e1b9b-22b5-4b9c-ba4d-f22a3cb27cc1-v2",{"totalQuestions":34},{"id":1184,"isSuper":10,"type":11,"info":1185,"shouldIndex":10,"stats":1189},"67b74fc4e6ff9f1590fdfe29",{"grade":1186,"name":1187,"slug":1187,"image":1188},[14,14],"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Semantics II","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7e245f57-13e1-48d1-80a0-4e0ed8ff4cc4-v2",{"totalQuestions":18},{"id":1191,"isSuper":10,"type":11,"info":1192,"shouldIndex":10,"stats":1196},"67b732fae0f0da9860f1605e",{"grade":1193,"name":1194,"slug":1194,"image":1195},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - What is an Element","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0a616bbd-5eac-4220-9f24-fa2977e217fc-v2",{"totalQuestions":34},{"id":1198,"isSuper":10,"type":11,"info":1199,"shouldIndex":10,"stats":1202},"67b21667bc43aa4fa6fc5288",{"grade":1200,"name":129,"slug":129,"image":1201},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/48ffdfba-af1f-4ede-806f-772867ccdf90-v2",{"totalQuestions":56},{"id":1204,"isSuper":10,"type":11,"info":1205,"shouldIndex":10,"stats":1209},"6773f81ec8bd0966093dac84",{"grade":1206,"name":1207,"slug":1207,"image":1208},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - Element Formatting HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5426c7d1-c620-4eba-a4c5-953b9601e00b-v2",{"totalQuestions":34},30154,"2025-06-22T20:29:01.446210312Z",["Reactive",1213],{},["Set"],["ShallowReactive",1216],{"jO7vsC0FqA":84,"bKIm9NRx5I":84,"y4qZAboqAA":84,"b7OAaMGy48":84},"/admin/video-quiz/6774cee441e9b8e01ebe0d3c/frontend-web-development-bootcamp-build-a-twitter-clone-basic-html-document","none",{"ssr_adp-v2":1220},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",endpoints:{quizUrl:"https://services-internal-quiz.quizizz.com/_quizserver/adminv3ssr/v2/quiz",apiUrl:"https://quizizz.com/_api/rpc",autoCompleteUrl:"https://quizizz.com/_autocomserver/main",publicQuizUrl:"https://quizizz.com/_quizserver/main/v2/quiz",recommendationUrl:"https://search-internal.quizizz.com/_sserverv2/main/common/quizPageRecV3",joinUrl:"https://quizizz.com/join",quizPreviewUrl:"https://quizizz.com/signup/qdp",mlprocessorUrl:"https://quizizz.com/_mlprocessor/main",baseUrl:"https://quizizz.com",boclipsUrl:"https://quizizz.com/_quizserver/main/v2/boclips/video",categoryPagesUrl:"https://quizizz.com/_scserver/main/public/v1/category-pages",cdnBasePath:"https://cf.quizizz.com",searchServiceUrl:"https://quizizz.com/_sserverv2/main",schoolServiceUrl:"https://services-internal.quizizz.com/_scserver/main"},enablePseudoLocale:false,apiBase:"/nuxtssr/worker",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:true},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"f6e44a25-97cd-46d3-911a-0525a181b891",buildAssetsDir:"_nuxtssr/main",cdnURL:"https://cf.quizizz.com"}}</script></body></html>