Semantic HTML

Semantic HTML

Assessment

Interactive Video

•

Computers

•

9th - 10th Grade

•

Hard

Created by

Quizizz Content

Used 1+ times

FREE Resource

The video tutorial introduces semantic HTML, explaining how HTML tags should describe the content they enclose. It contrasts semantic tags with older HTML tags that focused on appearance. The tutorial provides a practical example of marking up a document about Connecticut towns using semantic tags like article, section, and figure. It also demonstrates styling these elements with CSS, emphasizing the self-documenting nature of semantic HTML. The video concludes by highlighting common semantic tags and their applications, preparing viewers for the next topic in HTML development.

Read more

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the primary purpose of semantic HTML?

To enhance the speed of web pages

To describe the appearance of content

To describe the content itself

To improve SEO rankings

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which tag is used to represent a strong emphasis in semantic HTML?

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

In the example document, what tag is suggested for the title 'Selected Towns in Connecticut'?

</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->4. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>Which tag is appropriate for marking up a chart or figure in semantic 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-e7141832><!--[--><!--[--><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><graph></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><chart></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><figure></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><table></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->5. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>What is the purpose of the <aside> tag in semantic 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-e7141832><!--[--><!--[--><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To highlight important text</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To mark off navigation links</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To include content not part of the main narrative</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>To define the main content of the document</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->6. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>How does CSS enhance semantic 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-e7141832><!--[--><!--[--><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>By providing default styles to HTML elements</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>By converting HTML to a different format</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>By adding functionality to HTML tags</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>By allowing custom styling of semantic elements</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->7. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>What CSS property is used to add space between the content and its border?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><!--[--><!--[--><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>margin</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>padding</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>border-spacing</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>spacing</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->8. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>Which semantic tag is commonly used to define the main content of a document?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><!--[--><!--[--><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><main></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><body></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><content></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><primary></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->9. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>What is a key benefit of using semantic 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-e7141832><!--[--><!--[--><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>It reduces the file size of HTML documents</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>It makes the document self-documenting</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>It automatically styles the document</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p>It improves the loading speed of web pages</p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-ds-light-500 p-4 rounded-none border-t border-ds-dark-500-20 group hidden" data-v-e7141832><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-ds-dark-500-20 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->10. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="qt-indicator-text"><!--[--><!--[-->MULTIPLE CHOICE QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-ds-dark-200 text-content-small font-medium"><!--[--><!--[-->30 sec • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button aria-label="Preview" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button aria-label="Edit" class="bg-ds-lilac-100 hover:bg-ds-lilac-200 active:bg-ds-lilac-300 py-2 px-3 border-ds-lilac-500-40 border h-6 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-xtn text-ds-lilac-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-ds-lilac-600 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-e7141832><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-content-base font-semibold"><!--[--><!--[--><div><p>Which of the following is NOT a semantic HTML tag?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-e7141832><!--[--><!--[--><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><article></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><figcaption></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><div></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-6 h-6 text-base text-ds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><!----><div class="py-0.5 px-0"><!--[--><!--[--><div class=""><!--[--><!--[--><!----><!--[--><div class="text-content-base font-medium text-wrap" color="dark.primary"><!--[--><!--[--><div><p><aside></p></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><!--[--><div class="w-full h-155 content-blocker" data-v-fde55780><!--[--><!--[--><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" data-v-fde55780><!--[--><!--[--><div class="bg-ds-light-500 rounded-admin-lg shadow-md w-120 h-auto" data-v-fde55780><!--[--><!--[--><div class="flex justify-center items-center flex-row flex-nowrap w-full" data-v-fde55780><!--[--><!--[--><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" data-v-fde55780><!--[--><!--[--><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" data-v-fde55780><!--[--><!--[--><div class="flex p-10 justify-start items-stretch w-full flex-col flex-nowrap"><!--[--><!--[--><section><h1 class="text-lg md:text-xl text-dark-2 font-semibold text-center" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h1><p class="text-sm md:text-base text-dark-4"><span></span></p><div class="flex justify-between mt-2"><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Create resources</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Host any resource</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Get auto-graded reports</span></div></div></section><section class="flex flex-col space-y-3 mt-4 w-full"><!--[--><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Google"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Google-logo"><span class="text-base font-semibold btn-label">Continue with Google</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Email"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Email-logo"><span class="text-base font-semibold btn-label">Continue with Email</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Classlink"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Classlink-logo"><span class="text-base font-semibold btn-label">Continue with Classlink</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Clever"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/clever-logo.png" alt="Clever" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Clever-logo"><span class="text-base font-semibold btn-label">Continue with Clever</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><!--]--></section><span class="mt-4 text-dark-4 text-sm flex justify-center">or continue with</span><section class="flex flex-row justify-center mt-4 gap-4"><!--[--><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:inherit;" data-testid="continue-with-Microsoft"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/img/logos/ms-logo.png"></button><span class="text-dark-2 text-[10px] mt-1">Microsoft</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#222;" data-testid="continue-with-Apple"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/Apple.png"></button><span class="text-dark-2 text-[10px] mt-1">Apple</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#8854C0;" data-testid="continue-with-Others"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/shield-halved.png"></button><span class="text-dark-2 text-[10px] mt-1">Others</span></div><!--]--></section><!--]--><!--]--></div><section class="mt-auto w-full"><!--[--><section class="justify-center text-xs text-center text-dark-5 md:flex px-10 mb-4"><span>By signing up, you agree to our <a href='/tos' style='text-decoration: underline;'>Terms of Service</a> & <a href='/privacy' style='text-decoration: underline;'>Privacy Policy</a></span></section><!--]--><!----><section role="nudge" class="text-dark-2 py-4 flex items-center justify-center space-x-1 text-xs rounded-b-lg bg-light-6"><span class="xs-hidden">Already have an account?</span><button class="bg-lilac-faded rounded px-3 py-1 text-ds-lilac-600 text-xs font-semibold ml-2" type="button" data-testid="login-button-in-signup">Log in</button></section></section><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-transparent border h-8 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-v-fde55780><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><!----><p class="text-ds-dark-200 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Let me read it first<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-info-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div><!--]--><!--]--></div><h2 class="text-header-base font-semibold"><!--[-->Similar Resources on Quizizz<!--]--></h2><button aria-label="View all" class="bg-transparent hover:bg-ds-dark-500-10 active:bg-ds-dark-500-20 py-2 px-3 border-ds-dark-500-20 border h-8 group min-w-20 rounded flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><!----><p class="text-ds-dark-500 none underline-offset-4 select-none text-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->View all<!--]--><!--]--></p><div class="flex justify-center items-center h-4 text-xs text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/video-quiz/6774cee441e9b8e01ebe0d3c/frontend-web-development-bootcamp-build-a-twitter-clone-basic-html-document" data-testid="activity-recommendation-card-6774cee441e9b8e01ebe0d3c" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Frontend Web Development Bootcamp - Build a Twitter Clone - Basic HTML Document" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.5nta2abp83b" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Frontend Web Development Bootcamp - Build a Twitter Clone - Basic HTML Document<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6775c7ad1ac922b0105e5216/modern-html-and-css-from-the-beginning-including-sass-html5-semantic-tags-challenge" data-testid="activity-recommendation-card-6775c7ad1ac922b0105e5216" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern HTML and CSS from the Beginning (Including Sass) - HTML5 Semantic Tags & Challenge" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.pldydb48ygc" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Modern HTML and CSS from the Beginning (Including Sass) - HTML5 Semantic Tags & Challenge<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/677796fb7837fb876a3a74b5/html-css-and-javascript-for-beginners-a-web-design-course-practice-text-formatting" data-testid="activity-recommendation-card-677796fb7837fb876a3a74b5" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML CSS and JavaScript for Beginners - A Web Design Course - Practice Text Formatting" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.bk8adicvw0p" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->HTML CSS and JavaScript for Beginners - A Web Design Course - Practice Text Formatting<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67772807ddf596d552fa996d/the-art-of-doing-web-development-for-beginners-nav-article-and-section" data-testid="activity-recommendation-card-67772807ddf596d552fa996d" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="The Art of Doing - Web Development for Beginners - Nav, Article, and Section" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.6krcfq2eh0p" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->The Art of Doing - Web Development for Beginners - Nav, Article, and Section<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67b778aaa4a74c41949b8ddb/the-art-of-doing-web-development-for-beginners-nav-article-and-section" data-testid="activity-recommendation-card-67b778aaa4a74c41949b8ddb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="The Art of Doing - Web Development for Beginners - Nav, Article, and Section" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.naedvrk2j5" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->The Art of Doing - Web Development for Beginners - Nav, Article, and Section<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67a6adb236c5781765b0dca7/javascript-masterclass-zero-to-job-ready-with-hands-on-projects-html-semantics-ii" data-testid="activity-recommendation-card-67a6adb236c5781765b0dca7" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Semantics II" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.k83wwfcvsnp" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Semantics II<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67ae83a1c0fd75a5db91a312/chatgpt-for-web-design-create-amazing-websites-introduction-to-web-design-html-and-css" data-testid="activity-recommendation-card-67ae83a1c0fd75a5db91a312" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="ChatGPT for Web Design - Create Amazing Websites - Introduction to Web Design: HTML and CSS" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.b80btwvh2at" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->ChatGPT for Web Design - Create Amazing Websites - Introduction to Web Design: HTML and CSS<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/66fd28641574b91926dd51c0/html-concepts-and-structure" data-testid="activity-recommendation-card-66fd28641574b91926dd51c0" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="HTML Concepts and Structure" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.ry3i1nrkvr7" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->HTML Concepts and Structure<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->5th - 8th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-super-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div><!--]--><!--]--></div><h2 class="text-header-base font-semibold"><!--[-->Popular Resources on Quizizz<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/quiz/5fd24190446546001b8943eb/character-analysis" data-testid="activity-popular-resource-card-5fd24190446546001b8943eb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Character Analysis" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 15 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.q4jf1ucp3kq" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Character Analysis<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->4th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/663130398706efb7b94eb2bb/chapter-12-doing-the-right-thing" data-testid="activity-popular-resource-card-663130398706efb7b94eb2bb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 12 - Doing the Right Thing" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 17 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.9emv8o39i0h" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Chapter 12 - Doing the Right Thing<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5ec40dbb5a8f86001b6020fc/american-flag" data-testid="activity-popular-resource-card-5ec40dbb5a8f86001b6020fc" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="American Flag" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.b13ulr18v4" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->American Flag<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->1st - 2nd Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5e94b04b49e5d9001b0b0729/reading-comprehension" data-testid="activity-popular-resource-card-5e94b04b49e5d9001b0b0729" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Reading Comprehension" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.s834zvr4swd" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Reading Comprehension<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->5th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/6470c4b3c1c426001fee1cba/linear-inequalities" data-testid="activity-popular-resource-card-6470c4b3c1c426001fee1cba" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Linear Inequalities" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 30 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.cj77i983tae" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Linear Inequalities<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5a95acd414c10f001bdc5bc1/types-of-credit" data-testid="activity-popular-resource-card-5a95acd414c10f001bdc5bc1" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Types of Credit" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.29hn0mlh1q9" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Types of Credit<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/6846ffd78770c495bf9afa79/full-steam-ahead-summer-academy-pre-test-24-25" data-testid="activity-popular-resource-card-6846ffd78770c495bf9afa79" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 18 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.b1ohpfthg4s" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->5th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/56b0d2db0e6f4514362d45e9/misplaced-and-dangling-modifiers" data-testid="activity-popular-resource-card-56b0d2db0e6f4514362d45e9" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Misplaced and Dangling Modifiers" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 14 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.zg8u91ryl7" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Misplaced and Dangling Modifiers<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->6th - 8th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-ds-light-500 gap-4 p-8 rounded-admin-xl border border-ds-dark-500-20 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-ds-success-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-ds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div><!--]--><!--]--></div><h2 class="text-header-base font-semibold"><!--[-->Discover more resources for Computers<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/quiz/663130398706efb7b94eb2bb/chapter-12-doing-the-right-thing" data-testid="activity-subject-resource-card-663130398706efb7b94eb2bb" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 12 - Doing the Right Thing" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 17 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.4vsna0mkmd6" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Chapter 12 - Doing the Right Thing<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5a95acd414c10f001bdc5bc1/types-of-credit" data-testid="activity-subject-resource-card-5a95acd414c10f001bdc5bc1" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Types of Credit" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.1233fvk030wh" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Types of Credit<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/6470c4b3c1c426001fee1cba/linear-inequalities" data-testid="activity-subject-resource-card-6470c4b3c1c426001fee1cba" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Linear Inequalities" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 30 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.j7c1vnonz09" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Linear Inequalities<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5a837dd4fbcc47001fa5c43c/taxes" data-testid="activity-subject-resource-card-5a837dd4fbcc47001fa5c43c" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Taxes" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.mhx8p8ttmve" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Taxes<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/57d00f6d69a8da8ef799a908/parts-of-speech" data-testid="activity-subject-resource-card-57d00f6d69a8da8ef799a908" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Parts of Speech" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 17 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.vsrx54u6uil" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Parts of Speech<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->7th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/66312df3189017527ed5e19a/chapter-3-making-a-good-impression" data-testid="activity-subject-resource-card-66312df3189017527ed5e19a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Chapter 3 - Making a Good Impression" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.608cjgm8ucx" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Chapter 3 - Making a Good Impression<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/63dc2d96091f71001ebebe7b/inequalities-graphing" data-testid="activity-subject-resource-card-63dc2d96091f71001ebebe7b" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Inequalities Graphing" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.x4gia07scw8" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Inequalities Graphing<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->9th - 12th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5f7f313ed420ff001b53ce86/identifying-equations" data-testid="activity-subject-resource-card-5f7f313ed420ff001b53ce86" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><!--[--><!--[--><div class="flex cursor-pointer bg-ds-light-500 rounded-admin-lg border border-ds-dark-500-20 transition-all hover:border-ds-lilac-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="relative box-border w-full h-full bg-ds-light-400 relative" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Identifying equations" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-bb741a84><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><!--[--><div class="" data-v-bb741a84><!--[--><!--[--><div class="bg-ds-light-500 py-1 px-3 border max-w-max border-ds-dark-500-20 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-ds-dark-500 text-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-ds-dark-500-20 w-60 h-auto" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><!--[--><!--[--><div data-v-bb741a84><!--[--><div aria-describedby="tooltip-0.gyktg08hs1e" class="contents"><!--[--><p class="text-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none"><!--[--><!--[--><!--[-->Identifying equations<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-ds-dark-200 text-content-small font-medium" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-ds-dark-100 text-content-base font-semibold" data-v-bb741a84><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-ds-dark-200 text-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84><!--[--><!--[-->KG - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-98f58bf5><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-98f58bf5><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/functions/specific-functions/advanced-functions/graphing-complex-functions/graphing-symbolic-functions-key-features/graphing-rational-functions-with-zeros-asymptotes" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Graphing Rational Functions with Zeros & Asymptotes<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Graphing Rational Functions with Zeros & Asymptotes-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/social-studies/ancient-civilizations/ancient-civilizations-of-the-west/ancient-greece/classical-athens" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Classical Athens<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Classical Athens-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/career-technical/career-exploration/connect-school-subjects-to-careers" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Connect school subjects to careers<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Connect school subjects to careers-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/number-system/number-concepts/counting-and-cardinality/comparing-numbers/ordering-numbers" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Ordering Numbers<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Ordering Numbers-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/technology/digital-fluency/create-digital-media" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Create digital media<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Create digital media-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/physical-science/motion-and-forces/newtons-laws-of-motion/free-body-diagrams" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Free body diagrams<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Free body diagrams-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/number-system/rational-numbers/properties-of-rational-numbers/properties-of-operations" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Properties of operations<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Properties of operations-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/biology/ecology-and-evolution/ecosystems/ecological-stoichiometry" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Ecological stoichiometry<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Ecological stoichiometry-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/reading/informational-text/authors-craft/perspective" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Perspective<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Perspective-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/environmental-science/sustainable-development/environmental-policy" target="_blank"><div class="flex gap-1 py-1 px-3 border border-ds-dark-500-20 rounded-full bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-ds-dark-200 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-ds-dark-200 select-none text-control-base font-semibold"><!--[--><!--[-->Environmental Policy<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Environmental Policy-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-ds-dark-500-50 border border-ds-light-500-20 rounded-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-98f58bf5><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-98f58bf5><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-ds-light-500 hover:bg-ds-light-300 active:bg-ds-light-200 w-8 h-8 border-ds-dark-500-20 border relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-98f58bf5><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-ds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!----><!----><!--]--><!--]--><!--]--><!--]--><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-0b83c168><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-0b83c168><div class="flex flex-col justify-between w-full" data-v-0b83c168><div class="flex flex-col md:flex-row" data-v-0b83c168><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-0b83c168><!--[--><!--]--></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-0b83c168><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-0b83c168><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-0b83c168><p class="text-sm font-semibold copyright text-dark-4" data-v-0b83c168> © 2025 Quizizz Inc. </p><div class="social-links" data-v-0b83c168><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-0b83c168><i class="social-icon fab fa-twitter" data-v-0b83c168></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-0b83c168><i class="social-icon fab fa-facebook" data-v-0b83c168></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-0b83c168><i class="social-icon fab fa-instagram" data-v-0b83c168></i></a><span class="block w-px h-5 bg-dark-5" data-v-0b83c168></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-0b83c168><span class="text-sm text-dark-3 hover:underline" data-v-0b83c168><span data-v-0b83c168>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-0b83c168><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-0b83c168><span data-v-0b83c168>Get our app</span></label><div class="flex space-x-2" data-v-0b83c168><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-0b83c168><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-0b83c168></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-0b83c168><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-0b83c168></a></div></div></div></div></div></footer></main></div><!----><!--]--><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div><!--]--></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":1598,"once":1600,"_errors":1601,"serverRendered":5,"path":1603,"country":98,"region":1604,"nuxtSsrFeatureFlags":1605},["ShallowReactive",3],{"5Tcs3FY7Ki":4,"8maeNyvcAv":79,"u0n9PmMJl2":1414,"PKSqBoG5sb":1534},{"success":5,"data":6,"time":78},true,{"quizzes":7,"total":74,"timeTaken":75,"experiment":76,"source":77},[8,19,26,34,41,47,54,61],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"6774cee441e9b8e01ebe0d3c",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","Frontend Web Development Bootcamp - Build a Twitter Clone - Basic HTML Document","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/80ec4f8d-d34e-4cc6-9469-3037f74eaa17-v2",{"totalQuestions":18},8,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"6775c7ad1ac922b0105e5216",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - HTML5 Semantic Tags & Challenge","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/bb8184c5-11a7-4cb1-9410-d8225f7b29ba-v2",{"totalQuestions":18},{"id":27,"isSuper":10,"type":11,"info":28,"shouldIndex":10,"stats":32},"677796fb7837fb876a3a74b5",{"grade":29,"name":30,"slug":30,"image":31},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - Practice Text Formatting","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a9502219-f03b-4a0c-9977-ccf0e3a68be3-v2",{"totalQuestions":33},6,{"id":35,"isSuper":10,"type":11,"info":36,"shouldIndex":10,"stats":40},"67772807ddf596d552fa996d",{"grade":37,"name":38,"slug":38,"image":39},[14,14],"The Art of Doing - Web Development for Beginners - Nav, Article, and Section","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/22719f83-436d-493f-bc55-a77b2a587fdd-v2",{"totalQuestions":18},{"id":42,"isSuper":10,"type":11,"info":43,"shouldIndex":10,"stats":46},"67b778aaa4a74c41949b8ddb",{"grade":44,"name":38,"slug":38,"image":45},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1a64f074-6c05-49d0-9f2b-f9e45a6b2602-v2",{"totalQuestions":18},{"id":48,"isSuper":10,"type":11,"info":49,"shouldIndex":10,"stats":53},"67a6adb236c5781765b0dca7",{"grade":50,"name":51,"slug":51,"image":52},[14,14],"JavaScript Masterclass - Zero to Job-Ready with Hands-On Projects - HTML Semantics II","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/90922ee0-e987-4a4b-88d9-2fdb0276cff6-v2",{"totalQuestions":18},{"id":55,"isSuper":10,"type":11,"info":56,"shouldIndex":10,"stats":60},"67ae83a1c0fd75a5db91a312",{"grade":57,"name":58,"slug":58,"image":59},[14,14],"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",{"totalQuestions":18},{"id":62,"isSuper":10,"type":11,"info":63,"shouldIndex":10,"stats":70},"66fd28641574b91926dd51c0",{"grade":64,"name":67,"slug":68,"image":69},[65,66],"5","8","HTML Concepts and Structure","HTML Basics Quiz","https://i3.ytimg.com/vi/it1rTvBcfRg/default.jpg",{"played":71,"totalPlayers":72,"totalCorrect":73,"totalQuestions":71},10,172,988,8882,25,"quizPageRecoPublicSearch","recommended_search","2025-06-21T20:45:58.031418892Z",{"success":5,"message":80,"data":81,"time":1410,"meta":1411},"Ok",{"quiz":82,"draft":89},{"isTagged":10,"isLoved":10,"tagIds":83,"stats":84,"love":88,"cloned":10,"parentDetail":89,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":89,"publishedVersion":90,"isShared":10,"type":11,"_id":91,"createdBy":92,"info":109,"paidOrganization":1406,"createdAt":1407,"updated":1408,"premiumUse":1409,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":89,"lock":89},[],{"played":85,"totalPlayers":86,"totalCorrect":71,"totalQuestions":87},1,11,28,0,null,"67e2a9ed9de0f869ab41aa01","67730d028a3829db8492ccc9",{"_id":93,"firstName":94,"lastName":95,"email":96,"occupation":97,"country":98,"preferences":99,"grades":101,"subject_tags":104,"media":108},"65cf12f6e8a17f8c0da51a59","Quizizz","Content","contentcatalog@quizizz.com","teacher","US",{"lang":100},"en",[33,102,18,103,71],7,9,[105,106,107],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/145bbecb-5aa3-4a13-9f05-393125fb3d1f-v2",{"lang":100,"aiGenerated":10,"qm":110,"visibility":5,"subjects":124,"topics":126,"subtopics":127,"grade":128,"gradeLevel":89,"deleted":10,"pref":131,"traits":132,"standardIds":133,"__v":134,"meta":135,"_id":90,"name":136,"image":137,"questions":138,"questionDrafts":628,"standards":89,"courses":89,"interactiveVideoProps":629,"createdAt":1404,"updated":1405,"isProfane":10,"whitelisted":5,"slug":136},{"67730d0dce50e03aee21b68f":111,"67730d0dce50e03aee21b690":113,"67730d0dce50e03aee21b691":115,"67730d0dce50e03aee21b692":116,"67730d0dce50e03aee21b693":117,"67730d0dce50e03aee21b694":118,"67730d0dce50e03aee21b695":119,"67730d0dce50e03aee21b696":120,"67730d0dce50e03aee21b697":121,"67730d0dce50e03aee21b698":122,"67730d0dce50e03aee21b699":123},{"time":112},900000,{"time":114},30000,{"time":114},{"time":114},{"time":114},{"time":114},{"time":114},{"time":114},{"time":114},{"time":114},{"time":114},[125],"Computers",[],[],[129,130],"9","10",{"time":89},{"isQuizWithoutCorrectAnswer":10,"totalSlides":88,"totalComprehensionQuestions":85,"nonAnswerableQuestions":85},[],3,{"slot":89,"experiment":89},"Semantic HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/16340f78-2ca8-4c7b-8175-1e0675aac90e-v2",[139,197,245,287,331,374,416,459,501,544,586],{"structure":140,"standards":180,"topics":181,"isSuperParent":10,"standardIds":182,"aiGenerated":10,"__v":33,"teleportFrom":89,"cloned":89,"ver":134,"parent":89,"_id":183,"time":112,"published":5,"aiCreateMeta":89,"type":141,"comprehensionQuestionIds":184,"createdAt":195,"updated":196},{"kind":141,"answer":142,"settings":143,"marks":145,"query":146,"options":161,"explain":162,"theme":166,"graphs":175,"hints":176,"order":177,"hasMath":10,"media":178,"elements":179},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":88,"incorrect":88},{"answerTime":147,"math":148,"type":89,"hasMath":10,"media":150,"text":159,"_id":160},-1,{"latex":149,"template":89},[],[151],{"type":152,"meta":153},"video",{"duration":154,"endTime":154,"startTime":88,"videoId":155,"src":156,"thumbnail":157,"filmstrip":158},686,"63c7ae1ebfd63e63fa56fcfa","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_2fu5nllo/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_2fu5nllo/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67730d0dce2f5e15a1d9a742",[],{"math":163,"type":159,"hasMath":10,"media":165,"text":159},{"latex":164,"template":89},[],[],{"titleFontFamily":167,"fontFamily":167,"fontColor":168,"background":170,"shape":172},"Quicksand",{"text":169},"#5D2057",{"color":171,"image":159,"video":159},"#FFFFFF",{"largeShapeColor":173,"smallShapeColor":174},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],"67730d0dce50e03aee21b68f",[185,186,187,188,189,190,191,192,193,194],"67730d0dce50e03aee21b690","67730d0dce50e03aee21b691","67730d0dce50e03aee21b692","67730d0dce50e03aee21b693","67730d0dce50e03aee21b694","67730d0dce50e03aee21b695","67730d0dce50e03aee21b696","67730d0dce50e03aee21b697","67730d0dce50e03aee21b698","67730d0dce50e03aee21b699","2024-12-30T21:13:49.527Z","2025-03-25T13:04:46.002Z",{"structure":198,"standards":239,"topics":240,"isSuperParent":10,"standardIds":241,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":185,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":243,"createdAt":244,"updated":196},{"settings":199,"hasMath":10,"query":200,"options":206,"explain":231,"hints":235,"kind":236,"marks":237,"answer":238},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":202,"answerTime":147,"text":204,"media":205},"text",{"latex":203,"template":89},[],"\u003Cp>What is the primary purpose of semantic HTML?\u003C/p>",[],[207,213,219,225],{"type":201,"hasMath":10,"math":208,"answerTime":88,"id":210,"text":211,"media":212,"_id":210},{"latex":209,"template":89},[],"67730d0c198ab88f83cce63c","\u003Cp>To enhance the speed of web pages\u003C/p>",[],{"type":201,"hasMath":10,"math":214,"answerTime":88,"id":216,"text":217,"media":218,"_id":216},{"latex":215,"template":89},[],"67730d0c198ab81d98cce63d","\u003Cp>To describe the appearance of content\u003C/p>",[],{"type":201,"hasMath":10,"math":220,"answerTime":88,"id":222,"text":223,"media":224,"_id":222},{"latex":221,"template":89},[],"67730d0c198ab8f99ccce63e","\u003Cp>To describe the content itself\u003C/p>",[],{"type":201,"hasMath":10,"math":226,"answerTime":88,"id":228,"text":229,"media":230,"_id":228},{"latex":227,"template":89},[],"67730d0c198ab82aafcce63f","\u003Cp>To improve SEO rankings\u003C/p>",[],{"type":201,"text":159,"media":232,"hasMath":10,"math":233,"answerTime":88},[],{"template":89,"latex":234},[],[],"MCQ",{"correct":85,"incorrect":88},2,[],[],[],5,55,"2024-12-30T21:13:49.544Z",{"structure":246,"standards":284,"topics":285,"isSuperParent":10,"standardIds":286,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":186,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":243,"createdAt":244,"updated":196},{"settings":247,"hasMath":10,"query":248,"options":253,"explain":278,"hints":282,"kind":236,"marks":283,"answer":238},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":249,"answerTime":147,"text":251,"media":252},{"latex":250,"template":89},[],"\u003Cp>Which tag is used to represent a strong emphasis in semantic HTML?\u003C/p>",[],[254,260,266,272],{"type":201,"hasMath":10,"math":255,"answerTime":88,"id":257,"text":258,"media":259,"_id":257},{"latex":256,"template":89},[],"67730d0c198ab8324dcce643","\u003Cp>\u003Cb>\u003C/p>",[],{"type":201,"hasMath":10,"math":261,"answerTime":88,"id":263,"text":264,"media":265,"_id":263},{"latex":262,"template":89},[],"67730d0c198ab8adb8cce644","\u003Cp>\u003Cem>\u003C/p>",[],{"type":201,"hasMath":10,"math":267,"answerTime":88,"id":269,"text":270,"media":271,"_id":269},{"latex":268,"template":89},[],"67730d0c198ab8f630cce645","\u003Cp>\u003Cstrong>\u003C/p>",[],{"type":201,"hasMath":10,"math":273,"answerTime":88,"id":275,"text":276,"media":277,"_id":275},{"latex":274,"template":89},[],"67730d0c198ab80dc5cce646","\u003Cp>\u003Chighlight>\u003C/p>",[],{"type":201,"text":159,"media":279,"hasMath":10,"math":280,"answerTime":88},[],{"template":89,"latex":281},[],[],{"correct":85,"incorrect":88},[],[],[],{"structure":288,"standards":326,"topics":327,"isSuperParent":10,"standardIds":328,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":187,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":329,"createdAt":244,"updated":330},{"settings":289,"hasMath":10,"query":290,"options":295,"explain":320,"hints":324,"kind":236,"marks":325,"answer":85},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":291,"answerTime":147,"text":293,"media":294},{"latex":292,"template":89},[],"\u003Cp>In the example document, what tag is suggested for the title 'Selected Towns in Connecticut'?\u003C/p>",[],[296,302,308,314],{"type":201,"hasMath":10,"math":297,"answerTime":88,"id":299,"text":300,"media":301,"_id":299},{"latex":298,"template":89},[],"67730d0c198ab8794bcce64a","\u003Cp>\u003Ch2>\u003C/p>",[],{"type":201,"hasMath":10,"math":303,"answerTime":88,"id":305,"text":306,"media":307,"_id":305},{"latex":304,"template":89},[],"67730d0c198ab81124cce64b","\u003Cp>\u003Ch1>\u003C/p>",[],{"type":201,"hasMath":10,"math":309,"answerTime":88,"id":311,"text":312,"media":313,"_id":311},{"latex":310,"template":89},[],"67730d0c198ab81b00cce64c","\u003Cp>\u003Cheader>\u003C/p>",[],{"type":201,"hasMath":10,"math":315,"answerTime":88,"id":317,"text":318,"media":319,"_id":317},{"latex":316,"template":89},[],"67730d0c198ab8d5edcce64d","\u003Cp>\u003Ctitle>\u003C/p>",[],{"type":201,"text":159,"media":321,"hasMath":10,"math":322,"answerTime":88},[],{"template":89,"latex":323},[],[],{"correct":85,"incorrect":88},[],[],[],179,"2025-03-25T13:04:46.003Z",{"structure":332,"standards":370,"topics":371,"isSuperParent":10,"standardIds":372,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":188,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":373,"createdAt":244,"updated":330},{"settings":333,"hasMath":10,"query":334,"options":339,"explain":364,"hints":368,"kind":236,"marks":369,"answer":238},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":335,"answerTime":147,"text":337,"media":338},{"latex":336,"template":89},[],"\u003Cp>Which tag is appropriate for marking up a chart or figure in semantic HTML?\u003C/p>",[],[340,346,352,358],{"type":201,"hasMath":10,"math":341,"answerTime":88,"id":343,"text":344,"media":345,"_id":343},{"latex":342,"template":89},[],"67730d0c198ab82f32cce651","\u003Cp>\u003Cgraph>\u003C/p>",[],{"type":201,"hasMath":10,"math":347,"answerTime":88,"id":349,"text":350,"media":351,"_id":349},{"latex":348,"template":89},[],"67730d0c198ab81e48cce652","\u003Cp>\u003Cchart>\u003C/p>",[],{"type":201,"hasMath":10,"math":353,"answerTime":88,"id":355,"text":356,"media":357,"_id":355},{"latex":354,"template":89},[],"67730d0c198ab81e18cce653","\u003Cp>\u003Cfigure>\u003C/p>",[],{"type":201,"hasMath":10,"math":359,"answerTime":88,"id":361,"text":362,"media":363,"_id":361},{"latex":360,"template":89},[],"67730d0c198ab80feacce654","\u003Cp>\u003Ctable>\u003C/p>",[],{"type":201,"text":159,"media":365,"hasMath":10,"math":366,"answerTime":88},[],{"template":89,"latex":367},[],[],{"correct":85,"incorrect":88},[],[],[],274,{"structure":375,"standards":413,"topics":414,"isSuperParent":10,"standardIds":415,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":189,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":373,"createdAt":244,"updated":330},{"settings":376,"hasMath":10,"query":377,"options":382,"explain":407,"hints":411,"kind":236,"marks":412,"answer":238},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":378,"answerTime":147,"text":380,"media":381},{"latex":379,"template":89},[],"\u003Cp>What is the purpose of the \u003Caside> tag in semantic HTML?\u003C/p>",[],[383,389,395,401],{"type":201,"hasMath":10,"math":384,"answerTime":88,"id":386,"text":387,"media":388,"_id":386},{"latex":385,"template":89},[],"67730d0c198ab81461cce658","\u003Cp>To highlight important text\u003C/p>",[],{"type":201,"hasMath":10,"math":390,"answerTime":88,"id":392,"text":393,"media":394,"_id":392},{"latex":391,"template":89},[],"67730d0c198ab80ef3cce659","\u003Cp>To mark off navigation links\u003C/p>",[],{"type":201,"hasMath":10,"math":396,"answerTime":88,"id":398,"text":399,"media":400,"_id":398},{"latex":397,"template":89},[],"67730d0c198ab8df9ccce65a","\u003Cp>To include content not part of the main narrative\u003C/p>",[],{"type":201,"hasMath":10,"math":402,"answerTime":88,"id":404,"text":405,"media":406,"_id":404},{"latex":403,"template":89},[],"67730d0c198ab81cb1cce65b","\u003Cp>To define the main content of the document\u003C/p>",[],{"type":201,"text":159,"media":408,"hasMath":10,"math":409,"answerTime":88},[],{"template":89,"latex":410},[],[],{"correct":85,"incorrect":88},[],[],[],{"structure":417,"standards":455,"topics":456,"isSuperParent":10,"standardIds":457,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":190,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":458,"createdAt":244,"updated":330},{"settings":418,"hasMath":10,"query":419,"options":424,"explain":449,"hints":453,"kind":236,"marks":454,"answer":134},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":420,"answerTime":147,"text":422,"media":423},{"latex":421,"template":89},[],"\u003Cp>How does CSS enhance semantic HTML?\u003C/p>",[],[425,431,437,443],{"type":201,"hasMath":10,"math":426,"answerTime":88,"id":428,"text":429,"media":430,"_id":428},{"latex":427,"template":89},[],"67730d0c198ab8d613cce65f","\u003Cp>By providing default styles to HTML elements\u003C/p>",[],{"type":201,"hasMath":10,"math":432,"answerTime":88,"id":434,"text":435,"media":436,"_id":434},{"latex":433,"template":89},[],"67730d0c198ab87852cce660","\u003Cp>By converting HTML to a different format\u003C/p>",[],{"type":201,"hasMath":10,"math":438,"answerTime":88,"id":440,"text":441,"media":442,"_id":440},{"latex":439,"template":89},[],"67730d0c198ab8474ccce661","\u003Cp>By adding functionality to HTML tags\u003C/p>",[],{"type":201,"hasMath":10,"math":444,"answerTime":88,"id":446,"text":447,"media":448,"_id":446},{"latex":445,"template":89},[],"67730d0c198ab87919cce662","\u003Cp>By allowing custom styling of semantic elements\u003C/p>",[],{"type":201,"text":159,"media":450,"hasMath":10,"math":451,"answerTime":88},[],{"template":89,"latex":452},[],[],{"correct":85,"incorrect":88},[],[],[],504,{"structure":460,"standards":498,"topics":499,"isSuperParent":10,"standardIds":500,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":191,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":458,"createdAt":244,"updated":330},{"settings":461,"hasMath":10,"query":462,"options":467,"explain":492,"hints":496,"kind":236,"marks":497,"answer":85},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":463,"answerTime":147,"text":465,"media":466},{"latex":464,"template":89},[],"\u003Cp>What CSS property is used to add space between the content and its border?\u003C/p>",[],[468,474,480,486],{"type":201,"hasMath":10,"math":469,"answerTime":88,"id":471,"text":472,"media":473,"_id":471},{"latex":470,"template":89},[],"67730d0c198ab82fd0cce666","\u003Cp>margin\u003C/p>",[],{"type":201,"hasMath":10,"math":475,"answerTime":88,"id":477,"text":478,"media":479,"_id":477},{"latex":476,"template":89},[],"67730d0c198ab86fdecce667","\u003Cp>padding\u003C/p>",[],{"type":201,"hasMath":10,"math":481,"answerTime":88,"id":483,"text":484,"media":485,"_id":483},{"latex":482,"template":89},[],"67730d0c198ab8441acce668","\u003Cp>border-spacing\u003C/p>",[],{"type":201,"hasMath":10,"math":487,"answerTime":88,"id":489,"text":490,"media":491,"_id":489},{"latex":488,"template":89},[],"67730d0c198ab86179cce669","\u003Cp>spacing\u003C/p>",[],{"type":201,"text":159,"media":493,"hasMath":10,"math":494,"answerTime":88},[],{"template":89,"latex":495},[],[],{"correct":85,"incorrect":88},[],[],[],{"structure":502,"standards":540,"topics":541,"isSuperParent":10,"standardIds":542,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":192,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":543,"createdAt":244,"updated":330},{"settings":503,"hasMath":10,"query":504,"options":509,"explain":534,"hints":538,"kind":236,"marks":539,"answer":88},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":505,"answerTime":147,"text":507,"media":508},{"latex":506,"template":89},[],"\u003Cp>Which semantic tag is commonly used to define the main content of a document?\u003C/p>",[],[510,516,522,528],{"type":201,"hasMath":10,"math":511,"answerTime":88,"id":513,"text":514,"media":515,"_id":513},{"latex":512,"template":89},[],"67730d0c198ab8a4cbcce66d","\u003Cp>\u003Cmain>\u003C/p>",[],{"type":201,"hasMath":10,"math":517,"answerTime":88,"id":519,"text":520,"media":521,"_id":519},{"latex":518,"template":89},[],"67730d0c198ab85243cce66e","\u003Cp>\u003Cbody>\u003C/p>",[],{"type":201,"hasMath":10,"math":523,"answerTime":88,"id":525,"text":526,"media":527,"_id":525},{"latex":524,"template":89},[],"67730d0c198ab86d9fcce66f","\u003Cp>\u003Ccontent>\u003C/p>",[],{"type":201,"hasMath":10,"math":529,"answerTime":88,"id":531,"text":532,"media":533,"_id":531},{"latex":530,"template":89},[],"67730d0c198ab881b0cce670","\u003Cp>\u003Cprimary>\u003C/p>",[],{"type":201,"text":159,"media":535,"hasMath":10,"math":536,"answerTime":88},[],{"template":89,"latex":537},[],[],{"correct":85,"incorrect":88},[],[],[],675,{"structure":545,"standards":583,"topics":584,"isSuperParent":10,"standardIds":585,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":193,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":543,"createdAt":244,"updated":330},{"settings":546,"hasMath":10,"query":547,"options":552,"explain":577,"hints":581,"kind":236,"marks":582,"answer":85},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":548,"answerTime":147,"text":550,"media":551},{"latex":549,"template":89},[],"\u003Cp>What is a key benefit of using semantic HTML?\u003C/p>",[],[553,559,565,571],{"type":201,"hasMath":10,"math":554,"answerTime":88,"id":556,"text":557,"media":558,"_id":556},{"latex":555,"template":89},[],"67730d0c198ab88403cce674","\u003Cp>It reduces the file size of HTML documents\u003C/p>",[],{"type":201,"hasMath":10,"math":560,"answerTime":88,"id":562,"text":563,"media":564,"_id":562},{"latex":561,"template":89},[],"67730d0c198ab84ee3cce675","\u003Cp>It makes the document self-documenting\u003C/p>",[],{"type":201,"hasMath":10,"math":566,"answerTime":88,"id":568,"text":569,"media":570,"_id":568},{"latex":567,"template":89},[],"67730d0c198ab84ef1cce676","\u003Cp>It automatically styles the document\u003C/p>",[],{"type":201,"hasMath":10,"math":572,"answerTime":88,"id":574,"text":575,"media":576,"_id":574},{"latex":573,"template":89},[],"67730d0c198ab8af97cce677","\u003Cp>It improves the loading speed of web pages\u003C/p>",[],{"type":201,"text":159,"media":578,"hasMath":10,"math":579,"answerTime":88},[],{"template":89,"latex":580},[],[],{"correct":85,"incorrect":88},[],[],[],{"structure":587,"standards":625,"topics":626,"isSuperParent":10,"standardIds":627,"aiGenerated":5,"__v":242,"teleportFrom":89,"cloned":89,"ver":238,"parent":89,"_id":194,"time":114,"published":5,"aiCreateMeta":89,"type":236,"comprehensionQuestionId":183,"comprehensionTimestamp":543,"createdAt":244,"updated":330},{"settings":588,"hasMath":10,"query":589,"options":594,"explain":619,"hints":623,"kind":236,"marks":624,"answer":238},{"hasCorrectAnswer":5,"fibDataType":144,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":201,"hasMath":10,"math":590,"answerTime":147,"text":592,"media":593},{"latex":591,"template":89},[],"\u003Cp>Which of the following is NOT a semantic HTML tag?\u003C/p>",[],[595,601,607,613],{"type":201,"hasMath":10,"math":596,"answerTime":88,"id":598,"text":599,"media":600,"_id":598},{"latex":597,"template":89},[],"67730d0c198ab8b3b4cce67b","\u003Cp>\u003Carticle>\u003C/p>",[],{"type":201,"hasMath":10,"math":602,"answerTime":88,"id":604,"text":605,"media":606,"_id":604},{"latex":603,"template":89},[],"67730d0c198ab89260cce67c","\u003Cp>\u003Cfigcaption>\u003C/p>",[],{"type":201,"hasMath":10,"math":608,"answerTime":88,"id":610,"text":611,"media":612,"_id":610},{"latex":609,"template":89},[],"67730d0c198ab81b3acce67d","\u003Cp>\u003Cdiv>\u003C/p>",[],{"type":201,"hasMath":10,"math":614,"answerTime":88,"id":616,"text":617,"media":618,"_id":616},{"latex":615,"template":89},[],"67730d0c198ab841e9cce67e","\u003Cp>\u003Caside>\u003C/p>",[],{"type":201,"text":159,"media":620,"hasMath":10,"math":621,"answerTime":88},[],{"template":89,"latex":622},[],[],{"correct":85,"incorrect":88},[],[],[],[],{"videoMeta":630,"aiMeta":1344},{"videoProvider":156,"videoId":155,"videoTitle":136,"duration":154,"channelTitle":631,"videoType":632,"videoSubTypes":633,"transcript":635},"SkillSprints","INSTRUCTIONAL",[634],"CHALK_AND_TALK_PRESENTATION",[636,640,644,648,652,656,660,664,668,672,676,680,684,688,692,696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,831,835,839,843,847,851,855,858,862,866,870,874,878,882,886,890,894,898,902,906,910,914,918,922,926,930,934,938,941,945,949,953,957,961,965,969,973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1020,1024,1028,1031,1035,1039,1043,1047,1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107,1111,1115,1119,1123,1127,1131,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178,1182,1186,1190,1193,1197,1201,1205,1208,1212,1216,1220,1223,1227,1231,1235,1239,1243,1247,1251,1255,1259,1263,1267,1271,1275,1278,1282,1286,1290,1294,1298,1302,1305,1309,1312,1316,1320,1324,1328,1332,1336,1340],{"text":637,"duration":638,"offset":639},"the most important advances since HTML was released. Stay with",3351,3112,{"text":641,"duration":642,"offset":643},"us.",163,6517,{"text":645,"duration":646,"offset":647},"In this video, we're going to discuss something called semantic",5345,14700,{"text":649,"duration":650,"offset":651},"HTML. Semantic HTML means that the HTML tags describe the",4837,20130,{"text":653,"duration":654,"offset":655},"content they enclose. So semantic tags include things like article,",5685,25052,{"text":657,"duration":658,"offset":659},"aside, caption. You can envision what each of those tags",4752,30822,{"text":661,"duration":662,"offset":663},"hold now. This was a shift.",2292,35658,{"text":665,"duration":666,"offset":667},"Because originally HTML described what elements might look like. For",4439,38180,{"text":669,"duration":670,"offset":671},"example, there was a bold tag. Not anymore. That's been",3590,42684,{"text":673,"duration":674,"offset":675},"replaced with the strong tag. Semantic tags are more functional",4113,46339,{"text":677,"duration":678,"offset":679},"and you'll get used to using them. Let's introduce the",3525,50517,{"text":681,"duration":682,"offset":683},"concept of semantic tags now in our video.",2741,54108,{"text":685,"duration":686,"offset":687},"I've created this document that doesn't have all of the",3642,58210,{"text":689,"duration":690,"offset":691},"needed markup. If you look in the body, actually there's",3709,61918,{"text":693,"duration":694,"offset":695},"no markup at all. As you can see, this is",2715,65693,{"text":697,"duration":698,"offset":699},"a document that's about the towns in Connecticut. I use",3643,68474,{"text":701,"duration":702,"offset":703},"a little filler text online 11 in Latin, since the",3311,72183,{"text":705,"duration":706,"offset":707},"content really doesn't matter. The rest of it was just",3576,75560,{"text":709,"duration":710,"offset":711},"lifted from Wikipedia.",1456,79203,{"text":713,"duration":714,"offset":715},"So now we need to mark up this content. So",2814,81700,{"text":717,"duration":718,"offset":719},"if our title is selected towns in Connecticut, I might",3618,84581,{"text":721,"duration":722,"offset":723},"give that an 01 for the most important heading on",3283,88266,{"text":725,"duration":726,"offset":727},"the page.",603,91616,{"text":729,"duration":730,"offset":731},"And we'll close that UH-1 right there.",2510,95570,{"text":733,"duration":734,"offset":735},"And then this opening paragraph or intro might be put",3264,99120,{"text":737,"duration":738,"offset":739},"in paragraph tags. That's pretty reasonable, so we'll add the",3757,102445,{"text":741,"duration":742,"offset":743},"paragraph.",615,106264,{"text":745,"duration":746,"offset":747},"Here.",540,107530,{"text":749,"duration":750,"offset":751},"And then we have a couple of different sections here",3585,109520,{"text":753,"duration":754,"offset":755},"where we have the names of towns and a description",3447,113174,{"text":757,"duration":758,"offset":759},"of the town. And I might for example, put the",3103,116690,{"text":761,"duration":762,"offset":763},"town name like Westport, where our offices and studios are.",4067,119862,{"text":765,"duration":766,"offset":767},"In H twos and I might put the description.",2710,125980,{"text":769,"duration":770,"offset":771},"In paragraphs.",1410,129540,{"text":773,"duration":774,"offset":775},"And I could continue on doing this until I've marked",3520,132010,{"text":777,"duration":778,"offset":779},"up the whole document. But if we look at the",2979,135598,{"text":781,"duration":782,"offset":783},"bottom of the documents.",1624,138645,{"text":785,"duration":786,"offset":787},"We have this chart or figure temperature average by month",3985,142360,{"text":789,"duration":790,"offset":791},"in Connecticut. Well, that's not really a paragraph, that's a",4265,146415,{"text":793,"duration":794,"offset":795},"figure.",489,150750,{"text":797,"duration":798,"offset":799},"And it's got information that is kind of in chart",3934,151910,{"text":801,"duration":802,"offset":803},"form O. If we think about that carefully, it's probably",4416,155924,{"text":805,"duration":806,"offset":807},"not a great idea to mark this U with paragraph",3694,160420,{"text":809,"duration":810,"offset":811},"tags and heading tags. It doesn't make sense semantically, and",4978,164194,{"text":813,"duration":814,"offset":815},"that's where semantic HTML comes in. Semantic HTML means the",4818,169252,{"text":817,"duration":818,"offset":819},"tags should document the content inside them. It should be",4657,174150,{"text":821,"duration":822,"offset":823},"obvious to the developer, to the designer.",3372,178887,{"text":825,"duration":826,"offset":827},"The meaning of each element. That's why a number of",4316,182360,{"text":829,"duration":826,"offset":830},"years ago they introduced into HTML a number of new",186760,{"text":832,"duration":833,"offset":834},"tags which are semantic. And if you look at these",4147,191161,{"text":836,"duration":837,"offset":838},"tags, you can pretty much tell exactly what these tags",4570,195393,{"text":840,"duration":841,"offset":842},"are supposed to hold. An article tag would hold an",4232,200047,{"text":844,"duration":845,"offset":846},"article, and a side might hold information that's not part",4909,204363,{"text":848,"duration":849,"offset":850},"of the primary narrative details.",2792,209357,{"text":852,"duration":853,"offset":854},"Whole details? Bet you figured that one out yourself. Figure",3436,212370,{"text":856,"duration":853,"offset":857},"and figcaption are for figures, headers and footers. Are the",215864,{"text":859,"duration":860,"offset":861},"headers and footers in your document visible to the user?",3265,219358,{"text":863,"duration":864,"offset":865},"You might have a main section to mark your primary",2864,222680,{"text":867,"duration":868,"offset":869},"content.",459,225601,{"text":871,"duration":872,"offset":873},"While I'd like to think the mark Tag is named",2915,227500,{"text":875,"duration":876,"offset":877},"after me, it's actually to mark off specific content like",3693,230480,{"text":879,"duration":880,"offset":881},"highlighting it. NAV is for your navigation. You might divide",3952,234238,{"text":883,"duration":884,"offset":885},"your article into sections, your article might have a summary,",4017,238255,{"text":887,"duration":888,"offset":889},"and you might timestamp your article. So again, all of",3499,242337,{"text":891,"duration":892,"offset":893},"these tags that you see here are semantic in nature.",3370,245900,{"text":895,"duration":896,"offset":897},"They are designed to document the content that they're holding.",4811,250110,{"text":899,"duration":900,"offset":901},"They're used, however, the same way as any other tag.",4048,254997,{"text":903,"duration":904,"offset":905},"Let's use a few in our HTML.",2139,259121,{"text":907,"duration":908,"offset":909},"I think article is the most obvious, so I'm going",2801,261970,{"text":911,"duration":912,"offset":913},"to open our article tag on Line 10.",2001,264828,{"text":915,"duration":916,"offset":917},"And we'll close our article tag down at the very",2724,267690,{"text":919,"duration":920,"offset":921},"bottom before we close the body, because that's the end",3122,270470,{"text":923,"duration":924,"offset":925},"of our article.",852,273648,{"text":927,"duration":928,"offset":929},"We could also mark off sections in our article. I",3367,278440,{"text":931,"duration":932,"offset":933},"think the introduction is a section.",2473,281876,{"text":935,"duration":936,"offset":937},"We then have the section with the information about the",3194,286830,{"text":939,"duration":73,"offset":940},"individual towns.",290082,{"text":942,"duration":943,"offset":944},"And that will close down here.",1930,294510,{"text":946,"duration":947,"offset":948},"And then we have this information about Connecticut weather and",4088,300720,{"text":950,"duration":951,"offset":952},"temperature averages. Let's look at our graphic again with the",4024,304873,{"text":954,"duration":955,"offset":956},"names of the semantic tags. O if we look here,",2986,308962,{"text":958,"duration":959,"offset":960},"the weather information is not really part of the primary",3699,312013,{"text":962,"duration":963,"offset":964},"article. It's meant to be an aside. So let's use",3115,315777,{"text":966,"duration":967,"offset":968},"the aside tag. And then for the chart of temperatures,",3505,318957,{"text":970,"duration":971,"offset":972},"let's use the figure tag.",1623,322527,{"text":974,"duration":975,"offset":976},"So the Connecticut weather, this is an aside.",3110,324850,{"text":978,"duration":979,"offset":980},"And that temperature chart is part of this, so we'll",4012,329279,{"text":982,"duration":983,"offset":984},"end the inside there. And then we have our figure",3780,333369,{"text":986,"duration":987,"offset":988},"in our figure caption, so we'll have our figure.",3704,337226,{"text":990,"duration":991,"offset":992},"And that figure closes down after December.",4340,342480,{"text":994,"duration":995,"offset":996},"Pretty cold in December here in Connecticut. And then we",3236,347540,{"text":998,"duration":999,"offset":1000},"have our figcaption.",1155,350834,{"text":1002,"duration":1003,"offset":1004},"And that'll close after month in Connecticut.",3890,356560,{"text":1006,"duration":1007,"offset":1008},"Right there.",650,362930,{"text":1010,"duration":1011,"offset":1012},"So now that I've got my semantic tags in here,",2936,364870,{"text":1014,"duration":1015,"offset":1016},"I still need to do the rest of my markup.",2618,367870,{"text":1018,"duration":1015,"offset":1019},"I'm going to do that and seed U the video",370551,{"text":1021,"duration":1022,"offset":1023},"while I complete it.",1276,373233,{"text":1025,"duration":1026,"offset":1027},"All right, now we have what I believe is all",1981,392830,{"text":1029,"duration":1026,"offset":1030},"the markup we need. Let's take a look at the",394856,{"text":1032,"duration":1033,"offset":1034},"result in our web browser. So we'll save the document",2386,396882,{"text":1036,"duration":1037,"offset":1038},"with all the markup that I've put in.",1667,399313,{"text":1040,"duration":1041,"offset":1042},"And we'll load it using our live server.",2190,402450,{"text":1044,"duration":1045,"offset":1046},"First thing I see that's weird is selected towns in",3352,405390,{"text":1048,"duration":1049,"offset":1050},"Connecticut is kind of small compared to the other H",3419,408808,{"text":1052,"duration":1053,"offset":1054},"ones or headings. Let's take a look.",2367,412293,{"text":1056,"duration":1057,"offset":1058},"I'm going to move it out of the section tag.",3160,415440,{"text":1060,"duration":1061,"offset":1062},"And justice into the article.",2670,420460,{"text":1064,"duration":1065,"offset":1066},"That's better. Things like that happen again due to the",3032,423860,{"text":1068,"duration":1069,"offset":1070},"default C that's being applied. Again, I can make anything",3198,426948,{"text":1072,"duration":1073,"offset":1074},"look any way I want, I just have to alley",2261,430201,{"text":1076,"duration":1077,"offset":1078},"the C and we're going to apply some here in",2371,432517,{"text":1080,"duration":1081,"offset":1082},"a moment.",497,434943,{"text":1084,"duration":1085,"offset":1086},"So there we have our selected towns in Connecticut, we",3991,436380,{"text":1088,"duration":1089,"offset":1090},"have our H2 labels. We have our.",2366,440444,{"text":1092,"duration":1093,"offset":1094},"Aside.",850,443490,{"text":1096,"duration":1097,"offset":1098},"As well as our figure and our figure caption. Now,",3742,445310,{"text":1100,"duration":1101,"offset":1102},"you may be a little disappointed that there wasn't any",4042,449127,{"text":1104,"duration":1105,"offset":1106},"dramatic formatting that happened here, but again, because we now",4865,453244,{"text":1108,"duration":1109,"offset":1110},"have semantic HTML, we know exactly what each element is",4192,458184,{"text":1112,"duration":1113,"offset":1114},"and we can use CSS to format it. For example,",3369,462450,{"text":1116,"duration":1117,"offset":1118},"let's go ahead up here to our head, let's add",3368,465894,{"text":1120,"duration":1121,"offset":1122},"our style tags.",1122,469337,{"text":1124,"duration":1125,"offset":1126},"And you'll remember from a previous video, when we're inside",4254,471440,{"text":1128,"duration":1129,"offset":1130},"the style tag, we're writing CSS code, not HTML. And",3688,475765,{"text":1132,"duration":1129,"offset":1133},"let's go ahead and use our article selector. For our",479523,{"text":1135,"duration":1136,"offset":1137},"article, we want to put a border around it that's",3475,483282,{"text":1139,"duration":1140,"offset":1141},"one pixel solid and black, and then I'm going to",3404,486827,{"text":1143,"duration":1144,"offset":1145},"add some padding of 10 pixels.",2128,490302,{"text":1147,"duration":1148,"offset":1149},"Let's take a look at the result in our browser",2805,493790,{"text":1151,"duration":1152,"offset":1153},"and there you can see we've got the border.",2623,496656,{"text":1155,"duration":1156,"offset":1157},"Around our entire article.",1860,500290,{"text":1159,"duration":1160,"offset":1161},"And we have that padding space between the edge of",3165,503180,{"text":1163,"duration":1164,"offset":1165},"the content and our border. Let's deal with our figure.",3481,506408,{"text":1167,"duration":1168,"offset":1169},"For our figure.",1330,512030,{"text":1171,"duration":1172,"offset":1173},"And you remember this matches the figure tag that we",4129,514510,{"text":1175,"duration":1176,"offset":1177},"used on line 45.",1271,518719,{"text":1179,"duration":1180,"offset":1181},"Let's go ahead and set that in a width that's",3363,522160,{"text":1183,"duration":1184,"offset":1185},"50% of the parent, which is our browser at this",3513,525598,{"text":1187,"duration":1188,"offset":1189},"point. Let's put a border around that that's one pixel",4036,529186,{"text":1191,"duration":1184,"offset":1192},"solid and black, and let's give it a little bit",533297,{"text":1194,"duration":1195,"offset":1196},"of a background color.",1645,536885,{"text":1198,"duration":1199,"offset":1200},"Let's give it a background color of dark Gray.",3310,540280,{"text":1202,"duration":1203,"offset":1204},"Like that.",610,546810,{"text":1206,"duration":1065,"offset":1207},"Alright, let's take a look at the result in our",548679,{"text":1209,"duration":1210,"offset":1211},"browser. I've already saved our document and there you can",3741,551776,{"text":1213,"duration":1214,"offset":1215},"see our figure now is being designed with C.",2838,555581,{"text":1217,"duration":1218,"offset":1219},"Let's add a little more to the C for our",2816,559200,{"text":793,"duration":1221,"offset":1222},493,562087,{"text":1224,"duration":1225,"offset":1226},"We need some padding.",1160,565500,{"text":1228,"duration":1229,"offset":1230},"To pull it away from the edge.",1340,567610,{"text":1232,"duration":1233,"offset":1234},"Let's make it aerial.",1790,570220,{"text":1236,"duration":1237,"offset":1238},"Just like that.",770,572930,{"text":1240,"duration":1241,"offset":1242},"Hey, that's looking a little bit better. Let's deal with",3571,574460,{"text":1244,"duration":1245,"offset":1246},"our caption.",765,578094,{"text":1248,"duration":1249,"offset":1250},"So you'll remember the tag was Fig caption.",3090,579810,{"text":1252,"duration":1253,"offset":1254},"See how easy semantic HTML makes this? And let's make",5152,583610,{"text":1256,"duration":1257,"offset":1258},"the font bold, and let's make the font two times",4667,588859,{"text":1260,"duration":1261,"offset":1262},"normal size.",1166,593623,{"text":1264,"duration":1265,"offset":1266},"Oh, that's way too big. Let's go with.",2570,597640,{"text":1268,"duration":1269,"offset":1270},"120% just a little larger than normal. There we go,",3747,602170,{"text":1272,"duration":1273,"offset":1274},"looking pretty good. So you can see here how I'm",3527,605990,{"text":1276,"duration":1273,"offset":1277},"using these semantic tags now with C in order to",609590,{"text":1279,"duration":1280,"offset":1281},"create a design for my document. But the idea here",3674,613190,{"text":1283,"duration":1284,"offset":1285},"is we very much got a document that's self documenting.",4041,616937,{"text":1287,"duration":1288,"offset":1289},"Now I didn't use all of these, but some of",3085,621052,{"text":1291,"duration":1292,"offset":1293},"the common ones you're going to want to use are",3453,624211,{"text":1295,"duration":1296,"offset":1297},"footer and header because almost every document has one section.",4702,627737,{"text":1299,"duration":1300,"offset":1301},"Summary Article and details. Those are the ones I use",3494,632510,{"text":1303,"duration":1300,"offset":1304},"most commonly, but really, there is no right or wrong",636070,{"text":1306,"duration":1307,"offset":1308},"answer when it comes to our semantic HTML. As long",3296,639630,{"text":1310,"duration":1300,"offset":1311},"as in your mind you're putting article tags around an",642992,{"text":1313,"duration":1314,"offset":1315},"article, you're doing it correctly.",2307,646552,{"text":1317,"duration":1318,"offset":1319},"So now that you understand semantic tags, you have a",3932,649530,{"text":1321,"duration":1322,"offset":1323},"way of marking U your documents that is almost self",3857,653538,{"text":1325,"duration":1326,"offset":1327},"documenting, where the tags really do describe the content they",4765,657470,{"text":1329,"duration":1330,"offset":1331},"enclose. Coming up next, we've got one of the most",3781,662311,{"text":1333,"duration":1334,"offset":1335},"important concepts in HTML, one that caused the web to",4084,666168,{"text":1337,"duration":1338,"offset":1339},"grow explosively when it was introduced in the mid 90s.",4160,670327,{"text":1341,"duration":1342,"offset":1343},"I'll see you there.",1436,674563,{"summary":1345,"sections":1346,"learningObjectives":1383,"keyConcepts":1392,"videoTags":1397},"The video tutorial introduces semantic HTML, explaining how HTML tags should describe the content they enclose. It contrasts semantic tags with older HTML tags that focused on appearance. The tutorial provides a practical example of marking up a document about Connecticut towns using semantic tags like article, section, and figure. It also demonstrates styling these elements with CSS, emphasizing the self-documenting nature of semantic HTML. The video concludes by highlighting common semantic tags and their applications, preparing viewers for the next topic in HTML development.",[1347,1357,1364,1370,1377],{"title":1348,"start":639,"end":683,"description":1349,"tags":1350},"Introduction to Semantic HTML","Introduction to semantic HTML and its importance.",[1351,1352,1353,1354,1355,1356],"HTML","semantic","tags","introduction","content","web development",{"title":1358,"start":687,"end":795,"description":1359,"tags":1360},"Document Markup Example","Example of marking up a document using semantic HTML.",[1361,1362,1363,1351,1352,1353],"markup","example","document",{"title":1365,"start":799,"end":905,"description":1366,"tags":1367},"Semantic Tags Explanation","Explanation of various semantic tags and their uses.",[1352,1353,1351,1368,1369,1355],"explanation","web design",{"title":1371,"start":909,"end":1023,"description":1372,"tags":1373},"Applying CSS to Semantic HTML","Using CSS to style semantic HTML elements.",[1374,1375,1352,1351,1369,1376],"CSS","styling","formatting",{"title":1378,"start":1027,"end":1343,"description":1379,"tags":1380},"Conclusion and Next Steps","Conclusion of semantic HTML and preview of next topic.",[1381,1352,1351,1382,1356],"conclusion","next steps",[1384,1385,1386,1387,1388,1389,1390,1391],"Understand semantic HTML","Use semantic tags","Apply CSS to HTML","Identify semantic elements","Markup documents","Style with CSS","Recognize HTML structure","Enhance web accessibility",[136,1393,1394,1395,1396],"HTML tags","Document markup","CSS styling","Web development",{"keyTags":1398,"pedagogicalTags":1400},[1351,1399,1356,1374,1361,1369],"semantic HTML",[1401,1402,1403],"demonstration","example-based learning","practical application","2025-03-25T13:04:45.984Z","2025-03-25T13:04:46.005Z","60919f6b27f749001c9a4bd7","2024-12-30T21:13:38.325Z","2025-03-25T13:04:46.008Z","ENABLED","2025-06-21T20:45:58.054Z",{"service":1412,"version":1413},"quizserver","4d61edb_rp9pgjtq",{"success":5,"data":1415,"time":1533},{"countryBasedRecommendations":1416,"subjectBasedRecommendations":1470,"subjectBasedQualifiers":1502},[1417,1425,1433,1440,1447,1453,1459,1465],{"id":1418,"quizId":1419,"country":98,"lowerGrade":1420,"upperGrade":1420,"quizRank":18,"subject":106,"quizImage":1421,"quizName":1422,"quizType":1423,"noOfQuestions":1424,"noOfSlides":88},"684961d5a293b51a6177db29","5fd24190446546001b8943eb",4,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/3d95930b-05ba-4eed-8bba-c3d3adab19a1","Character Analysis","quiz",15,{"id":1426,"quizId":1427,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":86,"subject":1429,"quizImage":1430,"quizName":1431,"quizType":1423,"noOfQuestions":1432,"noOfSlides":88},"68529c3a913e8f0e685b96be","663130398706efb7b94eb2bb",12,"Other","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8dfa6da2-0657-4610-ba78-3df4540717f5-v2","Chapter 12 - Doing the Right Thing",17,{"id":1434,"quizId":1435,"country":98,"lowerGrade":85,"upperGrade":238,"quizRank":1436,"subject":1437,"quizImage":1438,"quizName":1439,"quizType":1423,"noOfQuestions":71,"noOfSlides":88},"68529c3a913e8f0e685b9692","5ec40dbb5a8f86001b6020fc",13,"History","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ed7a4843-36db-45b9-b2fe-819f8e54e809","American Flag",{"id":1441,"quizId":1442,"country":98,"lowerGrade":242,"upperGrade":242,"quizRank":1443,"subject":1429,"quizImage":1444,"quizName":1445,"quizType":1423,"noOfQuestions":1446,"noOfSlides":88},"67f75217bd773214f4c08ea2","5e94b04b49e5d9001b0b0729",14,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/a60fb278-3a36-49a1-978b-9308c9b21e4d","Reading Comprehension",20,{"id":1448,"quizId":1449,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":1424,"subject":105,"quizImage":1450,"quizName":1451,"quizType":1423,"noOfQuestions":1452,"noOfSlides":88},"68529c3a913e8f0e685b969d","6470c4b3c1c426001fee1cba","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/781ff440-480b-40dd-8c9e-0fc363726287-v2","Linear Inequalities",30,{"id":1454,"quizId":1455,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":1424,"subject":1456,"quizImage":1457,"quizName":1458,"quizType":1423,"noOfQuestions":1446,"noOfSlides":88},"67f75217bd773214f4c08c5b","5a95acd414c10f001bdc5bc1","Life Skills","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/297e5535-e985-4c5e-82c5-c8021323ba19","Types of Credit",{"id":1460,"quizId":1461,"country":98,"lowerGrade":242,"upperGrade":242,"quizRank":1432,"subject":107,"quizImage":1462,"quizName":1463,"quizType":1423,"noOfQuestions":1464,"noOfSlides":88},"68529c3a913e8f0e685b96c5","6846ffd78770c495bf9afa79","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7b880939-bf58-4731-99eb-7b0e4ca4db49-v2","Full S.T.E.A.M. Ahead Summer Academy Pre-Test 24-25",18,{"id":1466,"quizId":1467,"country":98,"lowerGrade":33,"upperGrade":18,"quizRank":1432,"subject":106,"quizImage":1468,"quizName":1469,"quizType":1423,"noOfQuestions":1443,"noOfSlides":88},"684961d5a293b51a6177db41","56b0d2db0e6f4514362d45e9","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/ef1a7f9d-3630-4b56-a583-2976b6997a2a","Misplaced and Dangling Modifiers",[1471,1472,1473,1474,1479,1485,1491,1496],{"id":1426,"quizId":1427,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":86,"subject":1429,"quizImage":1430,"quizName":1431,"quizType":1423,"noOfQuestions":1432,"noOfSlides":88},{"id":1454,"quizId":1455,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":1424,"subject":1456,"quizImage":1457,"quizName":1458,"quizType":1423,"noOfQuestions":1446,"noOfSlides":88},{"id":1448,"quizId":1449,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":1424,"subject":105,"quizImage":1450,"quizName":1451,"quizType":1423,"noOfQuestions":1452,"noOfSlides":88},{"id":1475,"quizId":1476,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":1464,"subject":1456,"quizImage":1477,"quizName":1478,"quizType":1423,"noOfQuestions":1446,"noOfSlides":88},"67f75217bd773214f4c08c64","5a837dd4fbcc47001fa5c43c","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/eaab2e10-f9fe-4d20-b8c7-278f4ea52a28","Taxes",{"id":1480,"quizId":1481,"country":98,"lowerGrade":102,"upperGrade":1428,"quizRank":1482,"subject":106,"quizImage":1483,"quizName":1484,"quizType":1423,"noOfQuestions":1432,"noOfSlides":88},"68529c3a913e8f0e685b968c","57d00f6d69a8da8ef799a908",21,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/9da1d606-989d-4ec0-8acf-6b74e224bdc8","Parts of Speech",{"id":1486,"quizId":1487,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":1488,"subject":1456,"quizImage":1489,"quizName":1490,"quizType":1423,"noOfQuestions":1446,"noOfSlides":88},"684961d5a293b51a6177db54","66312df3189017527ed5e19a",22,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/4f042937-b41c-469f-95ad-e1ccf7dc07fd","Chapter 3 - Making a Good Impression",{"id":1492,"quizId":1493,"country":98,"lowerGrade":103,"upperGrade":1428,"quizRank":75,"subject":105,"quizImage":1494,"quizName":1495,"quizType":1423,"noOfQuestions":1446,"noOfSlides":88},"68529c3a913e8f0e685b96b1","63dc2d96091f71001ebebe7b","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/d10eba35-5463-48d9-be61-c1f5c7986d5a","Inequalities Graphing",{"id":1497,"quizId":1498,"country":98,"lowerGrade":88,"upperGrade":1436,"quizRank":1499,"subject":105,"quizImage":1500,"quizName":1501,"quizType":1423,"noOfQuestions":71,"noOfSlides":88},"684961d5a293b51a6177db9d","5f7f313ed420ff001b53ce86",26,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/990cc664-b458-4135-afa0-c385c7d3fad6","Identifying equations",[1503,1506,1509,1512,1515,1518,1521,1524,1527,1530],{"path":1504,"display":1505},"/math/functions/specific-functions/advanced-functions/graphing-complex-functions/graphing-symbolic-functions-key-features/graphing-rational-functions-with-zeros-asymptotes","Graphing Rational Functions with Zeros & Asymptotes",{"path":1507,"display":1508},"/social-studies/ancient-civilizations/ancient-civilizations-of-the-west/ancient-greece/classical-athens","Classical Athens",{"path":1510,"display":1511},"/career-technical/career-exploration/connect-school-subjects-to-careers","Connect school subjects to careers",{"path":1513,"display":1514},"/math/number-system/number-concepts/counting-and-cardinality/comparing-numbers/ordering-numbers","Ordering Numbers",{"path":1516,"display":1517},"/technology/digital-fluency/create-digital-media","Create digital media",{"path":1519,"display":1520},"/science/physical-science/motion-and-forces/newtons-laws-of-motion/free-body-diagrams","Free body diagrams",{"path":1522,"display":1523},"/math/number-system/rational-numbers/properties-of-rational-numbers/properties-of-operations","Properties of operations",{"path":1525,"display":1526},"/science/biology/ecology-and-evolution/ecosystems/ecological-stoichiometry","Ecological stoichiometry",{"path":1528,"display":1529},"/ela/reading/informational-text/authors-craft/perspective","Perspective",{"path":1531,"display":1532},"/science/environmental-science/sustainable-development/environmental-policy","Environmental Policy","2025-06-21T20:45:58.216975297Z",{"success":5,"data":1535,"time":1597},{"quizzes":1536,"total":1595,"timeTaken":1596,"experiment":76,"source":77},[1537,1544,1551,1558,1567,1574,1581,1588],{"id":1538,"isSuper":10,"type":11,"info":1539,"shouldIndex":10,"stats":1543},"67ae2684f0927aea35b88baa",{"grade":1540,"name":1541,"slug":1541,"image":1542},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - Section Intro - HTML Basics","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/c6ec45f0-08b6-41b3-ace1-c6c49df183f4-v2",{"totalQuestions":33},{"id":1545,"isSuper":10,"type":11,"info":1546,"shouldIndex":10,"stats":1550},"6775645c9d9825c5bd2d1c17",{"grade":1547,"name":1548,"slug":1548,"image":1549},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up HTML for Webpage","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fb756a1b-2fee-4d1f-8d75-abd099868544-v2",{"totalQuestions":33},{"id":1552,"isSuper":10,"type":11,"info":1553,"shouldIndex":10,"stats":1557},"67b21f1e61eb0e9d0c79f70c",{"grade":1554,"name":1555,"slug":1555,"image":1556},[14,14],"HTML Tutorial for Beginners(2022) - Internal CSS in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a75b7531-d719-4090-8c5c-cf6653713b0f-v2",{"totalQuestions":33},{"id":1559,"isSuper":10,"type":11,"info":1560,"shouldIndex":10,"stats":1566},"6774364a760bf007b36b8d7a",{"grade":1561,"name":1564,"slug":1564,"image":1565},[1562,1563],"6","7","Modern Web Design with HTML5, CSS3, and JavaScript - Setting up a Page for a Website","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/724aff8a-4799-4c77-86ae-0eabc940ef11-v2",{"totalQuestions":33},{"id":1568,"isSuper":10,"type":11,"info":1569,"shouldIndex":10,"stats":1573},"67b71f3605ba42854076a842",{"grade":1570,"name":1571,"slug":1571,"image":1572},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Setting up the HTML Code","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/6a48f288-0f40-4739-8757-fbb1c8bdbfcd-v2",{"totalQuestions":33},{"id":1575,"isSuper":10,"type":11,"info":1576,"shouldIndex":10,"stats":1580},"6775735e924de51a502f072a",{"grade":1577,"name":1578,"slug":1578,"image":1579},[14,14],"Practical CSS3 Mastery Course - HTML Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/de505162-4e7a-46a6-9c25-d6e202158a67-v2",{"totalQuestions":18},{"id":1582,"isSuper":10,"type":11,"info":1583,"shouldIndex":10,"stats":1587},"67b75b87064a937c14d184ca",{"grade":1584,"name":1585,"slug":1585,"image":1586},[14,14],"The Art of Doing - Web Development for Beginners - Final Project Part 1","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/faf7c45d-146d-49bb-abed-7fda3e2c3d65-v2",{"totalQuestions":86},{"id":1589,"isSuper":10,"type":11,"info":1590,"shouldIndex":10,"stats":1594},"67ae7ef9795594e49d6799a0",{"grade":1591,"name":1592,"slug":1592,"image":1593},[14,14],"The Art of Doing - Web Development for Beginners - Final Project Part 2","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f7999917-6cc1-4439-a7bd-93964f097b76-v2",{"totalQuestions":86},5078,27,"2025-06-21T20:45:58.21520674Z",["Reactive",1599],{},["Set"],["ShallowReactive",1602],{"5Tcs3FY7Ki":89,"PKSqBoG5sb":89,"8maeNyvcAv":89,"u0n9PmMJl2":89},"/admin/video-quiz/67730d028a3829db8492ccc9/semantic-html","none",{"ssr_adp-v2":1606},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",endpoints:{quizUrl:"https://services-internal-quiz.quizizz.com/_quizserver/adminv3ssr/v2/quiz",apiUrl:"https://quizizz.com/_api/rpc",autoCompleteUrl:"https://quizizz.com/_autocomserver/main",publicQuizUrl:"https://quizizz.com/_quizserver/main/v2/quiz",recommendationUrl:"https://search-internal.quizizz.com/_sserverv2/main/common/quizPageRecV3",joinUrl:"https://quizizz.com/join",quizPreviewUrl:"https://quizizz.com/signup/qdp",mlprocessorUrl:"https://quizizz.com/_mlprocessor/main",baseUrl:"https://quizizz.com",boclipsUrl:"https://quizizz.com/_quizserver/main/v2/boclips/video",categoryPagesUrl:"https://quizizz.com/_scserver/main/public/v1/category-pages",cdnBasePath:"https://cf.quizizz.com",searchServiceUrl:"https://quizizz.com/_sserverv2/main",schoolServiceUrl:"https://services-internal.quizizz.com/_scserver/main"},enablePseudoLocale:false,apiBase:"/nuxtssr/worker",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:true},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"f6e44a25-97cd-46d3-911a-0525a181b891",buildAssetsDir:"_nuxtssr/main",cdnURL:"https://cf.quizizz.com"}}</script></body></html>