ChatGPT for Web Design - Create Amazing Websites - Introduction to Web Design: HTML and CSS

ChatGPT for Web Design - Create Amazing Websites - Introduction to Web Design: HTML and CSS

Assessment

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Hard

Created by

Wayground Content

FREE Resource

This video tutorial covers the basics of HTML and CSS, essential for web design. It explains the structure and hierarchy of HTML, including tags and metadata, and introduces CSS for styling HTML elements. The tutorial also discusses the use of IDEs, specifically Visual Studio Code, for writing and managing code. Key concepts such as inline and block elements, CSS selectors, and declarations are explored, providing a foundational understanding of web development.

Read more

7 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the primary function of an IDE in web development?

To host websites online

To translate human-readable code into machine-readable code

To manage databases

To design graphics for websites

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag is considered the root node in an HTML document?

</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p><head></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->3. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>What is the purpose of the <head> tag in an HTML document?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To link external scripts</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To contain the footer of the webpage</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To provide metadata and additional information to the browser</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To display the main content of the webpage</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->4. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>Which of the following is a block element in HTML?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p><div></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p><span></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p><a></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p><img></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->5. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>What does CSS stand for?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Creative Style Syntax</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Computer Style System</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Coded Style Sheets</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Cascading Style Sheets</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->6. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>How can CSS be applied to HTML elements?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Only inline styles</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Inline, internal, and external styles</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Only internal styles</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>Only external styles</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->7. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>What is the role of a selector in CSS?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To define the layout of a webpage</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To specify which HTML elements the styles apply to</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To create animations</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To manage server-side scripts</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Similar Resources on Wayground<!--]--></h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><!----><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->View all<!--]--><!--]--></p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/video-quiz/67ac886482e2abc999350645/learning-css-video-6" data-testid="activity-recommendation-card-67ac886482e2abc999350645" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Learning CSS (Video 6)" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.xq0rlo9eqza" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Learning CSS (Video 6)<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/677451cd0d349940643afb08/modern-web-design-with-html5-css3-and-javascript-common-tags-with-source-files-and-understanding-web-design-tags" data-testid="activity-recommendation-card-677451cd0d349940643afb08" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Common Tags with Source Files and Understanding Web Design Tags" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.2g8aec2is7p" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Modern Web Design with HTML5, CSS3, and JavaScript - Common Tags with Source Files and Understanding Web Design Tags<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6775c74bab901769bd7618a6/html-css-and-javascript-for-beginners-a-web-design-course-css-inline-style" data-testid="activity-recommendation-card-6775c74bab901769bd7618a6" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML CSS and JavaScript for Beginners - A Web Design Course - CSS Inline Style" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.au84qt2r56a" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->HTML CSS and JavaScript for Beginners - A Web Design Course - CSS Inline Style<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67b76410f8a2750f36afd05e/html-css-and-javascript-for-beginners-a-web-design-course-css-divs-and-spans" data-testid="activity-recommendation-card-67b76410f8a2750f36afd05e" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML CSS and JavaScript for Beginners - A Web Design Course - CSS Divs and Spans" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.qpybw3ujkwn" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->HTML CSS and JavaScript for Beginners - A Web Design Course - CSS Divs and Spans<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67ae3d21b61ab90dc4fee63b/html-tutorial-for-beginners2022-create-tables-in-an-html-web-page" data-testid="activity-recommendation-card-67ae3d21b61ab90dc4fee63b" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Tutorial for Beginners(2022) - Create Tables in an HTML Web Page" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.fmhnbvh9c3g" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->HTML Tutorial for Beginners(2022) - Create Tables in an HTML Web Page<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67f6c5b3ea53b5f57e901452/modern-web-design-with-html5-css3-and-javascript-writing-cascading-style-sheets-css-for-designing-modern-web-pages" data-testid="activity-recommendation-card-67f6c5b3ea53b5f57e901452" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Writing Cascading Style Sheets (CSS) for Designing Modern Web Pages" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 2 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.s634c7eon2" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Modern Web Design with HTML5, CSS3, and JavaScript - Writing Cascading Style Sheets (CSS) for Designing Modern Web Pages<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6776ea06da4746f2fb8a7b2e/html-tutorial-for-beginners2022-internal-css-in-html" data-testid="activity-recommendation-card-6776ea06da4746f2fb8a7b2e" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Tutorial for Beginners(2022) - Internal CSS in HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.p9lj020bow" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->HTML Tutorial for Beginners(2022) - Internal CSS in HTML<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67b77d84354c25f8384087c1/the-front-end-web-developer-bootcamp-html-css-js-and-react-introduction-to-css3" data-testid="activity-recommendation-card-67b77d84354c25f8384087c1" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Introduction to CSS3" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.qa19737q9co" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Introduction to CSS3<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Popular Resources on Wayground<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/video-quiz/6735a74718bd2423fb21cbcd/lab-safety-procedures-and-guidelines" data-testid="activity-popular-resource-card-6735a74718bd2423fb21cbcd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab Safety Procedures and Guidelines" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.mgoas46m4rj" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Lab Safety Procedures and Guidelines<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th - 10th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5b9add444e356f00198a8c14/nouns-nouns-nouns" data-testid="activity-popular-resource-card-5b9add444e356f00198a8c14" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Nouns, nouns, nouns" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.r90ske2uvy" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Nouns, nouns, nouns<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->3rd Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/68b7811ef48d5f8909ec9d89/appointment-passes-review" data-testid="activity-popular-resource-card-68b7811ef48d5f8909ec9d89" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Appointment Passes Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.40gx87ybuuh" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Appointment Passes Review<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th - 8th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 25 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.r5p45f5qfj" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Multiplication Facts<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->5th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/64b5419aacf2e2001d7e1195/all-about-me" data-testid="activity-popular-resource-card-64b5419aacf2e2001d7e1195" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="All about me" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 11 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.hwa6ozdfk1p" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->All about me<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->Professional Development<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5efd0a3bd81107001b1430c2/adding-integers" data-testid="activity-popular-resource-card-5efd0a3bd81107001b1430c2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Adding Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 22 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.gw2rsqu03r" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Adding Integers<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5da88ffcfec3ff001ce68888/subtracting-integers" data-testid="activity-popular-resource-card-5da88ffcfec3ff001ce68888" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Subtracting Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 15 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.gkkpbj1mdoc" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Subtracting Integers<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->7th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/600ec0146330ed001e68cad4/grammar-review" data-testid="activity-popular-resource-card-600ec0146330ed001e68cad4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Grammar Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.2on436qf7t7" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Grammar Review<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th - 9th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Discover more resources for Information Technology (IT)<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/quiz/62b69e0034b08a001effb9ee/disney-trivia" data-testid="activity-subject-resource-card-62b69e0034b08a001effb9ee" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 15 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.z6b8xdxz1gh" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Disney Trivia<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/568d7657315bcd65324df514/spanish-speaking-countries" data-testid="activity-subject-resource-card-568d7657315bcd65324df514" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Spanish-Speaking Countries" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 21 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.ikw1tk7r6h7" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Spanish-Speaking Countries<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67747118c56d8c2e6a1c3d17/what-is-narrative-writing" data-testid="activity-subject-resource-card-67747118c56d8c2e6a1c3d17" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="What Is Narrative Writing?" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.lgysnazqn8" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->What Is Narrative Writing?<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/654bb93d3eed7c828d3a746a/disney-trivia" data-testid="activity-subject-resource-card-654bb93d3eed7c828d3a746a" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.yxleu9q0ml" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Disney Trivia<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67760edf53c5d92a02a15a4f/force-and-motion" data-testid="activity-subject-resource-card-67760edf53c5d92a02a15a4f" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Force and Motion" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.fufyugvsu9" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Force and Motion<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67772604f817847c3c05e8dd/examining-theme" data-testid="activity-subject-resource-card-67772604f817847c3c05e8dd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Examining Theme" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 5 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.v2f2ouhknlb" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Examining Theme<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/68befebac86645c9dd3309e2/lab-4-quizziz-questions" data-testid="activity-subject-resource-card-68befebac86645c9dd3309e2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab 4: Quizziz Questions" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 23 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.zf1bmj3zoba" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Lab 4: Quizziz Questions<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/presentation/632b0a4ac3a358001e949a83/los-numeros-en-espanol" data-testid="activity-subject-resource-card-632b0a4ac3a358001e949a83" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Los numeros en español." class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 12 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.ubi89uz6ueh" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Los numeros en español.<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/presentation_solid_circle.png" alt="lesson" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Lesson<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/algebra/linear-equations-two-variables/systems-of-linear-equations/solving-pairs-of-linear-equations-in-two-variables/graphically-understanding-the-solution-of-a-pair-of-linear-equations-in-two-variables" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Graphically understanding the solution of a pair of linear equations in two variables<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Graphically understanding the solution of a pair of linear equations in two variables-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/chemistry/inorganic-chemistry/structure-and-bonding/group-theory-and-symmetry" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Group theory and symmetry<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Group theory and symmetry-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/writing/writing-types/argumentative" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Argumentative<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Argumentative-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/social-studies/american-culture/social-organization" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Social Organization<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Social Organization-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/functions" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Functions<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Functions-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/social-studies/research-and-analysis-methods/source-analysis/source-evaluation/primary-sources" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Primary Sources<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Primary Sources-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/earth-and-space-science/oceanography/physical-oceanography" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Physical Oceanography<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Physical Oceanography-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/physical-science/energy-kinetic-and-potential" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Energy (Kinetic and Potential)<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Energy (Kinetic and Potential)-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/reading-comprehension/key-ideas-and-details/literary-text-comprehension/theme" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Theme<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Theme-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/foreign-language/spanish/literature-survey" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Literature survey<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Literature survey-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!----><!----><!--]--><!--]--><!--]--><!--]--><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-32684c53><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-32684c53><div class="flex flex-col justify-between w-full" data-v-32684c53><div class="flex flex-col md:flex-row" data-v-32684c53><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-32684c53><!--[--><!--]--></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-32684c53><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-32684c53><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-32684c53><p class="text-sm font-semibold copyright text-dark-4" data-v-32684c53> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-32684c53><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-32684c53><i class="social-icon fab fa-twitter" data-v-32684c53></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-32684c53><i class="social-icon fab fa-facebook" data-v-32684c53></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-32684c53><i class="social-icon fab fa-instagram" data-v-32684c53></i></a><span class="block w-px h-5 bg-dark-5" data-v-32684c53></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-32684c53><span class="text-sm text-dark-3 hover:underline" data-v-32684c53><span data-v-32684c53>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-32684c53><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-32684c53><span data-v-32684c53>Get our app</span></label><div class="flex space-x-2" data-v-32684c53><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-32684c53></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-32684c53></a></div></div></div></div></div></footer></main></div><!----><!--]--><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div><!--]--></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":1651,"once":1653,"_errors":1654,"serverRendered":5,"path":1656,"country":90,"region":1657,"nuxtSsrFeatureFlags":1658},["ShallowReactive",3],{"trvETABxpi":4,"NacwkiJcJD":75,"LMMnhrPN3q":1471,"iZ1Uy7DfF3":1512},{"success":5,"data":6,"time":74},true,{"quizzes":7,"total":70,"timeTaken":71,"experiment":72,"source":73},[8,19,27,34,41,48,56,63],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67ac886482e2abc999350645",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","Learning CSS (Video 6)","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e104edfd-267e-48ed-9ded-61b93b7b23b1-v2",{"totalQuestions":18},6,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"677451cd0d349940643afb08",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Common Tags with Source Files and Understanding Web Design Tags","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/030a77c2-5abc-43cf-95f8-245be2793706-v2",{"totalQuestions":26},8,{"id":28,"isSuper":10,"type":11,"info":29,"shouldIndex":10,"stats":33},"6775c74bab901769bd7618a6",{"grade":30,"name":31,"slug":31,"image":32},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - CSS Inline Style","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/90af4216-93d9-41d7-b309-aa4c55f00954-v2",{"totalQuestions":18},{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":40},"67b76410f8a2750f36afd05e",{"grade":37,"name":38,"slug":38,"image":39},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - CSS Divs and Spans","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4cd3b04b-b7bc-4158-962a-dd3bd87b40dd-v2",{"totalQuestions":18},{"id":42,"isSuper":10,"type":11,"info":43,"shouldIndex":10,"stats":47},"67ae3d21b61ab90dc4fee63b",{"grade":44,"name":45,"slug":45,"image":46},[14,14],"HTML Tutorial for Beginners(2022) - Create Tables in an HTML Web Page","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ba35cdc8-45ee-4dcd-add7-b1691c86321d-v2",{"totalQuestions":18},{"id":49,"isSuper":10,"type":11,"info":50,"shouldIndex":10,"stats":54},"67f6c5b3ea53b5f57e901452",{"grade":51,"name":52,"slug":52,"image":53},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Writing Cascading Style Sheets (CSS) for Designing Modern Web Pages","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b4aa592f-9b5b-46a9-a65a-d13e1024d4bf-v2",{"totalQuestions":55},2,{"id":57,"isSuper":10,"type":11,"info":58,"shouldIndex":10,"stats":62},"6776ea06da4746f2fb8a7b2e",{"grade":59,"name":60,"slug":60,"image":61},[14,14],"HTML Tutorial for Beginners(2022) - Internal CSS in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/3b2d3def-ac79-40b7-9b65-fa25dea57638-v2",{"totalQuestions":18},{"id":64,"isSuper":10,"type":11,"info":65,"shouldIndex":10,"stats":69},"67b77d84354c25f8384087c1",{"grade":66,"name":67,"slug":67,"image":68},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Introduction to CSS3","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/e85b3863-dccb-42d9-9962-709589b5fc5f-v2",{"totalQuestions":18},2728,33,"quizPageRecoPublicSearch","recommended_search","2025-09-14T11:46:47.644079406Z",{"success":5,"message":76,"data":77,"time":1467,"meta":1468},"Ok",{"quiz":78,"draft":82},{"isTagged":10,"isLoved":10,"tagIds":79,"stats":80,"love":81,"cloned":10,"parentDetail":82,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":82,"publishedVersion":83,"isShared":10,"type":11,"_id":84,"createdBy":85,"info":102,"paidOrganization":1463,"createdAt":1464,"updated":1465,"premiumUse":1466,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":82,"lock":82},[],{"played":81,"totalPlayers":81,"totalCorrect":81,"totalQuestions":81},0,null,"67ae83a1c0fd75a5db91a313","67ae83a1c0fd75a5db91a312",{"_id":86,"firstName":87,"lastName":88,"occupation":89,"country":90,"preferences":91,"grades":93,"subject_tags":97,"media":101},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":92},"en",[18,94,26,95,96],7,9,10,[98,99,100],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":92,"aiGenerated":10,"qm":103,"visibility":5,"subjects":114,"topics":117,"subtopics":118,"grade":119,"gradeLevel":82,"deleted":10,"pref":120,"traits":121,"standardIds":123,"__v":124,"meta":125,"_id":83,"name":128,"image":129,"aiCreateMeta":82,"questions":130,"questionDrafts":488,"standards":82,"courses":82,"createdAt":489,"updated":490,"interactiveVideoProps":491,"isProfane":10,"whitelisted":5,"slug":128},{"67ae83afa255c1af81cdd00f":104,"67ae83afa255c1af81cdd010":106,"67ae83afa255c1af81cdd011":108,"67ae83afa255c1af81cdd012":109,"67ae83afa255c1af81cdd013":110,"67ae83afa255c1af81cdd014":111,"67ae83afa255c1af81cdd015":112,"67ae83afa255c1af81cdd016":113},{"time":105},900000,{"time":107},30000,{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},[115,116],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":82},{"isQuizWithoutCorrectAnswer":10,"totalSlides":81,"totalComprehensionQuestions":122,"nonAnswerableQuestions":122},1,[],5,{"slot":126,"experiment":127},15,"main_main","ChatGPT for Web Design - Create Amazing Websites - Introduction to Web Design: HTML and CSS","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4f836c9f-e663-4e3c-b56f-be7508bd3b64-v2",[131,187,233,276,319,362,404,446],{"structure":132,"standards":172,"topics":173,"isSuperParent":10,"standardIds":174,"aiGenerated":10,"__v":55,"teleportFrom":82,"cloned":82,"ver":175,"parent":82,"_id":176,"time":105,"published":5,"aiCreateMeta":82,"type":133,"comprehensionQuestionIds":177,"createdAt":185,"updated":186},{"kind":133,"answer":134,"settings":135,"marks":137,"query":138,"options":153,"explain":154,"theme":158,"graphs":167,"hints":168,"order":169,"hasMath":10,"media":170,"elements":171},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":81,"incorrect":81},{"answerTime":139,"math":140,"type":82,"hasMath":10,"media":142,"text":151,"_id":152},-1,{"latex":141,"template":82},[],[143],{"type":144,"meta":145},"video",{"duration":146,"endTime":146,"startTime":81,"videoId":147,"src":148,"thumbnail":149,"filmstrip":150},572,"66941b1d894ef67a76c35c11","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_nsalt907/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_nsalt907/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67ae83ae2eee9ea8c946add5",[],{"math":155,"type":151,"hasMath":10,"media":157,"text":151},{"latex":156,"template":82},[],[],{"titleFontFamily":159,"fontFamily":159,"fontColor":160,"background":162,"shape":164},"Quicksand",{"text":161},"#5D2057",{"color":163,"image":151,"video":151},"#FFFFFF",{"largeShapeColor":165,"smallShapeColor":166},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],3,"67ae83afa255c1af81cdd00f",[178,179,180,181,182,183,184],"67ae83afa255c1af81cdd010","67ae83afa255c1af81cdd011","67ae83afa255c1af81cdd012","67ae83afa255c1af81cdd013","67ae83afa255c1af81cdd014","67ae83afa255c1af81cdd015","67ae83afa255c1af81cdd016","2025-02-13T23:43:43.072Z","2025-02-13T23:43:43.329Z",{"structure":188,"standards":228,"topics":229,"isSuperParent":10,"standardIds":230,"aiGenerated":5,"__v":122,"teleportFrom":82,"cloned":82,"ver":55,"parent":82,"_id":178,"time":107,"published":5,"aiCreateMeta":82,"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":122},{"hasCorrectAnswer":5,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":192,"answerTime":139,"text":194,"media":195},"text",{"latex":193,"template":82},[],"\u003Cp>What is the primary function of an IDE in web development?\u003C/p>",[],[197,203,209,215],{"type":191,"hasMath":10,"math":198,"answerTime":81,"id":200,"text":201,"media":202,"_id":200},{"latex":199,"template":82},[],"67ae83ae573c0a62c8bc837d","\u003Cp>To host websites online\u003C/p>",[],{"type":191,"hasMath":10,"math":204,"answerTime":81,"id":206,"text":207,"media":208,"_id":206},{"latex":205,"template":82},[],"67ae83ae573c0ab278bc837e","\u003Cp>To translate human-readable code into machine-readable code\u003C/p>",[],{"type":191,"hasMath":10,"math":210,"answerTime":81,"id":212,"text":213,"media":214,"_id":212},{"latex":211,"template":82},[],"67ae83ae573c0afaa9bc837f","\u003Cp>To manage databases\u003C/p>",[],{"type":191,"hasMath":10,"math":216,"answerTime":81,"id":218,"text":219,"media":220,"_id":218},{"latex":217,"template":82},[],"67ae83ae573c0a85e2bc8380","\u003Cp>To design graphics for websites\u003C/p>",[],{"type":191,"text":151,"media":222,"hasMath":10,"math":223,"answerTime":81},[],{"template":82,"latex":224},[],[],"MCQ",{"correct":122,"incorrect":81},[],[],[],63,"2025-02-13T23:43:43.082Z",{"structure":234,"standards":272,"topics":273,"isSuperParent":10,"standardIds":274,"aiGenerated":5,"__v":122,"teleportFrom":82,"cloned":82,"ver":55,"parent":82,"_id":179,"time":107,"published":5,"aiCreateMeta":82,"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":81},{"hasCorrectAnswer":5,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":237,"answerTime":139,"text":239,"media":240},{"latex":238,"template":82},[],"\u003Cp>Which tag is considered the root node in an HTML document?\u003C/p>",[],[242,248,254,260],{"type":191,"hasMath":10,"math":243,"answerTime":81,"id":245,"text":246,"media":247,"_id":245},{"latex":244,"template":82},[],"67ae83ae573c0a70e4bc8384","\u003Cp>\u003Chtml>\u003C/p>",[],{"type":191,"hasMath":10,"math":249,"answerTime":81,"id":251,"text":252,"media":253,"_id":251},{"latex":250,"template":82},[],"67ae83ae573c0ad458bc8385","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":191,"hasMath":10,"math":255,"answerTime":81,"id":257,"text":258,"media":259,"_id":257},{"latex":256,"template":82},[],"67ae83ae573c0a3358bc8386","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":191,"hasMath":10,"math":261,"answerTime":81,"id":263,"text":264,"media":265,"_id":263},{"latex":262,"template":82},[],"67ae83ae573c0ae4ecbc8387","\u003Cp>\u003Chead>\u003C/p>",[],{"type":191,"text":151,"media":267,"hasMath":10,"math":268,"answerTime":81},[],{"template":82,"latex":269},[],[],{"correct":122,"incorrect":81},[],[],[],158,{"structure":277,"standards":315,"topics":316,"isSuperParent":10,"standardIds":317,"aiGenerated":5,"__v":122,"teleportFrom":82,"cloned":82,"ver":55,"parent":82,"_id":180,"time":107,"published":5,"aiCreateMeta":82,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":318,"createdAt":232,"updated":186},{"settings":278,"hasMath":10,"query":279,"options":284,"explain":309,"hints":313,"kind":226,"marks":314,"answer":55},{"hasCorrectAnswer":5,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":280,"answerTime":139,"text":282,"media":283},{"latex":281,"template":82},[],"\u003Cp>What is the purpose of the \u003Chead> tag in an HTML document?\u003C/p>",[],[285,291,297,303],{"type":191,"hasMath":10,"math":286,"answerTime":81,"id":288,"text":289,"media":290,"_id":288},{"latex":287,"template":82},[],"67ae83ae573c0adf08bc838b","\u003Cp>To link external scripts\u003C/p>",[],{"type":191,"hasMath":10,"math":292,"answerTime":81,"id":294,"text":295,"media":296,"_id":294},{"latex":293,"template":82},[],"67ae83ae573c0a41d2bc838c","\u003Cp>To contain the footer of the webpage\u003C/p>",[],{"type":191,"hasMath":10,"math":298,"answerTime":81,"id":300,"text":301,"media":302,"_id":300},{"latex":299,"template":82},[],"67ae83ae573c0a31edbc838d","\u003Cp>To provide metadata and additional information to the browser\u003C/p>",[],{"type":191,"hasMath":10,"math":304,"answerTime":81,"id":306,"text":307,"media":308,"_id":306},{"latex":305,"template":82},[],"67ae83ae573c0a5ae7bc838e","\u003Cp>To display the main content of the webpage\u003C/p>",[],{"type":191,"text":151,"media":310,"hasMath":10,"math":311,"answerTime":81},[],{"template":82,"latex":312},[],[],{"correct":122,"incorrect":81},[],[],[],314,{"structure":320,"standards":358,"topics":359,"isSuperParent":10,"standardIds":360,"aiGenerated":5,"__v":122,"teleportFrom":82,"cloned":82,"ver":55,"parent":82,"_id":181,"time":107,"published":5,"aiCreateMeta":82,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":318,"createdAt":232,"updated":361},{"settings":321,"hasMath":10,"query":322,"options":327,"explain":352,"hints":356,"kind":226,"marks":357,"answer":81},{"hasCorrectAnswer":5,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":323,"answerTime":139,"text":325,"media":326},{"latex":324,"template":82},[],"\u003Cp>Which of the following is a block element in HTML?\u003C/p>",[],[328,334,340,346],{"type":191,"hasMath":10,"math":329,"answerTime":81,"id":331,"text":332,"media":333,"_id":331},{"latex":330,"template":82},[],"67ae83ae573c0ab916bc8392","\u003Cp>\u003Cdiv>\u003C/p>",[],{"type":191,"hasMath":10,"math":335,"answerTime":81,"id":337,"text":338,"media":339,"_id":337},{"latex":336,"template":82},[],"67ae83ae573c0a3319bc8393","\u003Cp>\u003Cspan>\u003C/p>",[],{"type":191,"hasMath":10,"math":341,"answerTime":81,"id":343,"text":344,"media":345,"_id":343},{"latex":342,"template":82},[],"67ae83ae573c0a36fbbc8394","\u003Cp>\u003Ca>\u003C/p>",[],{"type":191,"hasMath":10,"math":347,"answerTime":81,"id":349,"text":350,"media":351,"_id":349},{"latex":348,"template":82},[],"67ae83ae573c0a49a0bc8395","\u003Cp>\u003Cimg>\u003C/p>",[],{"type":191,"text":151,"media":353,"hasMath":10,"math":354,"answerTime":81},[],{"template":82,"latex":355},[],[],{"correct":122,"incorrect":81},[],[],[],"2025-02-13T23:43:43.330Z",{"structure":363,"standards":401,"topics":402,"isSuperParent":10,"standardIds":403,"aiGenerated":5,"__v":122,"teleportFrom":82,"cloned":82,"ver":55,"parent":82,"_id":182,"time":107,"published":5,"aiCreateMeta":82,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":146,"createdAt":232,"updated":361},{"settings":364,"hasMath":10,"query":365,"options":370,"explain":395,"hints":399,"kind":226,"marks":400,"answer":175},{"hasCorrectAnswer":5,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":366,"answerTime":139,"text":368,"media":369},{"latex":367,"template":82},[],"\u003Cp>What does CSS stand for?\u003C/p>",[],[371,377,383,389],{"type":191,"hasMath":10,"math":372,"answerTime":81,"id":374,"text":375,"media":376,"_id":374},{"latex":373,"template":82},[],"67ae83ae573c0a5688bc8399","\u003Cp>Creative Style Syntax\u003C/p>",[],{"type":191,"hasMath":10,"math":378,"answerTime":81,"id":380,"text":381,"media":382,"_id":380},{"latex":379,"template":82},[],"67ae83ae573c0a5b40bc839a","\u003Cp>Computer Style System\u003C/p>",[],{"type":191,"hasMath":10,"math":384,"answerTime":81,"id":386,"text":387,"media":388,"_id":386},{"latex":385,"template":82},[],"67ae83ae573c0a61dbbc839b","\u003Cp>Coded Style Sheets\u003C/p>",[],{"type":191,"hasMath":10,"math":390,"answerTime":81,"id":392,"text":393,"media":394,"_id":392},{"latex":391,"template":82},[],"67ae83ae573c0a7c61bc839c","\u003Cp>Cascading Style Sheets\u003C/p>",[],{"type":191,"text":151,"media":396,"hasMath":10,"math":397,"answerTime":81},[],{"template":82,"latex":398},[],[],{"correct":122,"incorrect":81},[],[],[],{"structure":405,"standards":443,"topics":444,"isSuperParent":10,"standardIds":445,"aiGenerated":5,"__v":122,"teleportFrom":82,"cloned":82,"ver":55,"parent":82,"_id":183,"time":107,"published":5,"aiCreateMeta":82,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":146,"createdAt":232,"updated":361},{"settings":406,"hasMath":10,"query":407,"options":412,"explain":437,"hints":441,"kind":226,"marks":442,"answer":122},{"hasCorrectAnswer":5,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":408,"answerTime":139,"text":410,"media":411},{"latex":409,"template":82},[],"\u003Cp>How can CSS be applied to HTML elements?\u003C/p>",[],[413,419,425,431],{"type":191,"hasMath":10,"math":414,"answerTime":81,"id":416,"text":417,"media":418,"_id":416},{"latex":415,"template":82},[],"67ae83ae573c0a59f4bc83a0","\u003Cp>Only inline styles\u003C/p>",[],{"type":191,"hasMath":10,"math":420,"answerTime":81,"id":422,"text":423,"media":424,"_id":422},{"latex":421,"template":82},[],"67ae83ae573c0a3494bc83a1","\u003Cp>Inline, internal, and external styles\u003C/p>",[],{"type":191,"hasMath":10,"math":426,"answerTime":81,"id":428,"text":429,"media":430,"_id":428},{"latex":427,"template":82},[],"67ae83ae573c0a5896bc83a2","\u003Cp>Only internal styles\u003C/p>",[],{"type":191,"hasMath":10,"math":432,"answerTime":81,"id":434,"text":435,"media":436,"_id":434},{"latex":433,"template":82},[],"67ae83ae573c0a003cbc83a3","\u003Cp>Only external styles\u003C/p>",[],{"type":191,"text":151,"media":438,"hasMath":10,"math":439,"answerTime":81},[],{"template":82,"latex":440},[],[],{"correct":122,"incorrect":81},[],[],[],{"structure":447,"standards":485,"topics":486,"isSuperParent":10,"standardIds":487,"aiGenerated":5,"__v":122,"teleportFrom":82,"cloned":82,"ver":55,"parent":82,"_id":184,"time":107,"published":5,"aiCreateMeta":82,"type":226,"comprehensionQuestionId":176,"comprehensionTimestamp":146,"createdAt":232,"updated":361},{"settings":448,"hasMath":10,"query":449,"options":454,"explain":479,"hints":483,"kind":226,"marks":484,"answer":122},{"hasCorrectAnswer":5,"fibDataType":136,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":191,"hasMath":10,"math":450,"answerTime":139,"text":452,"media":453},{"latex":451,"template":82},[],"\u003Cp>What is the role of a selector in CSS?\u003C/p>",[],[455,461,467,473],{"type":191,"hasMath":10,"math":456,"answerTime":81,"id":458,"text":459,"media":460,"_id":458},{"latex":457,"template":82},[],"67ae83ae573c0af117bc83a7","\u003Cp>To define the layout of a webpage\u003C/p>",[],{"type":191,"hasMath":10,"math":462,"answerTime":81,"id":464,"text":465,"media":466,"_id":464},{"latex":463,"template":82},[],"67ae83ae573c0a26cbbc83a8","\u003Cp>To specify which HTML elements the styles apply to\u003C/p>",[],{"type":191,"hasMath":10,"math":468,"answerTime":81,"id":470,"text":471,"media":472,"_id":470},{"latex":469,"template":82},[],"67ae83ae573c0a1c84bc83a9","\u003Cp>To create animations\u003C/p>",[],{"type":191,"hasMath":10,"math":474,"answerTime":81,"id":476,"text":477,"media":478,"_id":476},{"latex":475,"template":82},[],"67ae83ae573c0a3e4ebc83aa","\u003Cp>To manage server-side scripts\u003C/p>",[],{"type":191,"text":151,"media":480,"hasMath":10,"math":481,"answerTime":81},[],{"template":82,"latex":482},[],[],{"correct":122,"incorrect":81},[],[],[],[],"2025-02-13T23:43:29.379Z","2025-02-14T19:26:00.263Z",{"videoMeta":492,"aiMeta":1401},{"videoId":147,"videoTitle":128,"channelTitle":493,"duration":146,"videoProvider":148,"videoType":494,"videoSubTypes":495,"transcript":497},"Packt - Data","INSTRUCTIONAL",[496],"CHALK_AND_TALK_PRESENTATION",[498,502,506,510,514,518,522,526,530,534,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646,650,654,658,662,665,669,673,677,681,685,689,693,697,701,705,709,713,717,721,725,729,733,737,740,743,747,751,755,759,763,767,771,775,779,783,787,791,795,799,803,807,811,815,819,823,827,831,835,839,843,847,851,855,859,863,867,871,875,879,883,886,890,894,898,902,906,910,914,918,922,926,930,934,938,942,945,949,953,957,961,965,969,973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1024,1028,1032,1036,1039,1043,1047,1051,1055,1059,1062,1066,1070,1074,1077,1081,1085,1089,1093,1097,1101,1104,1108,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1163,1167,1171,1174,1178,1181,1185,1189,1193,1197,1201,1205,1209,1213,1217,1221,1225,1229,1233,1237,1241,1244,1248,1252,1256,1260,1264,1268,1272,1276,1280,1284,1288,1292,1295,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342,1346,1350,1354,1358,1362,1366,1370,1374,1378,1382,1386,1390,1394,1398],{"text":499,"duration":500,"offset":501},"In this one we will go over the basics of",2611,2200,{"text":503,"duration":504,"offset":505},"HTML and CSS codes, both of which you need to",2866,4874,{"text":507,"duration":508,"offset":509},"go to websites.",956,7804,{"text":511,"duration":512,"offset":513},"So before we go into HTML and CSS, as mentioned",2724,8800,{"text":515,"duration":516,"offset":517},"in the start of this course, one of the problems",2783,11582,{"text":519,"duration":520,"offset":521},"this course wants to address is that now anybody has",3015,14423,{"text":523,"duration":524,"offset":525},"the power to generate codes.",1624,17496,{"text":527,"duration":528,"offset":529},"But where do you put this codes to have it",2004,19360,{"text":531,"duration":532,"offset":533},"actually work?",668,21411,{"text":535,"duration":536,"offset":537},"So to write the code for a website, you need",2725,22280,{"text":539,"duration":540,"offset":541},"an interpreter or integrated development environment or IDE, an IDE",4149,25067,{"text":543,"duration":544,"offset":545},"translator.",682,29278,{"text":547,"duration":548,"offset":549},"It's human readable codes into machine readable codes.",3040,30040,{"text":551,"duration":552,"offset":553},"So that's basically zeros and ones and it does is",2520,33080,{"text":555,"duration":556,"offset":557},"the interface between what you writes and the computer.",2829,35651,{"text":559,"duration":560,"offset":561},"There are many softwares available that can do this, but",2868,38479,{"text":563,"duration":564,"offset":565},"our favorite and the one we will use in this",2253,41399,{"text":567,"duration":568,"offset":569},"course is Visual Studio Codes.",1537,43703,{"text":571,"duration":572,"offset":573},"This is a free, widely used and highly flexible IDE",3088,45320,{"text":575,"duration":576,"offset":577},"or code editor perfect for getting started in web design.",3451,48468,{"text":579,"duration":580,"offset":581},"The examples you will see on screen as we explain",2560,52000,{"text":583,"duration":584,"offset":585},"HTML and CSS will all be written in Visual Studio",2561,54612,{"text":587,"duration":588,"offset":589},"Codes and in the next lesson after this one, we",2456,57225,{"text":591,"duration":592,"offset":593},"will also guide you through downloading and setting up Visual",3188,59733,{"text":595,"duration":596,"offset":597},"Studio Code for yourself.",1306,62973,{"text":599,"duration":600,"offset":601},"So in web design, there are multiple different types of",2920,64280,{"text":603,"duration":604,"offset":605},"codes and these are hierarchically related to each other.",3026,67253,{"text":607,"duration":608,"offset":609},"The bottom fundamental layer of code is HTML.",2840,70320,{"text":611,"duration":612,"offset":613},"This provides the structure of the websites.",2360,73200,{"text":615,"duration":616,"offset":617},"The next layer is CSS.",1560,75560,{"text":619,"duration":620,"offset":621},"CSS describes the appearance or presentation of the HTML elements.",4960,77160,{"text":623,"duration":624,"offset":625},"And finally, the top layer is JavaScript which is used",2989,82120,{"text":627,"duration":628,"offset":629},"to control the behavior of or interaction with the different",3322,85164,{"text":631,"duration":632,"offset":633},"elements.",498,88541,{"text":635,"duration":636,"offset":637},"So JavaScript is used if you want to include movement",3180,89080,{"text":639,"duration":640,"offset":641},"or calculations or interaction on your websites.",2880,92320,{"text":643,"duration":644,"offset":645},"We will look into JavaScript in a future lesson.",2280,95200,{"text":647,"duration":648,"offset":649},"Since we can create a basic website without using JavaScript",3667,97520,{"text":651,"duration":652,"offset":653},"and only using HTML and CSS.",1712,101248,{"text":655,"duration":656,"offset":657},"That's our first look at HTMLHTML stands for a Hypertext",3805,102959,{"text":659,"duration":660,"offset":661},"Markup Language.",1087,106832,{"text":663,"duration":588,"offset":664},"It is not a programming language but more like a",108080,{"text":666,"duration":667,"offset":668},"structure language.",972,110587,{"text":670,"duration":671,"offset":672},"The language describes the structure of the web page by",3608,111640,{"text":674,"duration":675,"offset":676},"means of HTML text.",1247,115313,{"text":678,"duration":679,"offset":680},"Here you can see an example of what an HTML",2149,116560,{"text":682,"duration":683,"offset":684},"code for a website look.",1200,118759,{"text":686,"duration":687,"offset":688},"By the way, I had ChatGPT write this code for",2571,120520,{"text":690,"duration":691,"offset":692},"me.",172,123148,{"text":694,"duration":695,"offset":696},"So as you can see, everything is built up using",2820,123320,{"text":698,"duration":699,"offset":700},"these tags that are in between the smaller than and",3060,126200,{"text":702,"duration":703,"offset":704},"larger than signs.",1080,129320,{"text":706,"duration":707,"offset":708},"These tags show the browser in which way the information",3199,130400,{"text":710,"duration":711,"offset":712},"should be displayed.",1142,133657,{"text":714,"duration":715,"offset":716},"As you can see the tags of a beginning and",2391,135040,{"text":718,"duration":719,"offset":720},"an end, and in between the beginning and the end",2733,137488,{"text":722,"duration":723,"offset":724},"of A tag, the content of that tag is written.",2562,140277,{"text":726,"duration":727,"offset":728},"There are also tags which only have one part, such",2382,143000,{"text":730,"duration":731,"offset":732},"as the image tag.",810,145430,{"text":734,"duration":735,"offset":736},"The tags might all seem quite random right now, but",2662,146480,{"text":738,"duration":735,"offset":739},"there actually is a hierarchy to them, and once you",149194,{"text":741,"duration":735,"offset":742},"understand this, it will be quite easy to see which",151908,{"text":744,"duration":745,"offset":746},"tag refers to which element of the web page.",2296,154623,{"text":748,"duration":749,"offset":750},"So let's look at the hierarchy of HTML.",2240,157040,{"text":752,"duration":753,"offset":754},"So at the top of the hierarchy is the doc",2355,159280,{"text":756,"duration":757,"offset":758},"type HTML tag, which lets the browser know that there's",3160,161692,{"text":760,"duration":761,"offset":762},"an HTML document and should be interpreted as such.",2929,164910,{"text":764,"duration":765,"offset":766},"This tag does not have an int that goes with",2273,167960,{"text":768,"duration":769,"offset":770},"it.",155,170285,{"text":772,"duration":773,"offset":774},"Next there is the HTML tag which is called the",2916,170600,{"text":776,"duration":777,"offset":778},"root notes because all of the HTML codes of that",3044,173579,{"text":780,"duration":781,"offset":782},"page is written within that tag and tags always have",3297,176686,{"text":784,"duration":785,"offset":786},"a/ after the smaller than sign as you can see",2853,180046,{"text":788,"duration":789,"offset":790},"here.",317,182963,{"text":792,"duration":793,"offset":794},"Then there are two different texts, the heads tag and",3227,183360,{"text":796,"duration":797,"offset":798},"the body tag.",791,186648,{"text":800,"duration":801,"offset":802},"Only the information that is written inside the body tag",2918,187600,{"text":804,"duration":805,"offset":806},"is rendered and displayed to the web page.",2190,190570,{"text":808,"duration":809,"offset":810},"The head tag only serves the purpose of giving more",2950,192760,{"text":812,"duration":813,"offset":814},"information to the browser on, for example, the type of",3181,195768,{"text":816,"duration":817,"offset":818},"language that is used and this information in the head",3124,199007,{"text":820,"duration":821,"offset":822},"tag is called metadata.",1331,202189,{"text":824,"duration":825,"offset":826},"Metadata is not displayed on the web page, but provides",2886,203560,{"text":828,"duration":829,"offset":830},"context for the browser on how the browser can interpret",2939,206499,{"text":832,"duration":833,"offset":834},"the content of the web page.",1469,209490,{"text":836,"duration":837,"offset":838},"The head tag also contains the title tag displaying the",3243,210960,{"text":840,"duration":841,"offset":842},"title of the web page.",1298,214262,{"text":844,"duration":845,"offset":846},"Don't be mistaken by this tag because it does not",2679,215560,{"text":848,"duration":849,"offset":850},"show up inside your web page.",1586,218294,{"text":852,"duration":853,"offset":854},"The place where this title is presented is in the",2550,219920,{"text":856,"duration":857,"offset":858},"tab bar of the browser as you can see here.",2238,222522,{"text":860,"duration":861,"offset":862},"Now all the actual content of the websites is placed",2828,224920,{"text":864,"duration":865,"offset":866},"in the body tag, as you can see here in",2121,227802,{"text":868,"duration":869,"offset":870},"the example web page, there's also a hierarchy in the",2882,229978,{"text":872,"duration":873,"offset":874},"body tag as well.",925,232915,{"text":876,"duration":877,"offset":878},"First off, there are multiple parts of the body.",2120,233840,{"text":880,"duration":881,"offset":882},"Most often there is a header, some sort of navigation,",3240,235960,{"text":884,"duration":699,"offset":885},"the main section and the footer and within the main",239260,{"text":887,"duration":888,"offset":889},"section often there are separate sections contained in the section",3960,242380,{"text":891,"duration":892,"offset":893},"tag or the division tag.",1440,246400,{"text":895,"duration":896,"offset":897},"In these sections you can then place the actual content",3512,247840,{"text":899,"duration":900,"offset":901},"such as titles, paragraphs, images, videos, contact forms, etcetera.",4343,251416,{"text":903,"duration":904,"offset":905},"There are two ways to display an element in HTML,",3422,255760,{"text":907,"duration":908,"offset":909},"inline and block.",1188,259252,{"text":911,"duration":912,"offset":913},"The block elements always start on a Of codes and always",3856,260440,{"text":915,"duration":916,"offset":917},"stretch the full page and a small margin is added",3374,264365,{"text":919,"duration":920,"offset":921},"at both and underneath the block elements examples.",3511,267808,{"text":923,"duration":924,"offset":925},"Of these block elements are the paragraph and division tech",3412,271320,{"text":927,"duration":928,"offset":929},"this.",289,274790,{"text":931,"duration":932,"offset":933},"Is an example of a block elements in HTML CODES",2708,275080,{"text":935,"duration":936,"offset":937},"and now it is then displayed on the web page",2536,277845,{"text":939,"duration":940,"offset":941},"and these are all the block elements in HTML NEXT.",2881,280438,{"text":943,"duration":612,"offset":944},"We have the inline elements this.",283320,{"text":946,"duration":947,"offset":948},"Element only takes up the space that is necessary to",3276,285680,{"text":950,"duration":951,"offset":952},"display its content and this does not need to start",3213,289019,{"text":954,"duration":955,"offset":956},"on a So.",505,292295,{"text":958,"duration":959,"offset":960},"This is an example of an inline elements, and these",3778,292800,{"text":962,"duration":963,"offset":964},"are all the inline elements in HTML.",2667,296652,{"text":966,"duration":967,"offset":968},"You certainly don't need to know any of these by",2021,299560,{"text":970,"duration":971,"offset":972},"heart, but this is just to give you an idea",1810,301623,{"text":974,"duration":975,"offset":976},"of what is out there.",885,303475,{"text":978,"duration":979,"offset":980},"You can also always look up any tag on the",2229,304360,{"text":982,"duration":983,"offset":984},"Internet.",477,306642,{"text":986,"duration":987,"offset":988},"There are many good websites such as W3 Schools and",2870,307120,{"text":990,"duration":991,"offset":992},"we will put a link to this in the description",2533,310046,{"text":994,"duration":995,"offset":996},"of this lesson.",844,312635,{"text":998,"duration":999,"offset":1000},"All right, so now we have a good basic understanding",2545,313640,{"text":1002,"duration":1003,"offset":1004},"of HTML codes.",685,316234,{"text":1006,"duration":1007,"offset":1008},"There are a couple more things we will say about",2796,317200,{"text":1010,"duration":1011,"offset":1012},"HTML such as IDs and classes, but before we mention",2972,320054,{"text":1014,"duration":1015,"offset":1016},"those, let's first look at CSS codes.",2156,323084,{"text":1018,"duration":1019,"offset":1020},"So now let's look at the CSS codes.",1880,325480,{"text":1022,"duration":757,"offset":1023},"CSS stands for Cascading Style Sheets.",327720,{"text":1025,"duration":1026,"offset":1027},"As mentioned before, CSS code describes the appearance or presentation",4778,330880,{"text":1029,"duration":1030,"offset":1031},"of the HTML elements.",1434,335726,{"text":1033,"duration":1034,"offset":1035},"Every HTML elements can have its own piece of CSS",2902,337160,{"text":1037,"duration":536,"offset":1038},"codes, and if an HTML element does not have an",340121,{"text":1040,"duration":1041,"offset":1042},"associated piece of CSS codes, it will get a default",3080,342905,{"text":1044,"duration":1045,"offset":1046},"style.",356,346044,{"text":1048,"duration":1049,"offset":1050},"This is what a website without CSS looks like.",2680,346400,{"text":1052,"duration":1053,"offset":1054},"This is of course quite ugly.",1280,349080,{"text":1056,"duration":1057,"offset":1058},"So we do want to link CSS code to the",2354,350360,{"text":1060,"duration":813,"offset":1061},"HTML elements and there are three ways to do this.",352778,{"text":1063,"duration":1064,"offset":1065},"You can write CSS code inline, which means that within",3437,355960,{"text":1067,"duration":1068,"offset":1069},"A tag you can use the style attributes and write",3056,359461,{"text":1071,"duration":1072,"offset":1073},"your CSS codes right there in the tag.",2419,362580,{"text":1075,"duration":612,"offset":1076},"That will then apply to the content of that tag.",365040,{"text":1078,"duration":1079,"offset":1080},"You can also write CSS codes internal, meaning that you",3407,367520,{"text":1082,"duration":1083,"offset":1084},"place all the CSS codes in the head tag of",2601,370989,{"text":1086,"duration":1087,"offset":1088},"the HTML file.",868,373652,{"text":1090,"duration":1091,"offset":1092},"To do this you use the style tag and place",2739,374520,{"text":1094,"duration":1095,"offset":1096},"the CSS in between it.",1435,377324,{"text":1098,"duration":1099,"offset":1100},"With both of these two options, you have the CSS",2800,378880,{"text":1102,"duration":1099,"offset":1103},"codes in the HTML file, but for the third option",381739,{"text":1105,"duration":1106,"offset":1107},"you create a separate CSS file, also called the style",3092,384598,{"text":1109,"duration":1110,"offset":1111},"sheets, where you place all the CSS codes.",2451,387749,{"text":1113,"duration":1114,"offset":1115},"This is the nicest option of the three since placing",3105,390200,{"text":1117,"duration":1118,"offset":1119},"the CSS codes in the HTML file can become quite",2807,393365,{"text":1121,"duration":1122,"offset":1123},"messy and it is nice to keep them separate.",2568,396231,{"text":1125,"duration":1126,"offset":1127},"If you create a separate CSS file, you need to",2584,398920,{"text":1129,"duration":1130,"offset":1131},"make sure this is linked to the HTML file.",2359,401560,{"text":1133,"duration":1134,"offset":1135},"We will look into how to do this in future",2040,404000,{"text":1137,"duration":1138,"offset":1139},"lessons, but here you can see an example of how",2284,406089,{"text":1141,"duration":1142,"offset":1143},"this is done in the HEAD tech.",1457,408422,{"text":1145,"duration":1146,"offset":1147},"Next.",480,409960,{"text":1149,"duration":1150,"offset":1151},"Just like HTML code works hierarchically, so does CSS codes.",3800,410440,{"text":1153,"duration":1154,"offset":1155},"Another way to describe this idea of the hierarchical is",3078,414279,{"text":1157,"duration":1158,"offset":1159},"that there are parent child relationships.",2307,417412,{"text":1161,"duration":1099,"offset":1162},"The head and the body in the HTML are children",419720,{"text":1164,"duration":1165,"offset":1166},"to the HTML root notes, and in this example the",2861,422581,{"text":1168,"duration":1169,"offset":1170},"H2 title and the paragraph are children to the section",3287,425503,{"text":1172,"duration":777,"offset":1173},"tag, and the section tags are children to the main",428851,{"text":1175,"duration":1176,"offset":1177},"tag.",243,431956,{"text":1179,"duration":536,"offset":1180},"And in turn the main tag, the header, the navigation,",432480,{"text":1182,"duration":1183,"offset":1184},"and the footer are children to the body tag.",2263,435257,{"text":1186,"duration":1187,"offset":1188},"Cascading in CSS stands for the fact that CSS makes",3193,437520,{"text":1190,"duration":1191,"offset":1192},"use of this hierarchy such that when a style is",2943,440775,{"text":1194,"duration":1195,"offset":1196},"applied to a parent element, the children of that element",3569,443780,{"text":1198,"duration":1199,"offset":1200},"will have the same style unless a different style is",3255,447412,{"text":1202,"duration":1203,"offset":1204},"specified for any of those child elements.",2629,450730,{"text":1206,"duration":1207,"offset":1208},"All right, so now you have a good idea of",1975,453360,{"text":1210,"duration":1211,"offset":1212},"what CSS code is used for and where you can",2071,455383,{"text":1214,"duration":1215,"offset":1216},"put it.",338,457502,{"text":1218,"duration":1219,"offset":1220},"But what is the actual CSS codes?",2000,458000,{"text":1222,"duration":1223,"offset":1224},"CSS code is made-up out of rules and consists of",3612,460000,{"text":1226,"duration":1227,"offset":1228},"selectors and declarations.",2032,463687,{"text":1230,"duration":1231,"offset":1232},"The selector is the reference to the HTML element you",3292,465720,{"text":1234,"duration":1235,"offset":1236},"want that piece of CSS code to apply to.",2485,469074,{"text":1238,"duration":1239,"offset":1240},"So if you put a parent element in the selector,",2417,471640,{"text":1242,"duration":1239,"offset":1243},"that code will apply to the children of that as",474108,{"text":1245,"duration":1246,"offset":1247},"parents as well.",823,476577,{"text":1249,"duration":1250,"offset":1251},"In HTML, as I mentioned before, there are also classes",3350,477440,{"text":1253,"duration":1254,"offset":1255},"and IDs that you can apply to the elements.",2668,480852,{"text":1257,"duration":1258,"offset":1259},"As you can see here.",920,483520,{"text":1261,"duration":1262,"offset":1263},"These are very useful to refer to in the selectors",3362,484440,{"text":1265,"duration":1266,"offset":1267},"of your CSS codes.",1210,487869,{"text":1269,"duration":1270,"offset":1271},"When you want to select a class to style, you",2693,489080,{"text":1273,"duration":1274,"offset":1275},"need to write a dot and then the class name",2573,491833,{"text":1277,"duration":1278,"offset":1279},"as selector name followed by the declaration.",2694,494466,{"text":1281,"duration":1282,"offset":1283},"If you want to select an ID name, you can",2437,497320,{"text":1285,"duration":1286,"offset":1287},"write a hashtag and then the ID name as selector",2854,499817,{"text":1289,"duration":1290,"offset":1291},"as you can see here.",1189,502730,{"text":1293,"duration":616,"offset":1294},"Next we have the declarations.",504000,{"text":1296,"duration":757,"offset":1297},"The declarations are how the selector is styled.",505560,{"text":1299,"duration":1300,"offset":1301},"Declarations are further subdivided into property and value.",3440,508880,{"text":1303,"duration":1304,"offset":1305},"The property is the aspect of the selector you want",2842,512360,{"text":1307,"duration":1308,"offset":1309},"to style.",501,515258,{"text":1311,"duration":1312,"offset":1313},"For instance the color and the value is the specification",3228,515760,{"text":1315,"duration":1316,"offset":1317},"of what you want the property to be, for instance",2776,519044,{"text":1319,"duration":1320,"offset":1321},"blue.",284,521876,{"text":1323,"duration":1324,"offset":1325},"The CSS file will basically just be a large list",3125,522160,{"text":1327,"duration":1328,"offset":1329},"of selectors with their declarations.",2410,525350,{"text":1331,"duration":1332,"offset":1333},"Some important properties most HTML elements have are the bedding,",4174,527760,{"text":1335,"duration":1336,"offset":1337},"border, and margin.",1201,531998,{"text":1339,"duration":1340,"offset":1341},"These can be used to manipulate the layouts of how",2761,533200,{"text":1343,"duration":1344,"offset":1345},"the websites looks and to space everything out nicely.",2983,536017,{"text":1347,"duration":1348,"offset":1349},"The padding is the space between the actual content of",2638,539040,{"text":1351,"duration":1352,"offset":1353},"the element, for instance the text of a paragraph element",2785,541727,{"text":1355,"duration":1356,"offset":1357},"and the border around the paragraph elements.",2198,544561,{"text":1359,"duration":1360,"offset":1361},"The margin is the space between the border of the",2819,546760,{"text":1363,"duration":1364,"offset":1365},"elements and any other elements on the web page.",2762,549637,{"text":1367,"duration":1368,"offset":1369},"It is good to know the difference between the padding",2656,552520,{"text":1371,"duration":1372,"offset":1373},"and the margin to quickly solve layout problems and to",2707,555226,{"text":1375,"duration":1376,"offset":1377},"be able to ask Chechi PT precisely what you wanted",2506,557983,{"text":1379,"duration":1380,"offset":1381},"to do.",300,560539,{"text":1383,"duration":1384,"offset":1385},"So that is it for the theoretical explanations for now.",2960,560840,{"text":1387,"duration":1388,"offset":1389},"In the next lesson we are going to download and",2557,563800,{"text":1391,"duration":1392,"offset":1393},"set up Visual Studio codes and actually start using Jet",2993,566411,{"text":1395,"duration":1396,"offset":1397},"GPT to write our website for us.",1741,569458,{"text":1399,"duration":683,"offset":1400},"See you in that lesson.",571200,{"summary":1402,"sections":1403,"learningObjectives":1441,"keyConcepts":1450,"videoTags":1456},"This video tutorial covers the basics of HTML and CSS, essential for web design. It explains the structure and hierarchy of HTML, including tags and metadata, and introduces CSS for styling HTML elements. The tutorial also discusses the use of IDEs, specifically Visual Studio Code, for writing and managing code. Key concepts such as inline and block elements, CSS selectors, and declarations are explored, providing a foundational understanding of web development.",[1404,1413,1421,1428,1435],{"title":1405,"start":501,"end":597,"description":1406,"tags":1407},"Introduction to HTML and CSS","Overview of HTML, CSS, and IDEs.",[1408,1409,1410,1411,1412],"HTML","CSS","IDE","Visual Studio Code","web design",{"title":1414,"start":601,"end":750,"description":1415,"tags":1416},"HTML Structure and Tags","Explains HTML hierarchy and tags.",[1408,1417,1418,1419,1420],"tags","structure","web page","hierarchy",{"title":1422,"start":750,"end":1000,"description":1423,"tags":1424},"HTML Hierarchy and Metadata","Details on HTML hierarchy and metadata.",[1408,1420,1425,1426,1427],"metadata","head tag","body tag",{"title":1429,"start":1000,"end":1147,"description":1430,"tags":1431},"Introduction to CSS","Basics of CSS and its application.",[1409,1432,1433,1412,1434],"style","presentation","HTML elements",{"title":1436,"start":1147,"end":1400,"description":1437,"tags":1438},"CSS Selectors and Declarations","CSS rules, selectors, and declarations.",[1409,1439,1440,1432,1412],"selectors","declarations",[1442,1443,1444,1445,1446,1447,1448,1449],"Understand HTML basics","Identify HTML tags","Use CSS for styling","Apply CSS selectors","Recognize HTML hierarchy","Link CSS to HTML","Use Visual Studio Code","Understand metadata",[1451,1452,1453,1454,1455],"HTML structure","CSS styling","Web design hierarchy","IDE usage","HTML and CSS integration",{"keyTags":1457,"pedagogicalTags":1459},[1408,1409,1412,1411,1458],"programming",[1460,1461,1462],"instructional","tutorial","step-by-step","60919f6b27f749001c9a4bd7","2025-02-13T23:43:29.378Z","2025-02-14T19:26:00.259Z","ENABLED","2025-09-14T11:46:47.613Z",{"service":1469,"version":1470},"quizserver","04226c47c84ab162e2852ff417527091386acb06",{"success":5,"data":1472,"time":1511},{"quizzes":1473,"total":1509,"timeTaken":1510,"experiment":72,"source":73},[1474,1481,1485,1489,1493,1497,1501,1505],{"id":1475,"isSuper":10,"type":11,"info":1476,"shouldIndex":10,"stats":1480},"6774b2cf577ceee1162cc66c",{"grade":1477,"name":1478,"slug":1478,"image":1479},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - Exercise 5: Adding Lists","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5b188b88-af53-4af4-8254-74f4be49f3a5-v2",{"totalQuestions":18},{"id":20,"isSuper":10,"type":11,"info":1482,"shouldIndex":10,"stats":1484},{"grade":1483,"name":23,"slug":23,"image":24},[14,14],{"totalQuestions":26},{"id":28,"isSuper":10,"type":11,"info":1486,"shouldIndex":10,"stats":1488},{"grade":1487,"name":31,"slug":31,"image":32},[14,14],{"totalQuestions":18},{"id":35,"isSuper":10,"type":11,"info":1490,"shouldIndex":10,"stats":1492},{"grade":1491,"name":38,"slug":38,"image":39},[14,14],{"totalQuestions":18},{"id":42,"isSuper":10,"type":11,"info":1494,"shouldIndex":10,"stats":1496},{"grade":1495,"name":45,"slug":45,"image":46},[14,14],{"totalQuestions":18},{"id":57,"isSuper":10,"type":11,"info":1498,"shouldIndex":10,"stats":1500},{"grade":1499,"name":60,"slug":60,"image":61},[14,14],{"totalQuestions":18},{"id":64,"isSuper":10,"type":11,"info":1502,"shouldIndex":10,"stats":1504},{"grade":1503,"name":67,"slug":67,"image":68},[14,14],{"totalQuestions":18},{"id":9,"isSuper":10,"type":11,"info":1506,"shouldIndex":10,"stats":1508},{"grade":1507,"name":15,"slug":15,"image":16},[14,14],{"totalQuestions":18},1875,13,"2025-09-14T11:46:47.758188809Z",{"success":5,"data":1513,"time":1650},{"countryBasedRecommendations":1514,"subjectBasedRecommendations":1563,"subjectBasedQualifiers":1619},[1515,1521,1527,1532,1538,1546,1552,1557],{"id":1516,"quizId":1517,"country":90,"lowerGrade":18,"upperGrade":96,"quizRank":124,"subject":1518,"quizImage":1519,"quizName":1520,"quizType":11,"noOfQuestions":96,"noOfSlides":81},"689335b96cc7c0498fa6bf4c","6735a74718bd2423fb21cbcd","Multiple Subjects","https://i3.ytimg.com/vi/MEIXRLcC6RA/default.jpg","Lab Safety Procedures and Guidelines",{"id":1522,"quizId":1523,"country":90,"lowerGrade":175,"upperGrade":175,"quizRank":124,"subject":99,"quizImage":1524,"quizName":1525,"quizType":1526,"noOfQuestions":96,"noOfSlides":81},"689c703a4849ed70bb0db727","5b9add444e356f00198a8c14","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c9683fd9-008c-407f-a71b-3359b23d53ad","Nouns, nouns, nouns","quiz",{"id":1528,"quizId":1529,"country":90,"lowerGrade":18,"upperGrade":26,"quizRank":18,"subject":1530,"quizImage":151,"quizName":1531,"quizType":1526,"noOfQuestions":96,"noOfSlides":81},"68c15a43f7398f49e3878b78","68b7811ef48d5f8909ec9d89","Education","Appointment Passes Review",{"id":1533,"quizId":1534,"country":90,"lowerGrade":124,"upperGrade":124,"quizRank":94,"subject":98,"quizImage":1535,"quizName":1536,"quizType":1526,"noOfQuestions":1537,"noOfSlides":81},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1539,"quizId":1540,"country":90,"lowerGrade":1541,"upperGrade":1541,"quizRank":26,"subject":1542,"quizImage":1543,"quizName":1544,"quizType":1526,"noOfQuestions":1545,"noOfSlides":81},"689335b96cc7c0498fa6bf56","64b5419aacf2e2001d7e1195",14,"Professional Development","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f15a09ae-3c83-4d5e-881d-5f3b6ffdcb84-v2","All about me",11,{"id":1547,"quizId":1548,"country":90,"lowerGrade":18,"upperGrade":18,"quizRank":96,"subject":98,"quizImage":1549,"quizName":1550,"quizType":1526,"noOfQuestions":1551,"noOfSlides":81},"68c15a42f7398f49e3878940","5efd0a3bd81107001b1430c2","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/904870db-7988-4901-a564-99b441db8324","Adding Integers",22,{"id":1553,"quizId":1554,"country":90,"lowerGrade":94,"upperGrade":94,"quizRank":96,"subject":98,"quizImage":1555,"quizName":1556,"quizType":1526,"noOfQuestions":126,"noOfSlides":81},"68b81fc14405f0499b37e8a7","5da88ffcfec3ff001ce68888","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/03023c5b-9aac-4b06-91d5-d9505d184182","Subtracting Integers",{"id":1558,"quizId":1559,"country":90,"lowerGrade":18,"upperGrade":95,"quizRank":1545,"subject":99,"quizImage":1560,"quizName":1561,"quizType":1526,"noOfQuestions":1562,"noOfSlides":81},"68b81fc04405f0499b37e586","600ec0146330ed001e68cad4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/bff81759-2b7a-4ea6-adb6-435dc8d516ae","Grammar Review",20,[1564,1571,1578,1585,1591,1597,1603,1611],{"id":1565,"quizId":1566,"country":90,"lowerGrade":1510,"upperGrade":1510,"quizRank":1567,"subject":1568,"quizImage":1569,"quizName":1570,"quizType":1526,"noOfQuestions":126,"noOfSlides":81},"68c15a43f7398f49e3878f24","62b69e0034b08a001effb9ee",509,"Arts","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/1a9a129b-e0c0-4925-8794-a1dae12b2b1a","Disney Trivia",{"id":1572,"quizId":1573,"country":90,"lowerGrade":18,"upperGrade":1510,"quizRank":1574,"subject":1518,"quizImage":1575,"quizName":1576,"quizType":1526,"noOfQuestions":1577,"noOfSlides":81},"68c15a43f7398f49e3878f3c","568d7657315bcd65324df514",550,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/4eb77362-c4af-49d7-9b3d-eec08da11532","Spanish-Speaking Countries",21,{"id":1579,"quizId":1580,"country":90,"lowerGrade":1581,"upperGrade":1510,"quizRank":1582,"subject":1518,"quizImage":1583,"quizName":1584,"quizType":11,"noOfQuestions":94,"noOfSlides":81},"68c15a43f7398f49e3878f3a","67747118c56d8c2e6a1c3d17",4,594,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f0a2cea5-9f92-4892-8352-692281fa76e5-v2","What Is Narrative Writing?",{"id":1586,"quizId":1587,"country":90,"lowerGrade":1510,"upperGrade":1510,"quizRank":1588,"subject":1589,"quizImage":1590,"quizName":1570,"quizType":1526,"noOfQuestions":1562,"noOfSlides":81},"68c15a43f7398f49e3878f2f","654bb93d3eed7c828d3a746a",627,"History","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/218f49f0-29fb-4c6f-a4ba-0553ca6817d3-v2",{"id":1592,"quizId":1593,"country":90,"lowerGrade":1581,"upperGrade":1510,"quizRank":1594,"subject":1518,"quizImage":1595,"quizName":1596,"quizType":11,"noOfQuestions":94,"noOfSlides":81},"68c15a43f7398f49e3878f39","67760edf53c5d92a02a15a4f",657,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b06558d7-3ca0-4cdf-a86f-239b08485db6-v2","Force and Motion",{"id":1598,"quizId":1599,"country":90,"lowerGrade":1581,"upperGrade":1510,"quizRank":1600,"subject":1518,"quizImage":1601,"quizName":1602,"quizType":11,"noOfQuestions":124,"noOfSlides":81},"68c15a43f7398f49e3878f35","67772604f817847c3c05e8dd",664,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/41ca9ea6-acc1-4ea1-8dba-9fab9ad3a844-v2","Examining Theme",{"id":1604,"quizId":1605,"country":90,"lowerGrade":1510,"upperGrade":1510,"quizRank":1606,"subject":1607,"quizImage":1608,"quizName":1609,"quizType":1526,"noOfQuestions":1610,"noOfSlides":81},"68c15a43f7398f49e3878f29","68befebac86645c9dd3309e2",761,"Computers","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/993df6c2-fc04-4ebd-8cf4-f8263c07d14a","Lab 4: Quizziz Questions",23,{"id":1612,"quizId":1613,"country":90,"lowerGrade":18,"upperGrade":1510,"quizRank":1614,"subject":1615,"quizImage":1616,"quizName":1617,"quizType":1433,"noOfQuestions":1618,"noOfSlides":94},"68c15a43f7398f49e3878f45","632b0a4ac3a358001e949a83",869,"World Languages","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/502316c4-3b68-494e-b7e8-ca047a3f53d3","Los numeros en español.",12,[1620,1623,1626,1629,1632,1635,1638,1641,1644,1647],{"path":1621,"display":1622},"/math/algebra/linear-equations-two-variables/systems-of-linear-equations/solving-pairs-of-linear-equations-in-two-variables/graphically-understanding-the-solution-of-a-pair-of-linear-equations-in-two-variables","Graphically understanding the solution of a pair of linear equations in two variables",{"path":1624,"display":1625},"/science/chemistry/inorganic-chemistry/structure-and-bonding/group-theory-and-symmetry","Group theory and symmetry",{"path":1627,"display":1628},"/ela/writing/writing-types/argumentative","Argumentative",{"path":1630,"display":1631},"/social-studies/american-culture/social-organization","Social Organization",{"path":1633,"display":1634},"/math/functions","Functions",{"path":1636,"display":1637},"/social-studies/research-and-analysis-methods/source-analysis/source-evaluation/primary-sources","Primary Sources",{"path":1639,"display":1640},"/science/earth-and-space-science/oceanography/physical-oceanography","Physical Oceanography",{"path":1642,"display":1643},"/science/physical-science/energy-kinetic-and-potential","Energy (Kinetic and Potential)",{"path":1645,"display":1646},"/ela/reading-comprehension/key-ideas-and-details/literary-text-comprehension/theme","Theme",{"path":1648,"display":1649},"/foreign-language/spanish/literature-survey","Literature survey","2025-09-14T11:46:47.765513405Z",["Reactive",1652],{},["Set"],["ShallowReactive",1655],{"trvETABxpi":82,"LMMnhrPN3q":82,"NacwkiJcJD":82,"iZ1Uy7DfF3":82},"/admin/video-quiz/67ae83a1c0fd75a5db91a312/chatgpt-for-web-design-create-amazing-websites-introduction-to-web-design-html-and-css","none",{"ssr_adp-v2":1659},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"6b3fb8cc-d034-4e6c-a6d3-30b3282a9012",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>