Introduction To Website Development Technologies - Write Your First HTML Page - Text and Links

Introduction To Website Development Technologies - Write Your First HTML Page - Text and Links

Assessment

Interactive Video

•

Information Technology (IT), Architecture

•

University

•

Hard

Created by

Wayground Content

FREE Resource

The video tutorial covers the basics of setting up an HTML project in Visual Studio Code, creating an index.html file, and understanding the basic structure of an HTML document. It explains how to add content using various HTML tags, create hyperlinks with anchor tags, and link multiple pages together. The tutorial emphasizes the importance of following HTML guidelines and using Visual Studio Code features to aid in development.

Read more

10 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the first file that should be created in an HTML project?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

Why is it important to use lowercase for file names in HTML?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

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

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

What tags are required to structure a basic HTML document?

Evaluate responses using AI:

OFF

5.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the significance of the tag in an HTML document?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" showanswers="false" data-v-51e82f2a><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->6. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->OPEN ENDED QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->3 mins • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>What is the function of the <p> tag in HTML?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" showanswers="false" data-v-51e82f2a><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->7. <!--]--><!--]--></p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><!--[--><!--[--><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"><!--[--><!--]--></div><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->OPEN ENDED QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->3 mins • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>Explain the difference between header tags <h1> to <h6> in HTML.</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" showanswers="false" data-v-51e82f2a><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->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-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->OPEN ENDED QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->3 mins • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>How can you create a hyperlink in HTML?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" showanswers="false" data-v-51e82f2a><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->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-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->OPEN ENDED QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->3 mins • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>What is the purpose of attributes in HTML tags?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" showanswers="false" data-v-51e82f2a><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></div><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><!--[--><div class="flex justify-between items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><!--[--><!--[--><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->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-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text"><!--[--><!--[-->OPEN ENDED QUESTION<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->3 mins • 1 pt<!--]--><!--]--></p><!--]--><!--]--></div><div class="hidden group-hover:block w-auto h-auto"><!--[--><!--[--><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Preview<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--[--><div class=""><!--[--><!--[--><!--[--><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><!----><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->Edit<!--]--><!--]--></p><!----><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--><!--]--></div><!----><!--]--><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-51e82f2a><!--[--><!--[--><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><!--[--><!--[--><!----><div class="text-w-content-base font-semibold"><!--[--><!--[--><div><p>How do you link multiple HTML pages together?</p></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!--]--><!--]--></div><div class="flex gap-1 pt-2 pr-0 pb-0 pl-0 justify-start items-center flex-row flex-nowrap" showanswers="false" data-v-51e82f2a><!--[--><!--[--><p class="text-wds-dark-200 text-w-content-small font-normal"><!--[--><!--[-->Evaluate responses using AI: <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold"><!--[--><!--[-->OFF<!--]--><!--]--></p><!--]--><!--]--></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-wds-light-500 rounded-w-admin-lg shadow-w-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-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-transparent rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer 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-wds-dark-500 none underline-offset-4 select-none text-w-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-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Similar Resources on Wayground<!--]--></h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-200 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><!----><div class="visible"><!--[--><!--[--><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><!----><!----><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text"><!--[--><!--[-->View all<!--]--><!--]--></p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div><!----><!--]--><!--]--></div><!--]--><!--]--></div></button><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/video-quiz/67ae46c4b2aa5deaf5133ccf/modern-web-design-with-html5-css3-and-javascript-tools-and-resources" data-testid="activity-recommendation-card-67ae46c4b2aa5deaf5133ccf" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Tools and Resources" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.nivk6pka68" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Modern Web Design with HTML5, CSS3, and JavaScript - Tools and Resources<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67b7a6240dc39ee8af41aa99/modern-web-design-with-html5-css3-and-javascript-creating-an-html-template" data-testid="activity-recommendation-card-67b7a6240dc39ee8af41aa99" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - Creating an HTML Template" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.20b61ud20zw" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Modern Web Design with HTML5, CSS3, and JavaScript - Creating an HTML Template<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67ae46c2b45f8f61257b9410/modern-web-design-with-html5-css3-and-javascript-what-are-html-elements" data-testid="activity-recommendation-card-67ae46c2b45f8f61257b9410" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.khrhurjebdn" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6775735e924de51a502f072a/practical-css3-mastery-course-html-structure" data-testid="activity-recommendation-card-6775735e924de51a502f072a" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Practical CSS3 Mastery Course - HTML Structure" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.4fj8p2kv4bf" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Practical CSS3 Mastery Course - HTML Structure<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67743bdc1bd9ed49e0814a02/learning-d3js-50-41-the-setup" data-testid="activity-recommendation-card-67743bdc1bd9ed49e0814a02" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Learning D3.JS 5.0 4.1: The Setup" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.i3m3ozfg2r9" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Learning D3.JS 5.0 4.1: The Setup<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6776c3bc493f07fb900d0fa5/the-complete-vuejs-course-for-beginners-html-binding" data-testid="activity-recommendation-card-6776c3bc493f07fb900d0fa5" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="The Complete Vue.js Course for Beginners - HTML Binding" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 6 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.ifk2k9hvkd" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->The Complete Vue.js Course for Beginners - HTML Binding<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6772f229a62f0f241b1b4d96/the-art-of-doing-web-development-for-beginners-headings-and-paragraphs" data-testid="activity-recommendation-card-6772f229a62f0f241b1b4d96" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="The Art of Doing - Web Development for Beginners - Headings and Paragraphs" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 11 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.1h0n3sk8m1f" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->The Art of Doing - Web Development for Beginners - Headings and Paragraphs<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/6773f997ac7f8e78aff7679b/modern-html-and-css-from-the-beginning-including-sass-doctype-basic-layout" data-testid="activity-recommendation-card-6773f997ac7f8e78aff7679b" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 8 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.z4m4m038r8" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Popular Resources on Wayground<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/video-quiz/6735a74718bd2423fb21cbcd/lab-safety-procedures-and-guidelines" data-testid="activity-popular-resource-card-6735a74718bd2423fb21cbcd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab Safety Procedures and Guidelines" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.w004btypz3h" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Lab Safety Procedures and Guidelines<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th - 10th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5b9add444e356f00198a8c14/nouns-nouns-nouns" data-testid="activity-popular-resource-card-5b9add444e356f00198a8c14" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Nouns, nouns, nouns" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.0dl52w4rmhzm" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Nouns, nouns, nouns<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->3rd Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/68b7811ef48d5f8909ec9d89/appointment-passes-review" data-testid="activity-popular-resource-card-68b7811ef48d5f8909ec9d89" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Appointment Passes Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 10 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.qo730ov56t" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Appointment Passes Review<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th - 8th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Multiplication Facts" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 25 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.d0n9eswcyij" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Multiplication Facts<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->5th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/64b5419aacf2e2001d7e1195/all-about-me" data-testid="activity-popular-resource-card-64b5419aacf2e2001d7e1195" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="All about me" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 11 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.zb5ybhbxyqf" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->All about me<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->Professional Development<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5efd0a3bd81107001b1430c2/adding-integers" data-testid="activity-popular-resource-card-5efd0a3bd81107001b1430c2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Adding Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 22 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.imvens7pblk" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Adding Integers<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/5da88ffcfec3ff001ce68888/subtracting-integers" data-testid="activity-popular-resource-card-5da88ffcfec3ff001ce68888" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Subtracting Integers" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 15 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.30y7c6iclif" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Subtracting Integers<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->7th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/600ec0146330ed001e68cad4/grammar-review" data-testid="activity-popular-resource-card-600ec0146330ed001e68cad4" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Grammar Review" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.wgtyeppts6" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Grammar Review<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th - 9th Grade<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier"><!--[--><!--[--><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-100 justify-center items-center flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div><!--]--><!--]--></div><h2 class="text-w-header-base font-semibold"><!--[-->Discover more resources for Information Technology (IT)<!--]--></h2><!----><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><a href="/admin/quiz/62b69e0034b08a001effb9ee/disney-trivia" data-testid="activity-subject-resource-card-62b69e0034b08a001effb9ee" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 15 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.tszkucfv5u" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Disney Trivia<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/568d7657315bcd65324df514/spanish-speaking-countries" data-testid="activity-subject-resource-card-568d7657315bcd65324df514" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Spanish-Speaking Countries" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 21 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.ispwinnbazc" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Spanish-Speaking Countries<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67747118c56d8c2e6a1c3d17/what-is-narrative-writing" data-testid="activity-subject-resource-card-67747118c56d8c2e6a1c3d17" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="What Is Narrative Writing?" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.cx155s95pco" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->What Is Narrative Writing?<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/654bb93d3eed7c828d3a746a/disney-trivia" data-testid="activity-subject-resource-card-654bb93d3eed7c828d3a746a" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Disney Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 20 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.df25sx95dtj" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Disney Trivia<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67760edf53c5d92a02a15a4f/force-and-motion" data-testid="activity-subject-resource-card-67760edf53c5d92a02a15a4f" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Force and Motion" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 7 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.m4y6ue59ic" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Force and Motion<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/video-quiz/67772604f817847c3c05e8dd/examining-theme" data-testid="activity-subject-resource-card-67772604f817847c3c05e8dd" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Examining Theme" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 5 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.ai22xaalorj" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Examining Theme<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/video-quiz_solid_circle.png" alt="interactive video" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Interactive video<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->4th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/quiz/68befebac86645c9dd3309e2/lab-4-quizziz-questions" data-testid="activity-subject-resource-card-68befebac86645c9dd3309e2" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Lab 4: Quizziz Questions" class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 23 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.emvuifpjwwq" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Lab 4: Quizziz Questions<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Quiz<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><a href="/admin/presentation/632b0a4ac3a358001e949a83/los-numeros-en-espanol" data-testid="activity-subject-resource-card-632b0a4ac3a358001e949a83" data-v-1d12f0eb><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-1d12f0eb><!--[--><!--[--><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-1d12f0eb><!--[--><!--[--><!----><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Los numeros en español." class="w-full h-full object-cover" data-testid="undefined-image-loading"><!----><!--]--><!--]--></div><div class="top-2 left-2 absolute" data-v-1d12f0eb><!--[--><!--]--></div><div class="bottom-2 left-2 absolute" data-v-1d12f0eb><!--[--><div class="" data-v-1d12f0eb><!--[--><!--[--><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><!--[--><!--[--><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><!--[--><!--[--><span class="flex items-center gap-1"><!----><!----> 12 questions</span><!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div data-v-1d12f0eb><!--[--><div aria-describedby="tooltip-0.n65y87pdo9q" class="contents"><!--[--><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top"><!--[--><!--[--><!--[-->Los numeros en español.<!--]--><!--]--><!--]--></p><!--]--></div><!----><!--]--></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-1d12f0eb><!--[--><!--[--><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><!--[--><!--[--><!----><!--[--><img src="https://cf.quizizz.com/image/icons/presentation_solid_circle.png" alt="lesson" class="w-full h-full" data-testid="activity-type-image"><!----><!--]--><!----><!--]--><!--]--></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text"><!--[--><!--[-->Lesson<!--]--><!--]--></p><!--]--><!--]--></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-1d12f0eb><!--[--><!--[--> • <!--]--><!--]--></p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-1d12f0eb><!--[--><!--[-->6th Grade - University<!--]--><!--]--></p><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><!--[--><!--[--><div class="h-full relative" data-v-17c94643 data-v-4c33f125><!--[--><!--[--><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><!--[--><!--[--><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><!--[--><!--[--><!--[--><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/seasonal/winter/kwanzaa" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-0"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Kwanzaa<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Kwanzaa-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/language/vocabulary/word-structure/categories/sort-objects-into-categories" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-1"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Sort objects into categories<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Sort objects into categories-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/algebra/polynomials/polynomial-applications/understanding-and-applying-the-binomial-theorem/determining-the-coefficients-of-the-binomial-expansion-by-pascals-triangle" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-2"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Determining the coefficients of the binomial expansion by Pascal’s Triangle<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Determining the coefficients of the binomial expansion by Pascal’s Triangle-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/social-studies/history/historical-events-and-holidays/historic-expeditions/other-significant-explorations-in-american-history" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-3"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Other significant explorations in American history<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Other significant explorations in American history-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/science/earth-and-space-science/geoscience/natural-hazards/volcanic-eruption-prediction" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-4"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Volcanic eruption prediction<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Volcanic eruption prediction-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/algebra/equations/other-non-linear-equations/solving-radical-equations" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-5"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Solving radical equations<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Solving radical equations-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/reading/literature/authors-craft/point-of-view/evaluate-unreliable-narrators" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-6"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Evaluate unreliable narrators<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Evaluate unreliable narrators-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/reading/key-ideas-and-details" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-7"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Key Ideas and Details<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Key Ideas and Details-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/ela/critical-thinking/synthesis/creating-new-ideas" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-8"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Creating New Ideas<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Creating New Ideas-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><div class="flex-shrink-0"><!--[--><!--[--><a href="/library/math/algebra/algebraic-expressions/rational-expressions/operations-on-rational-algebraic-expressions/knowing-that-rational-algebraic-expressions-are-closed-under-the-operations-of-addition-subtraction-multiplication-and-division" target="_blank"><div class="flex gap-1 py-1 px-3 border border-wds-light-200 rounded-full bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 active:border-wds-light-100 cursor-pointer justify-center items-center flex-row flex-nowrap group focus-within:ring-offset-2 focus-within:ring-4 focus-within:ring-ds-lilac-500-40" data-testid="category-page-qualifier-chip-9"><!--[--><!--[--><div class="flex justify-center items-center h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-search"></i></div><span class="text-wds-dark-500 select-none text-w-control-base font-semibold"><!--[--><!--[-->Knowing that rational algebraic expressions are closed under the operations of addition, subtraction, multiplication and division<!--]--><!--]--></span><div class="sr-only"><!--[--><input type="checkbox" aria-labelledby="Knowing that rational algebraic expressions are closed under the operations of addition, subtraction, multiplication and division-label"><!--]--></div><!--]--><!--]--></div></a><!--]--><!--]--></div><!--]--><!--]--><!--]--></div><!--]--><!--]--></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><!--[--><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643><!--[--><!--]--></div><!--]--></div><!----><!--]--><!--]--></div><!----><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><!--[--><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><!--[--><!--[--><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><!----><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><!--[--><!--[--><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div><!--]--><!--]--></div><!----></button><!--]--><!--]--></div><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!--]--><!--]--></div><!----><!----><!----><!----><!--]--><!--]--><!--]--><!--]--><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-32684c53><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-32684c53><div class="flex flex-col justify-between w-full" data-v-32684c53><div class="flex flex-col md:flex-row" data-v-32684c53><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-32684c53><!--[--><!--]--></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-32684c53><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-32684c53><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-32684c53><p class="text-sm font-semibold copyright text-dark-4" data-v-32684c53> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-32684c53><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-32684c53><i class="social-icon fab fa-twitter" data-v-32684c53></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-32684c53><i class="social-icon fab fa-facebook" data-v-32684c53></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-32684c53><i class="social-icon fab fa-instagram" data-v-32684c53></i></a><span class="block w-px h-5 bg-dark-5" data-v-32684c53></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-32684c53><span class="text-sm text-dark-3 hover:underline" data-v-32684c53><span data-v-32684c53>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-32684c53><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-32684c53><span data-v-32684c53>Get our app</span></label><div class="flex space-x-2" data-v-32684c53><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-32684c53></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-32684c53></a></div></div></div></div></div></footer></main></div><!----><!--]--><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div><!--]--></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":1818,"once":1820,"_errors":1821,"serverRendered":5,"path":1823,"country":90,"region":1824,"nuxtSsrFeatureFlags":1825},["ShallowReactive",3],{"Ezf1tTUqsN":4,"FwP9n7xKYU":75,"Bmg4e0oUJK":1617,"AMtWTpgVtZ":1758},{"success":5,"data":6,"time":74},true,{"quizzes":7,"total":70,"timeTaken":71,"experiment":72,"source":73},[8,19,26,33,40,48,55,63],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67ae46c4b2aa5deaf5133ccf",false,"video-quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","Modern Web Design with HTML5, CSS3, and JavaScript - Tools and Resources","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/06dfa403-1011-4dc7-8813-13d3af6a6970-v2",{"totalQuestions":18},8,{"id":20,"isSuper":10,"type":11,"info":21,"shouldIndex":10,"stats":25},"67b7a6240dc39ee8af41aa99",{"grade":22,"name":23,"slug":23,"image":24},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Creating an HTML Template","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ac6ca129-47d4-40c4-82e5-a92256ac3ecf-v2",{"totalQuestions":18},{"id":27,"isSuper":10,"type":11,"info":28,"shouldIndex":10,"stats":32},"67ae46c2b45f8f61257b9410",{"grade":29,"name":30,"slug":30,"image":31},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - What are HTML Elements?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a6ecda92-20d1-4e08-98db-ccdc8e8a345f-v2",{"totalQuestions":18},{"id":34,"isSuper":10,"type":11,"info":35,"shouldIndex":10,"stats":39},"6775735e924de51a502f072a",{"grade":36,"name":37,"slug":37,"image":38},[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":41,"isSuper":10,"type":11,"info":42,"shouldIndex":10,"stats":46},"67743bdc1bd9ed49e0814a02",{"grade":43,"name":44,"slug":44,"image":45},[14,14],"Learning D3.JS 5.0 4.1: The Setup","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ac616eed-54b7-4b2e-9844-7499b63354a0-v2",{"totalQuestions":47},6,{"id":49,"isSuper":10,"type":11,"info":50,"shouldIndex":10,"stats":54},"6776c3bc493f07fb900d0fa5",{"grade":51,"name":52,"slug":52,"image":53},[14,14],"The Complete Vue.js Course for Beginners - HTML Binding","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/fb53983e-b769-4f41-bbda-d2d696117cfc-v2",{"totalQuestions":47},{"id":56,"isSuper":10,"type":11,"info":57,"shouldIndex":10,"stats":61},"6772f229a62f0f241b1b4d96",{"grade":58,"name":59,"slug":59,"image":60},[14,14],"The Art of Doing - Web Development for Beginners - Headings and Paragraphs","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/4788c8ac-3c21-40b6-9ccb-18f3c056b6b3-v2",{"totalQuestions":62},11,{"id":64,"isSuper":10,"type":11,"info":65,"shouldIndex":10,"stats":69},"6773f997ac7f8e78aff7679b",{"grade":66,"name":67,"slug":67,"image":68},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - Doctype & Basic Layout","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a13828e0-f696-47a7-9f2d-2fcef03cb328-v2",{"totalQuestions":18},11529,32,"quizPageRecoPublicSearch","recommended_search","2025-09-15T15:27:54.200939581Z",{"success":5,"message":76,"data":77,"time":1613,"meta":1614},"Ok",{"quiz":78,"draft":82},{"isTagged":10,"isLoved":10,"tagIds":79,"stats":80,"love":81,"cloned":10,"parentDetail":82,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":82,"publishedVersion":83,"isShared":10,"type":11,"_id":84,"createdBy":85,"info":102,"paidOrganization":1608,"variantOf":1609,"variantConfig":82,"createdAt":1610,"updated":1611,"premiumUse":1612,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":82,"lock":82},[],{"played":81,"totalPlayers":81,"totalCorrect":81,"totalQuestions":81},0,null,"67b74bf86a1aa2578360a4c9","67b74bf86a1aa2578360a4c8",{"_id":86,"firstName":87,"lastName":88,"occupation":89,"country":90,"preferences":91,"grades":93,"subject_tags":97,"media":101},"65cf12f6e8a17f8c0da51a59","Wayground","Content","teacher","US",{"lang":92},"en",[47,94,18,95,96],7,9,10,[98,99,100],"Mathematics","English","Science","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/users/769a0bdf-3976-4a39-8f73-f4a2a4b2c767-v2",{"lang":92,"aiGenerated":10,"qm":103,"visibility":5,"subjects":117,"topics":120,"subtopics":121,"grade":122,"gradeLevel":82,"deleted":10,"pref":123,"traits":124,"standardIds":126,"__v":127,"meta":128,"_id":83,"name":130,"image":131,"aiCreateMeta":82,"questions":132,"questionDrafts":396,"standards":82,"courses":82,"interactiveVideoProps":397,"createdAt":1606,"updated":1607,"isProfane":10,"whitelisted":5,"slug":130},{"67b74bf85a5883e4ea3f0e06":104,"67b74c18cf6becf8c094de2f":106,"67b74c18cf6becf8c094de30":108,"67b74c18cf6becf8c094de31":109,"67b74c18cf6becf8c094de32":110,"67b74c18cf6becf8c094de33":111,"67b74c18cf6becf8c094de34":112,"67b74c18cf6becf8c094de35":113,"67b74c18cf6becf8c094de36":114,"67b74c18cf6becf8c094de37":115,"67b74c18cf6becf8c094de38":116},{"time":105},900000,{"time":107},180000,{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},{"time":107},[118,119],"Information Technology (IT)","Architecture",[],[],[14,14],{"time":82},{"isQuizWithoutCorrectAnswer":5,"totalSlides":81,"totalComprehensionQuestions":125,"nonAnswerableQuestions":125},1,[],4,{"slot":127,"experiment":129},"main_main","Introduction To Website Development Technologies - Write Your First HTML Page - Text and Links","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ac2b21e6-1c7b-4a2d-bb68-f2bd80ca9d0e-v2",[133,192,216,236,256,276,296,316,336,356,376],{"structure":134,"standards":174,"topics":175,"isSuperParent":10,"standardIds":176,"aiGenerated":10,"__v":62,"teleportFrom":82,"cloned":10,"ver":177,"parent":82,"_id":178,"time":105,"published":5,"aiCreateMeta":82,"type":135,"comprehensionQuestionIds":179,"createdAt":190,"updated":191},{"kind":135,"answer":136,"settings":137,"marks":139,"query":140,"options":155,"explain":156,"theme":160,"graphs":169,"hints":170,"order":171,"hasMath":10,"media":172,"elements":173},"COMPREHENSION_VIDEO",[],{"hasCorrectAnswer":10,"fibDataType":138,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"correct":81,"incorrect":81},{"answerTime":141,"math":142,"type":82,"hasMath":10,"media":144,"text":153,"_id":154},-1,{"latex":143,"template":82},[],[145],{"type":146,"meta":147},"video",{"duration":148,"endTime":148,"startTime":81,"videoId":149,"src":150,"thumbnail":151,"filmstrip":152},950,"63dfec9ee65c53243de2de8e","boclips","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_txhfeqq4/width/{thumbnailWidth}/vid_slices/3/vid_slice/1","https://cdnapisec.kaltura.com/p/1776261/thumbnail/entry_id/1_txhfeqq4/width/{thumbnailWidth}/vid_slices/{thumbnailCount}","","67b74bf8afd760b401202b40",[],{"math":157,"type":153,"hasMath":10,"media":159,"text":153},{"latex":158,"template":82},[],[],{"titleFontFamily":161,"fontFamily":161,"fontColor":162,"background":164,"shape":166},"Quicksand",{"text":163},"#5D2057",{"color":165,"image":153,"video":153},"#FFFFFF",{"largeShapeColor":167,"smallShapeColor":168},"#F2F2F2","#9A4292",[],[],"asc",[],[],[],[],[],3,"67b74bf85a5883e4ea3f0e06",[180,181,182,183,184,185,186,187,188,189],"67b74c18cf6becf8c094de2f","67b74c18cf6becf8c094de30","67b74c18cf6becf8c094de31","67b74c18cf6becf8c094de32","67b74c18cf6becf8c094de33","67b74c18cf6becf8c094de34","67b74c18cf6becf8c094de35","67b74c18cf6becf8c094de36","67b74c18cf6becf8c094de37","67b74c18cf6becf8c094de38","2025-02-20T15:36:24.470Z","2025-02-20T15:36:56.639Z",{"structure":193,"standards":209,"topics":210,"isSuperParent":10,"standardIds":211,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":180,"time":107,"published":5,"aiCreateMeta":212,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":214,"createdAt":215,"updated":191},{"settings":194,"hasMath":10,"query":195,"options":201,"explain":202,"hints":206,"kind":207,"marks":208},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":197,"answerTime":141,"text":199,"media":200},"text",{"latex":198,"template":82},[],"\u003Cp>What is the first file that should be created in an HTML project?\u003C/p>",[],[],{"type":196,"text":153,"media":203,"hasMath":10,"math":204,"answerTime":81},[],{"template":82,"latex":205},[],[],"OPEN",{"correct":125,"incorrect":81},[],[],[],{"source":213},"transcript",113,"2025-02-20T15:36:56.064Z",{"structure":217,"standards":231,"topics":232,"isSuperParent":10,"standardIds":233,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":181,"time":107,"published":5,"aiCreateMeta":234,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":235,"createdAt":215,"updated":191},{"settings":218,"hasMath":10,"query":219,"options":224,"explain":225,"hints":229,"kind":207,"marks":230},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":220,"answerTime":141,"text":222,"media":223},{"latex":221,"template":82},[],"\u003Cp>Why is it important to use lowercase for file names in HTML?\u003C/p>",[],[],{"type":196,"text":153,"media":226,"hasMath":10,"math":227,"answerTime":81},[],{"template":82,"latex":228},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},120,{"structure":237,"standards":251,"topics":252,"isSuperParent":10,"standardIds":253,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":182,"time":107,"published":5,"aiCreateMeta":254,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":255,"createdAt":215,"updated":191},{"settings":238,"hasMath":10,"query":239,"options":244,"explain":245,"hints":249,"kind":207,"marks":250},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":240,"answerTime":141,"text":242,"media":243},{"latex":241,"template":82},[],"\u003Cp>What is the purpose of the DOCTYPE declaration in an HTML document?\u003C/p>",[],[],{"type":196,"text":153,"media":246,"hasMath":10,"math":247,"answerTime":81},[],{"template":82,"latex":248},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},232,{"structure":257,"standards":271,"topics":272,"isSuperParent":10,"standardIds":273,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":183,"time":107,"published":5,"aiCreateMeta":274,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":275,"createdAt":215,"updated":191},{"settings":258,"hasMath":10,"query":259,"options":264,"explain":265,"hints":269,"kind":207,"marks":270},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":260,"answerTime":141,"text":262,"media":263},{"latex":261,"template":82},[],"\u003Cp>What tags are required to structure a basic HTML document?\u003C/p>",[],[],{"type":196,"text":153,"media":266,"hasMath":10,"math":267,"answerTime":81},[],{"template":82,"latex":268},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},302,{"structure":277,"standards":291,"topics":292,"isSuperParent":10,"standardIds":293,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":184,"time":107,"published":5,"aiCreateMeta":294,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":295,"createdAt":215,"updated":191},{"settings":278,"hasMath":10,"query":279,"options":284,"explain":285,"hints":289,"kind":207,"marks":290},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":280,"answerTime":141,"text":282,"media":283},{"latex":281,"template":82},[],"\u003Cp>What is the significance of the \u003Ctitle> tag in an HTML document?\u003C/p>",[],[],{"type":196,"text":153,"media":286,"hasMath":10,"math":287,"answerTime":81},[],{"template":82,"latex":288},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},363,{"structure":297,"standards":311,"topics":312,"isSuperParent":10,"standardIds":313,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":186,"time":107,"published":5,"aiCreateMeta":314,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":315,"createdAt":215,"updated":191},{"settings":298,"hasMath":10,"query":299,"options":304,"explain":305,"hints":309,"kind":207,"marks":310},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":300,"answerTime":141,"text":302,"media":303},{"latex":301,"template":82},[],"\u003Cp>What is the function of the \u003Cp> tag in HTML?\u003C/p>",[],[],{"type":196,"text":153,"media":306,"hasMath":10,"math":307,"answerTime":81},[],{"template":82,"latex":308},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},477,{"structure":317,"standards":331,"topics":332,"isSuperParent":10,"standardIds":333,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":187,"time":107,"published":5,"aiCreateMeta":334,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":335,"createdAt":215,"updated":191},{"settings":318,"hasMath":10,"query":319,"options":324,"explain":325,"hints":329,"kind":207,"marks":330},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":320,"answerTime":141,"text":322,"media":323},{"latex":321,"template":82},[],"\u003Cp>Explain the difference between header tags \u003Ch1> to \u003Ch6> in HTML.\u003C/p>",[],[],{"type":196,"text":153,"media":326,"hasMath":10,"math":327,"answerTime":81},[],{"template":82,"latex":328},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},524,{"structure":337,"standards":351,"topics":352,"isSuperParent":10,"standardIds":353,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":185,"time":107,"published":5,"aiCreateMeta":354,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":355,"createdAt":215,"updated":191},{"settings":338,"hasMath":10,"query":339,"options":344,"explain":345,"hints":349,"kind":207,"marks":350},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":340,"answerTime":141,"text":342,"media":343},{"latex":341,"template":82},[],"\u003Cp>How can you create a hyperlink in HTML?\u003C/p>",[],[],{"type":196,"text":153,"media":346,"hasMath":10,"math":347,"answerTime":81},[],{"template":82,"latex":348},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},663,{"structure":357,"standards":371,"topics":372,"isSuperParent":10,"standardIds":373,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":188,"time":107,"published":5,"aiCreateMeta":374,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":375,"createdAt":215,"updated":191},{"settings":358,"hasMath":10,"query":359,"options":364,"explain":365,"hints":369,"kind":207,"marks":370},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":360,"answerTime":141,"text":362,"media":363},{"latex":361,"template":82},[],"\u003Cp>What is the purpose of attributes in HTML tags?\u003C/p>",[],[],{"type":196,"text":153,"media":366,"hasMath":10,"math":367,"answerTime":81},[],{"template":82,"latex":368},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},711,{"structure":377,"standards":391,"topics":392,"isSuperParent":10,"standardIds":393,"aiGenerated":5,"__v":125,"teleportFrom":82,"cloned":82,"ver":127,"parent":82,"_id":189,"time":107,"published":5,"aiCreateMeta":394,"type":207,"comprehensionQuestionId":178,"comprehensionTimestamp":395,"createdAt":215,"updated":191},{"settings":378,"hasMath":10,"query":379,"options":384,"explain":385,"hints":389,"kind":207,"marks":390},{"hasCorrectAnswer":10,"fibDataType":138,"doesOptionHaveMultipleTargets":10,"canSubmitCustomResponse":10},{"type":196,"hasMath":10,"math":380,"answerTime":141,"text":382,"media":383},{"latex":381,"template":82},[],"\u003Cp>How do you link multiple HTML pages together?\u003C/p>",[],[],{"type":196,"text":153,"media":386,"hasMath":10,"math":387,"answerTime":81},[],{"template":82,"latex":388},[],[],{"correct":125,"incorrect":81},[],[],[],{"source":213},842,[],{"videoMeta":398,"aiMeta":1538},{"videoProvider":150,"videoId":149,"videoTitle":130,"duration":148,"channelTitle":399,"videoType":400,"videoSubTypes":401,"transcript":403},"Packt - Web Development","INSTRUCTIONAL",[402],"CHALK_AND_TALK_PRESENTATION",[404,408,412,416,420,424,428,432,436,440,444,448,452,456,460,464,468,472,476,480,484,488,492,496,500,504,508,512,516,520,524,528,531,535,539,543,547,551,555,559,563,567,570,574,578,582,586,590,594,598,602,606,610,614,618,622,625,629,633,637,641,644,648,652,655,659,663,667,671,675,678,682,685,689,693,697,701,705,709,713,717,721,725,729,733,737,741,745,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840,844,848,852,856,859,863,867,871,875,879,883,887,891,895,899,903,907,911,915,918,922,926,930,934,938,942,946,950,954,958,961,964,968,971,975,979,983,987,991,995,998,1002,1006,1010,1014,1018,1021,1025,1029,1033,1037,1041,1045,1049,1053,1057,1060,1064,1068,1072,1076,1080,1084,1087,1091,1095,1099,1103,1106,1109,1112,1116,1120,1124,1128,1132,1136,1140,1144,1148,1152,1156,1160,1164,1168,1172,1176,1180,1184,1188,1191,1194,1198,1202,1206,1210,1214,1218,1222,1226,1230,1234,1238,1242,1246,1250,1254,1258,1262,1266,1270,1274,1278,1282,1286,1290,1294,1298,1302,1305,1309,1313,1317,1321,1325,1329,1333,1337,1341,1345,1349,1353,1357,1361,1365,1368,1372,1376,1380,1384,1388,1392,1396,1399,1403,1406,1410,1414,1418,1422,1426,1430,1434,1437,1441,1445,1449,1452,1455,1459,1462,1465,1469,1473,1477,1481,1485,1489,1493,1497,1501,1505,1509,1512,1516,1519,1523,1527,1530,1534],{"text":405,"duration":406,"offset":407},"to get started with our HTML document authoring. Now remember",4006,4039,{"text":409,"duration":410,"offset":411},"I said that anytime we are about to do a",2627,8111,{"text":413,"duration":414,"offset":415},"project or web project or any kind of project, really",3481,10803,{"text":417,"duration":418,"offset":419},"always one, create a folder or at least earmark somewhere",3744,14350,{"text":421,"duration":422,"offset":423},"that this project and all the assets related to this",3415,18159,{"text":425,"duration":426,"offset":427},"project will be stored. So what we're going to do",3218,21640,{"text":429,"duration":430,"offset":431},"is in Visual Studio code, we're going to open a",3087,24924,{"text":433,"duration":434,"offset":435},"folder, right? You don't have the.",2234,28076,{"text":437,"duration":438,"offset":439},"Learned it. That's fine. What I tend to do is",2763,30400,{"text":441,"duration":442,"offset":443},"browse to the location where I know my projects will",3193,33225,{"text":445,"duration":446,"offset":447},"be stored, then create a folder. So I'm just going",3071,36480,{"text":449,"duration":450,"offset":451},"to go ahead right click, say new folder and this",2948,39612,{"text":453,"duration":454,"offset":455},"would be HTML. I'm going to call it HTML basics.",2949,42621,{"text":457,"duration":458,"offset":459},"Then after creating the folder, I go in and then",3136,46210,{"text":461,"duration":462,"offset":463},"I select that folder. Now what Visual Studio will do",3398,49411,{"text":465,"duration":466,"offset":467},"is, and I'm getting this, it's asking about trusting and",3660,52874,{"text":469,"duration":470,"offset":471},"that's fine. I trust the authors of all the files.",3267,56599,{"text":473,"duration":474,"offset":475},"All right, I have to be honest, I've never gotten",3202,59931,{"text":477,"duration":478,"offset":479},"that warning before, so that's good. Alright, So what Visual",3921,63198,{"text":481,"duration":482,"offset":483},"Studio code will do is now set the solution to",3006,67184,{"text":485,"duration":486,"offset":487},"default to that folder. So in this solution explorer, the",3725,70255,{"text":489,"duration":490,"offset":491},"explorer, rather what you're going to see.",2744,74045,{"text":493,"duration":494,"offset":495},"Is the name of the folder at the top, and",2583,76860,{"text":497,"duration":498,"offset":499},"when you hover in that area you get the options",2961,79506,{"text":501,"duration":502,"offset":503},"to add a new file, a new folder, refresh or",2709,82530,{"text":505,"duration":506,"offset":507},"collapse.",568,85302,{"text":509,"duration":510,"offset":511},"So what we want to do is add a new",2730,86550,{"text":513,"duration":514,"offset":515},"file. Now, rule of thumb, every time you're about to",4176,89360,{"text":517,"duration":518,"offset":519},"build a website, a web project, a group of web",3694,93617,{"text":521,"duration":522,"offset":523},"pages, whatever, however you want to classify it, in virtually",4979,97391,{"text":525,"duration":526,"offset":527},"every single language and or framework, your first page must",4819,102450,{"text":529,"duration":526,"offset":530},"be called index. The extension may differ, but because we're",107349,{"text":532,"duration":533,"offset":534},"doing HTML, it will be index dot HTML.",3051,112248,{"text":536,"duration":537,"offset":538},"It is best to leave it as a lowercase and",2967,116610,{"text":540,"duration":541,"offset":542},"everything in lowercase because cross-platform. Some platforms prefer to see",5501,119650,{"text":544,"duration":545,"offset":546},"lowercase, some don't care, but everybody will be satisfied if",4488,125223,{"text":548,"duration":549,"offset":550},"it's lower case. So lowercase I or lowercase word index",3981,129784,{"text":552,"duration":553,"offset":554},"dot HTML that should always be your first file.",3403,133837,{"text":556,"duration":557,"offset":558},"So now that we have that file created, let's look",3253,138750,{"text":560,"duration":561,"offset":562},"at what goes into this file. So an HTML file",2922,142069,{"text":564,"duration":565,"offset":566},"is a document, right? Like we said, this is what",3187,145057,{"text":568,"duration":565,"offset":569},"is displayed to the user. So whatever you put in",148310,{"text":571,"duration":572,"offset":573},"this file is what really gets displayed to the user.",3452,151564,{"text":575,"duration":576,"offset":577},"However, there are certain rules around how you put content",3918,155082,{"text":579,"duration":580,"offset":581},"in. So at the very basic level, if I said",2722,159066,{"text":583,"duration":584,"offset":585},"Hello World, nothing too fancy, doesn't look very complicated, right?",4581,161855,{"text":587,"duration":588,"offset":589},"And then I can preview this using.",2257,166502,{"text":591,"duration":592,"offset":593},"Live server. So just right click on the file and",2802,168850,{"text":595,"duration":596,"offset":597},"then say open with live server.",1810,171710,{"text":599,"duration":600,"offset":601},"Then your browser will launch and you will see Hello",3669,174830,{"text":603,"duration":604,"offset":605},"World. And the cool thing about live server is that",3599,178570,{"text":607,"duration":608,"offset":609},"if I put these two side by side and I",2611,182240,{"text":611,"duration":612,"offset":613},"type anything I type to the left will automatically get",3882,184921,{"text":615,"duration":616,"offset":617},"updated to the right. Right it takes it takes a",3317,188873,{"text":619,"duration":620,"offset":621},"little while and if it doesn't update at the same",3458,192261,{"text":623,"duration":620,"offset":624},"time then you can always just hit refresh, but it",195790,{"text":626,"duration":627,"offset":628},"will always keep track of whatever you change here now",3811,199318,{"text":630,"duration":631,"offset":632},"if you notice it.",1200,203200,{"text":634,"duration":635,"offset":636},"Seeing live reload is not possible without a body or",3338,204480,{"text":638,"duration":639,"offset":640},"head tag, so that's why I keep on having to",2761,207882,{"text":642,"duration":635,"offset":643},"hit refresh. So every time I type nothing happens. I",210707,{"text":645,"duration":646,"offset":647},"have to hit refresh manually then it warns me so",3082,214109,{"text":649,"duration":650,"offset":651},"that is it telling me that my document needs some",3146,217255,{"text":653,"duration":646,"offset":654},"work. My document is not meeting the rules of an",220465,{"text":656,"duration":657,"offset":658},"HTML document.",899,223611,{"text":660,"duration":661,"offset":662},"So HTML has some strict guidelines as to how the",3088,225150,{"text":664,"duration":665,"offset":666},"content should be laid out. Number one, we should have",3475,228302,{"text":668,"duration":669,"offset":670},"this tag called the duct tape. Now the DOCTYPE basically",3603,231842,{"text":672,"duration":673,"offset":674},"declares to the browser that hey, I am an HTML",2960,235509,{"text":676,"duration":669,"offset":677},"document and it is especially useful for the latest type",238534,{"text":679,"duration":680,"offset":681},"of documents which we HTML5 documents so that most modern",3668,242201,{"text":683,"duration":673,"offset":684},"browsers will know, OK, I can put in the HTML5",245934,{"text":686,"duration":687,"offset":688},"rendering and know exactly how to treat whatever goes into",3732,248958,{"text":690,"duration":691,"offset":692},"this document outside of that we need.",2446,252754,{"text":694,"duration":695,"offset":696},"Another tag that says HTML. Now notice the anatomy of",4300,255300,{"text":698,"duration":699,"offset":700},"these tags. You have an",3895,259681,{"text":702,"duration":703,"offset":704},"A",3246,263657,{"text":706,"duration":707,"offset":708},"and then you have the greater than 10 or the",3570,266984,{"text":710,"duration":711,"offset":712},"the right facing angle bracket to close it so it's",4057,270636,{"text":714,"duration":715,"offset":716},"open.",406,274774,{"text":718,"duration":719,"offset":720},"Notice also that",4790,276130,{"text":722,"duration":723,"offset":724},"when I type HTML I had one up top and",3854,281024,{"text":726,"duration":727,"offset":728},"then another one came up with a slash.",3958,284982,{"text":730,"duration":731,"offset":732},"So literally you're opening the tag and then you're closing",4342,289839,{"text":734,"duration":735,"offset":736},"the tag. In between the tag you put the content",3459,294254,{"text":738,"duration":739,"offset":740},"O. The only content that ever goes directly inside of",3900,297786,{"text":742,"duration":743,"offset":744},"the HTML tag is another tag called head. So we",3384,301760,{"text":746,"duration":545,"offset":747},"opened the angle bracket, type head, close the angle bracket,",305218,{"text":749,"duration":750,"offset":751},"and then another one called body. Now notice that it's",3973,309780,{"text":753,"duration":754,"offset":755},"always trying to help you. Visual Studio code is always",4047,313827,{"text":757,"duration":758,"offset":759},"trying to help you and.",1693,317947,{"text":761,"duration":762,"offset":763},"There are limitations, so much it will help you by",2815,319730,{"text":765,"duration":766,"offset":767},"default. There are extensions that can increase the amount of",3435,322601,{"text":769,"duration":770,"offset":771},"help you get, but we'll just use what we have",2534,326092,{"text":773,"duration":774,"offset":775},"for now. It's good to develop the discipline of writing",3097,328682,{"text":777,"duration":778,"offset":779},"them properly without external help. So we have the HTML",3153,331835,{"text":781,"duration":782,"offset":783},"tag and then inside of that we have an open",2421,335044,{"text":785,"duration":786,"offset":787},"and closed head and we have an open and closed",2590,337522,{"text":789,"duration":790,"offset":791},"body.",281,340168,{"text":793,"duration":794,"offset":795},"So much like with any other document, you have the",3050,341350,{"text":797,"duration":798,"offset":799},"hitter and you have the body, and then, well, you",2989,344461,{"text":801,"duration":802,"offset":803},"also have a footer. But you know, conceptually you can",3295,347511,{"text":805,"duration":806,"offset":807},"put the footer inside of the body in this situation.",3172,350867,{"text":809,"duration":810,"offset":811},"But we do have the head and we do have",2318,354100,{"text":813,"duration":814,"offset":815},"the body. So let us look at what goes in",2441,356479,{"text":817,"duration":818,"offset":819},"the head, among other things. Right now I'm just going",3294,358981,{"text":821,"duration":822,"offset":823},"to focus on the title. So the title would be",2684,362336,{"text":825,"duration":826,"offset":827},"my first web page.",1098,365081,{"text":829,"duration":830,"offset":831},"Alright, that's the title of the website. Now the title",3503,367060,{"text":833,"duration":834,"offset":835},"is what gets displayed in the browser or when you",3121,370627,{"text":837,"duration":838,"offset":839},"open up the browser or in the tab and you",2612,373812,{"text":841,"duration":842,"offset":843},"would see like Amazon.com, dash, whatever. This is all they're",3949,376488,{"text":845,"duration":846,"offset":847},"doing. They're just saying title is Amazon.com, titleisgoogle.com. Whatever you",5033,380501,{"text":849,"duration":850,"offset":851},"type here, that's what shows up in the browser, where",3376,385598,{"text":853,"duration":854,"offset":855},"we're about to see that in a few in the",2484,389038,{"text":857,"duration":830,"offset":858},"body. However, that is where the actual content for the",391586,{"text":860,"duration":861,"offset":862},"document goes. So this is.",1657,395153,{"text":864,"duration":865,"offset":866},"Where I would have typed my hello.",1790,396920,{"text":868,"duration":869,"offset":870},"World.",540,399370,{"text":872,"duration":873,"offset":874},"Now that I've done all of that, let me go",2991,400910,{"text":876,"duration":877,"offset":878},"back to my live server and refresh and notice there",3720,403974,{"text":880,"duration":881,"offset":882},"are no complaints this time from Visual Studio code about",4159,407767,{"text":884,"duration":885,"offset":886},"anything being out of work. So that means if I",3355,411999,{"text":888,"duration":889,"offset":890},"continue typing and I say this is my first web",3356,415427,{"text":892,"duration":893,"offset":894},"page, look at how.",1313,418856,{"text":896,"duration":897,"offset":898},"The live server just updated that for me automatically and",4003,421000,{"text":900,"duration":901,"offset":902},"Visual Studio code is not complaining because now it's happy",4141,425072,{"text":904,"duration":905,"offset":906},"and it's satisfied that I have a fully structured HTML",3727,429282,{"text":908,"duration":909,"offset":910},"document. So like I said there are very strict rules",3589,433078,{"text":912,"duration":913,"offset":914},"around it, but once you get that under under wraps",3451,436736,{"text":916,"duration":909,"offset":917},"then you have no problem. Notice also in the browser",440256,{"text":919,"duration":920,"offset":921},"tab you'll see my first web page, so that's what",3312,443914,{"text":923,"duration":924,"offset":925},"we put in the title and then in the document",3037,447295,{"text":927,"duration":928,"offset":929},"is our text.",828,450401,{"text":931,"duration":932,"offset":933},"No.",430,451480,{"text":935,"duration":936,"offset":937},"Yes, we have text, but then it's not necessarily ideal",3017,452630,{"text":939,"duration":940,"offset":941},"for us to just write the text in. We sometimes",2570,455703,{"text":943,"duration":944,"offset":945},"need to structure the text. We want it to the",2514,458329,{"text":947,"duration":948,"offset":949},"left, we want it to the right. We want this",2402,460899,{"text":951,"duration":952,"offset":953},"particular block of text to look different from the other",3185,463357,{"text":955,"duration":956,"offset":957},"block of text. So then we have to use different",2626,466598,{"text":959,"duration":936,"offset":960},"tags so that they can be targeted accordingly. So yes,",469280,{"text":962,"duration":948,"offset":963},"I have this bit of text, but what I'm going",472353,{"text":965,"duration":966,"offset":967},"to do is put it in what we call a",1844,474811,{"text":969,"duration":948,"offset":970},"P tag. So P is short for paragraph. And the",476711,{"text":972,"duration":973,"offset":974},"cool thing about Visual Studio code is that when you",2905,479169,{"text":976,"duration":977,"offset":978},"hover over these tags.",1230,482130,{"text":980,"duration":981,"offset":982},"It will actually explain to you what they represent. So",3777,483480,{"text":984,"duration":985,"offset":986},"the element represents a paragraph. O every time you have",3915,487325,{"text":988,"duration":989,"offset":990},"a block of text, I recommend that you put it",3022,491308,{"text":992,"duration":993,"offset":994},"inside of A tag and then you can have multiple",3159,494399,{"text":996,"duration":830,"offset":997},"P tags that say different things. This is the other",497626,{"text":999,"duration":1000,"offset":1001},"P tag.",413,501197,{"text":1003,"duration":1004,"offset":1005},"Alright update this is the other key tag, right? And",3833,502620,{"text":1007,"duration":1008,"offset":1009},"you have multiple ways to get text in. So you",3318,506526,{"text":1011,"duration":1012,"offset":1013},"have the P tag. You also have what we call",3096,509917,{"text":1015,"duration":1016,"offset":1017},"header tags. So I could say header and I'm going",3538,513087,{"text":1019,"duration":1016,"offset":1020},"to put the hello world inside of the header tag.",516699,{"text":1022,"duration":1023,"offset":1024},"So that's H1.",959,520311,{"text":1026,"duration":1027,"offset":1028},"Right.",570,522080,{"text":1030,"duration":1031,"offset":1032},"And then you have H1 through six, so one is",3291,523410,{"text":1034,"duration":1035,"offset":1036},"the largest, six is the smallest. I'm just going to",3904,526778,{"text":1038,"duration":1039,"offset":1040},"duplicate this. I'm just holding down control Ressing C notice",4746,530758,{"text":1042,"duration":1043,"offset":1044},"I'm not highlighting the line or anything, just see then",4286,535581,{"text":1046,"duration":1047,"offset":1048},"V and it will duplicate the line for you with",3444,539944,{"text":1050,"duration":1051,"offset":1052},"minimal effort. So I'm going to make that H2H3H4H5 and",4134,543465,{"text":1054,"duration":1055,"offset":1056},"then HH6. See that?",1454,547675,{"text":1058,"duration":148,"offset":1059},"No note.",549800,{"text":1061,"duration":1062,"offset":1063},"That Swahili do open and close some of them properly.",3331,551429,{"text":1065,"duration":1066,"offset":1067},"I change this one to H2 and I'm not closing",2702,554823,{"text":1069,"duration":1070,"offset":1071},"it properly. That's a no no. Always try to be",2828,557587,{"text":1073,"duration":1074,"offset":1075},"disciplined. Modern browsers actually try to compensate for your errors.",4524,560478,{"text":1077,"duration":1078,"offset":1079},"So if you look in the browser you will see",2639,565065,{"text":1081,"duration":1082,"offset":1083},"that you are seeing that decreasing size like I had",3205,567767,{"text":1085,"duration":1004,"offset":1086},"mentioned from each one through 6 and it's decreasing. That's",571034,{"text":1088,"duration":1089,"offset":1090},"because it's compensating for the fact that I didn't close",3645,574930,{"text":1092,"duration":1093,"offset":1094},"the tag properly and it's assuming I meant.",2701,578638,{"text":1096,"duration":1097,"offset":1098},"H2 tag, so it's already it's filling in the blank",3047,581420,{"text":1100,"duration":1101,"offset":1102},"form, but that is a nono. So that's one thing",2799,584529,{"text":1104,"duration":806,"offset":1105},"to mind about text editors. Some of them are better",587390,{"text":1107,"duration":600,"offset":1108},"than others that showing you this, but they generally won't",590625,{"text":1110,"duration":806,"offset":1111},"tell you oh you have a syntactical error. They will",594357,{"text":1113,"duration":1114,"offset":1115},"just it will either manifest in the display on the",3110,597591,{"text":1117,"duration":1118,"offset":1119},"page or it won't manifest in either situation and then",3358,600763,{"text":1121,"duration":1122,"offset":1123},"you'll think your code is good. But it's always good",3234,604184,{"text":1125,"duration":1126,"offset":1127},"to be disciplined and do it right the first time.",3048,607480,{"text":1129,"duration":1130,"offset":1131},"So when I open an.",1120,610590,{"text":1133,"duration":1134,"offset":1135},"H1 tag, I close it. If I open an H2",2545,611780,{"text":1137,"duration":1138,"offset":1139},"tag, I close it. If I open an H3 tag,",2691,614398,{"text":1141,"duration":1142,"offset":1143},"I close it. So I'm just double clicking and copying",3710,617162,{"text":1145,"duration":1146,"offset":1147},"and pasting, right? That's all I'm doing here. And then",4000,620945,{"text":1149,"duration":1150,"offset":1151},"you would notice once again, nothing updates in the display",4292,625018,{"text":1153,"duration":1154,"offset":1155},"because it already knew. I figured that I meant H234",3783,629382,{"text":1157,"duration":1158,"offset":1159},"etc etc.",581,633238,{"text":1161,"duration":1162,"offset":1163},"We also have the P tags down below and those",4120,634550,{"text":1165,"duration":1166,"offset":1167},"are OK.",656,638764,{"text":1169,"duration":1170,"offset":1171},"Now let's look at some other tags that I'm sure",2926,640410,{"text":1173,"duration":1174,"offset":1175},"you'll find useful. And are probably the most common tags",3550,643398,{"text":1177,"duration":1178,"offset":1179},"or things you would see on websites. So apart from",3114,647010,{"text":1181,"duration":1182,"offset":1183},"text ranging from large to small, I'm sure you're familiar",3612,650186,{"text":1185,"duration":1186,"offset":1187},"with links because you have to click on a link",2864,653860,{"text":1189,"duration":592,"offset":1190},"to move from one page to another, or click on",656787,{"text":1192,"duration":1178,"offset":1193},"a link to move from one website to another, right?",659651,{"text":1195,"duration":1196,"offset":1197},"So you have A tag called the anchor Tag, so",2678,662827,{"text":1199,"duration":1200,"offset":1201},"if you hover over it, you'll see it's if the",2740,665567,{"text":1203,"duration":1204,"offset":1205},"element has an 8 ref attribute.",1930,668369,{"text":1207,"duration":1208,"offset":1209},"And it represents a hyperlink. So hyperlink. That's the pretty",4097,670400,{"text":1211,"duration":1212,"offset":1213},"word for saying you have a link or that's a",2842,674564,{"text":1215,"duration":1216,"offset":1217},"full word forcing you have a link, right? Notice it",3371,677472,{"text":1219,"duration":1220,"offset":1221},"said an attribute called href. So let's look at what",3437,680909,{"text":1223,"duration":1224,"offset":1225},"an attribute is.",1058,684412,{"text":1227,"duration":1228,"offset":1229},"So we have the tag, and we've established that what",3056,686160,{"text":1231,"duration":1232,"offset":1233},"goes in between the open and closed tag is the",2758,689276,{"text":1235,"duration":1236,"offset":1237},"content of the tag. So let's say we have this",2697,692094,{"text":1239,"duration":1240,"offset":1241},"anchor tag and I want it to link it to",2278,694851,{"text":1243,"duration":1244,"offset":1245},"Amazon. Alright, so it's going to come up the word",2997,697189,{"text":1247,"duration":1248,"offset":1249},"Amazon comes up, but it's not clickable. See, it's not",3236,700246,{"text":1251,"duration":1252,"offset":1253},"a link, so that's the content of the anchor tag.",2877,703542,{"text":1255,"duration":1256,"offset":1257},"But then I need it to be clickable. O what",2672,707480,{"text":1259,"duration":1260,"offset":1261},"I need to do is add an attribute so an",2418,710215,{"text":1263,"duration":1264,"offset":1265},"attribute goes inside of the open tag, see that this",3308,712697,{"text":1267,"duration":1268,"offset":1269},"is the open tag and I went from the A",2354,716069,{"text":1271,"duration":1272,"offset":1273},"and I pressed spacebar and then I'm going to type",3118,718486,{"text":1275,"duration":1276,"offset":1277},"in that attribute each ref. Now there are a number",3182,721667,{"text":1279,"duration":1280,"offset":1281},"of attributes that can be used, some of them are",3054,724912,{"text":1283,"duration":1284,"offset":1285},"legal somewhere not, some will be ignored, some will mess",3626,728030,{"text":1287,"duration":1288,"offset":1289},"it up right? But then generally speaking most times you",3499,731720,{"text":1291,"duration":1292,"offset":1293},"would see like an attribute called.",2227,735283,{"text":1295,"duration":1296,"offset":1297},"ID, which is like a special name that you're giving",3367,737630,{"text":1299,"duration":1300,"offset":1301},"to this particular tag. Alright, so I can say link",3301,741063,{"text":1303,"duration":924,"offset":1304},"one, that's the ID for this link, but then the",744430,{"text":1306,"duration":1307,"offset":1308},"attribute that really makes the link come alive is the",3565,747533,{"text":1310,"duration":1311,"offset":1312},"atraf attribute, and then I would have to type in",3235,751164,{"text":1314,"duration":1315,"offset":1316},"the.",264,754465,{"text":1318,"duration":1319,"offset":1320},"The link to where I want to go, so I'm",3785,755460,{"text":1322,"duration":1323,"offset":1324},"just going to put in the full URL HTTPS: slash",4583,759345,{"text":1326,"duration":1327,"offset":1328},"slash www.amazon.com.",2092,764027,{"text":1330,"duration":1331,"offset":1332},"Right after doing that, notice how it changes automatically. Now",3749,766820,{"text":1334,"duration":1335,"offset":1336},"the browser knows that this is a link that goes",2753,770628,{"text":1338,"duration":1339,"offset":1340},"to Amazon.com and when I click that, sure enough it",2987,773440,{"text":1342,"duration":1343,"offset":1344},"will load Amazon. So I just did a middle click",2695,776486,{"text":1346,"duration":1347,"offset":1348},"for it to come up in the different tab. However,",2812,779240,{"text":1350,"duration":1351,"offset":1352},"if you wanted it to come up in the different",2578,782110,{"text":1354,"duration":1355,"offset":1356},"tab automatically because if I click it, it will just",3105,784747,{"text":1358,"duration":1359,"offset":1360},"browse away. Sometimes. We don't want that to happen with",3340,787910,{"text":1362,"duration":1363,"offset":1364},"our browsers, right? We want or sorry, with our website,",3281,791308,{"text":1366,"duration":948,"offset":1367},"sometimes we want them to click the link.",794648,{"text":1369,"duration":1370,"offset":1371},"And go there in a different page, but not move",3808,797150,{"text":1373,"duration":1374,"offset":1375},"away from our website. So to do that I can",3477,801041,{"text":1377,"duration":1378,"offset":1379},"say target is equal to and then say_blank so that",4056,804601,{"text":1381,"duration":1382,"offset":1383},"way the browser knows when the link is clicked, open",4305,808740,{"text":1385,"duration":1386,"offset":1387},"up another tab or another window, see. So attributes allow",4802,813128,{"text":1389,"duration":1390,"offset":1391},"you to give a little something special to the particular",4636,818013,{"text":1393,"duration":1394,"offset":1395},"tag that you're dealing with. Now what if I remember?",4388,822732,{"text":1397,"duration":576,"offset":1398},"That we're building out like a website. So our website",827190,{"text":1400,"duration":1401,"offset":1402},"is a collection of web pages. Right now we only",3410,831181,{"text":1404,"duration":635,"offset":1405},"have one page called index dot HTML. What if I",834664,{"text":1407,"duration":1408,"offset":1409},"wanted to navigate between the pages?",2685,838075,{"text":1411,"duration":1412,"offset":1413},"Alright, so I'm going to create another page and let's",4100,841510,{"text":1415,"duration":1416,"offset":1417},"call this one about dot HTML. So this is my",3265,845686,{"text":1419,"duration":1420,"offset":1421},"about page and I'm going to give it the same",3342,849027,{"text":1423,"duration":1424,"offset":1425},"basic structure and I'm going to do it from scratch",3872,852445,{"text":1427,"duration":1428,"offset":1429},"so you can see again. So we start off with",3190,856393,{"text":1431,"duration":1432,"offset":1433},"the doctype HTML and then I open the HTML tag",3417,859659,{"text":1435,"duration":1416,"offset":1436},"and then we have inside of that we have the",863152,{"text":1438,"duration":1439,"offset":1440},"head and then the body.",1747,866493,{"text":1442,"duration":1443,"offset":1444},"So in the head I want to say title is",2564,870510,{"text":1446,"duration":1447,"offset":1448},"about our speech and then in the body I'm just",3188,873143,{"text":1450,"duration":669,"offset":1451},"going to put something simple and say each one about",876400,{"text":1453,"duration":1272,"offset":1454},"us page, all right. So that is where we would",880073,{"text":1456,"duration":1457,"offset":1458},"love to navigate to the about page. So if I",2979,883261,{"text":1460,"duration":669,"offset":1461},"wanted a link that would navigate there and I'm just",886310,{"text":1463,"duration":669,"offset":1464},"going to put that link up top because that's usually",889983,{"text":1466,"duration":1467,"offset":1468},"where the NAV bar quote UN quote would go anyway.",3396,893655,{"text":1470,"duration":1471,"offset":1472},"So that link to allow it to go to that",2634,897120,{"text":1474,"duration":1475,"offset":1476},"boat.",346,899823,{"text":1478,"duration":1479,"offset":1480},"Speech I'll say itrf is equal to about dot HTML",3911,900300,{"text":1482,"duration":1483,"offset":1484},"and that's really all it takes, right? I just need",4161,904294,{"text":1486,"duration":1487,"offset":1488},"to put in the past.",1582,908538,{"text":1490,"duration":1491,"offset":1492},"Tool the file that I want to navigate to. Notice",3140,910810,{"text":1494,"duration":1495,"offset":1496},"there's still nothing on the page. Why? Because I didn't",3664,914016,{"text":1498,"duration":1499,"offset":1500},"give it the content. What goes in between the open",3271,917746,{"text":1502,"duration":1503,"offset":1504},"and the close is the content. So I'm going to",2944,921083,{"text":1506,"duration":1507,"offset":1508},"say about us, and then we can get our link",2748,924093,{"text":1510,"duration":1507,"offset":1511},"to the about US page and when we click it,",926907,{"text":1513,"duration":1514,"offset":1515},"sure enough we land on our about us page. So",2879,929720,{"text":1517,"duration":1503,"offset":1518},"that is how you can link one page to another.",932665,{"text":1520,"duration":1521,"offset":1522},"All right, so when we come back, what we're going",2909,937360,{"text":1524,"duration":1525,"offset":1526},"to be doing is looking at a few other value",2553,940328,{"text":1528,"duration":838,"offset":1529},"added tags, like how to get an image in, how",942940,{"text":1531,"duration":1532,"offset":1533},"to get a listing, and how to start setting up",2671,945612,{"text":1535,"duration":1536,"offset":1537},"forms. So stay tuned.",1247,948343,{"summary":1539,"sections":1540,"learningObjectives":1587,"keyConcepts":1594,"videoTags":1600},"The video tutorial covers the basics of setting up an HTML project in Visual Studio Code, creating an index.html file, and understanding the basic structure of an HTML document. It explains how to add content using various HTML tags, create hyperlinks with anchor tags, and link multiple pages together. The tutorial emphasizes the importance of following HTML guidelines and using Visual Studio Code features to aid in development.",[1541,1549,1556,1564,1572,1580],{"title":1542,"start":81,"end":507,"description":1543,"tags":1544},"Setting Up Project Folder","Creating a project folder in Visual Studio Code.",[1545,1546,1547,1548],"HTML","project setup","Visual Studio Code","folder creation",{"title":1550,"start":511,"end":658,"description":1551,"tags":1552},"Creating the Index File","Creating and naming the index.html file.",[1553,1554,1545,1555],"index.html","file creation","naming conventions",{"title":1557,"start":662,"end":815,"description":1558,"tags":1559},"Basic HTML Structure","Understanding the basic structure of an HTML document.",[1560,1561,1562,1563],"HTML structure","DOCTYPE","head tag","body tag",{"title":1565,"start":819,"end":1167,"description":1566,"tags":1567},"Adding Content to HTML","Adding and structuring content in HTML using tags.",[1568,1569,1570,1571],"HTML content","P tag","header tags","text formatting",{"title":1573,"start":1171,"end":1518,"description":1574,"tags":1575},"Creating Links in HTML","Using anchor tags to create hyperlinks.",[1576,1577,1578,1579],"anchor tag","hyperlinks","href attribute","navigation",{"title":1581,"start":1522,"end":1537,"description":1582,"tags":1583},"Linking Multiple Pages","Linking multiple HTML pages together.",[1584,1579,1585,1586],"page linking","HTML pages","web development",[1588,1589,1590,1591,1592,1593],"Create project folder","Name index file","Understand HTML structure","Add HTML content","Use anchor tags","Link HTML pages",[1595,1596,1597,1598,1599],"HTML project setup","HTML document structure","Content formatting in HTML","Creating hyperlinks","Page navigation",{"keyTags":1601,"pedagogicalTags":1603},[1545,1586,1547,1602],"beginner tutorial",[1604,1605],"project-based learning","step-by-step instruction","2025-02-20T15:36:24.348Z","2025-02-20T15:36:56.644Z","60919f6b27f749001c9a4bd7","6775640122cb97e0b0abc509","2025-02-20T15:36:24.347Z","2025-02-20T15:36:56.647Z","ENABLED","2025-09-15T15:27:54.228Z",{"service":1615,"version":1616},"quizserver","04226c47c84ab162e2852ff417527091386acb06",{"success":5,"data":1618,"time":1757},{"countryBasedRecommendations":1619,"subjectBasedRecommendations":1669,"subjectBasedQualifiers":1726},[1620,1627,1633,1638,1644,1651,1657,1663],{"id":1621,"quizId":1622,"country":90,"lowerGrade":47,"upperGrade":96,"quizRank":1623,"subject":1624,"quizImage":1625,"quizName":1626,"quizType":11,"noOfQuestions":96,"noOfSlides":81},"689335b96cc7c0498fa6bf4c","6735a74718bd2423fb21cbcd",5,"Multiple Subjects","https://i3.ytimg.com/vi/MEIXRLcC6RA/default.jpg","Lab Safety Procedures and Guidelines",{"id":1628,"quizId":1629,"country":90,"lowerGrade":177,"upperGrade":177,"quizRank":1623,"subject":99,"quizImage":1630,"quizName":1631,"quizType":1632,"noOfQuestions":96,"noOfSlides":81},"689c703a4849ed70bb0db727","5b9add444e356f00198a8c14","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/c9683fd9-008c-407f-a71b-3359b23d53ad","Nouns, nouns, nouns","quiz",{"id":1634,"quizId":1635,"country":90,"lowerGrade":47,"upperGrade":18,"quizRank":47,"subject":1636,"quizImage":153,"quizName":1637,"quizType":1632,"noOfQuestions":96,"noOfSlides":81},"68c15a43f7398f49e3878b78","68b7811ef48d5f8909ec9d89","Education","Appointment Passes Review",{"id":1639,"quizId":1640,"country":90,"lowerGrade":1623,"upperGrade":1623,"quizRank":94,"subject":98,"quizImage":1641,"quizName":1642,"quizType":1632,"noOfQuestions":1643,"noOfSlides":81},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":1645,"quizId":1646,"country":90,"lowerGrade":1647,"upperGrade":1647,"quizRank":18,"subject":1648,"quizImage":1649,"quizName":1650,"quizType":1632,"noOfQuestions":62,"noOfSlides":81},"689335b96cc7c0498fa6bf56","64b5419aacf2e2001d7e1195",14,"Professional Development","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f15a09ae-3c83-4d5e-881d-5f3b6ffdcb84-v2","All about me",{"id":1652,"quizId":1653,"country":90,"lowerGrade":47,"upperGrade":47,"quizRank":96,"subject":98,"quizImage":1654,"quizName":1655,"quizType":1632,"noOfQuestions":1656,"noOfSlides":81},"68c15a42f7398f49e3878940","5efd0a3bd81107001b1430c2","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/904870db-7988-4901-a564-99b441db8324","Adding Integers",22,{"id":1658,"quizId":1659,"country":90,"lowerGrade":94,"upperGrade":94,"quizRank":96,"subject":98,"quizImage":1660,"quizName":1661,"quizType":1632,"noOfQuestions":1662,"noOfSlides":81},"68b81fc14405f0499b37e8a7","5da88ffcfec3ff001ce68888","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/03023c5b-9aac-4b06-91d5-d9505d184182","Subtracting Integers",15,{"id":1664,"quizId":1665,"country":90,"lowerGrade":47,"upperGrade":95,"quizRank":62,"subject":99,"quizImage":1666,"quizName":1667,"quizType":1632,"noOfQuestions":1668,"noOfSlides":81},"68b81fc04405f0499b37e586","600ec0146330ed001e68cad4","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/bff81759-2b7a-4ea6-adb6-435dc8d516ae","Grammar Review",20,[1670,1678,1685,1691,1697,1703,1709,1717],{"id":1671,"quizId":1672,"country":90,"lowerGrade":1673,"upperGrade":1673,"quizRank":1674,"subject":1675,"quizImage":1676,"quizName":1677,"quizType":1632,"noOfQuestions":1662,"noOfSlides":81},"68c15a43f7398f49e3878f24","62b69e0034b08a001effb9ee",13,509,"Arts","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/1a9a129b-e0c0-4925-8794-a1dae12b2b1a","Disney Trivia",{"id":1679,"quizId":1680,"country":90,"lowerGrade":47,"upperGrade":1673,"quizRank":1681,"subject":1624,"quizImage":1682,"quizName":1683,"quizType":1632,"noOfQuestions":1684,"noOfSlides":81},"68c15a43f7398f49e3878f3c","568d7657315bcd65324df514",550,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/4eb77362-c4af-49d7-9b3d-eec08da11532","Spanish-Speaking Countries",21,{"id":1686,"quizId":1687,"country":90,"lowerGrade":127,"upperGrade":1673,"quizRank":1688,"subject":1624,"quizImage":1689,"quizName":1690,"quizType":11,"noOfQuestions":94,"noOfSlides":81},"68c15a43f7398f49e3878f3a","67747118c56d8c2e6a1c3d17",594,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f0a2cea5-9f92-4892-8352-692281fa76e5-v2","What Is Narrative Writing?",{"id":1692,"quizId":1693,"country":90,"lowerGrade":1673,"upperGrade":1673,"quizRank":1694,"subject":1695,"quizImage":1696,"quizName":1677,"quizType":1632,"noOfQuestions":1668,"noOfSlides":81},"68c15a43f7398f49e3878f2f","654bb93d3eed7c828d3a746a",627,"History","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/218f49f0-29fb-4c6f-a4ba-0553ca6817d3-v2",{"id":1698,"quizId":1699,"country":90,"lowerGrade":127,"upperGrade":1673,"quizRank":1700,"subject":1624,"quizImage":1701,"quizName":1702,"quizType":11,"noOfQuestions":94,"noOfSlides":81},"68c15a43f7398f49e3878f39","67760edf53c5d92a02a15a4f",657,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/b06558d7-3ca0-4cdf-a86f-239b08485db6-v2","Force and Motion",{"id":1704,"quizId":1705,"country":90,"lowerGrade":127,"upperGrade":1673,"quizRank":1706,"subject":1624,"quizImage":1707,"quizName":1708,"quizType":11,"noOfQuestions":1623,"noOfSlides":81},"68c15a43f7398f49e3878f35","67772604f817847c3c05e8dd",664,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/41ca9ea6-acc1-4ea1-8dba-9fab9ad3a844-v2","Examining Theme",{"id":1710,"quizId":1711,"country":90,"lowerGrade":1673,"upperGrade":1673,"quizRank":1712,"subject":1713,"quizImage":1714,"quizName":1715,"quizType":1632,"noOfQuestions":1716,"noOfSlides":81},"68c15a43f7398f49e3878f29","68befebac86645c9dd3309e2",761,"Computers","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/993df6c2-fc04-4ebd-8cf4-f8263c07d14a","Lab 4: Quizziz Questions",23,{"id":1718,"quizId":1719,"country":90,"lowerGrade":47,"upperGrade":1673,"quizRank":1720,"subject":1721,"quizImage":1722,"quizName":1723,"quizType":1724,"noOfQuestions":1725,"noOfSlides":94},"68c15a43f7398f49e3878f45","632b0a4ac3a358001e949a83",869,"World Languages","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/502316c4-3b68-494e-b7e8-ca047a3f53d3","Los numeros en español.","presentation",12,[1727,1730,1733,1736,1739,1742,1745,1748,1751,1754],{"path":1728,"display":1729},"/seasonal/winter/kwanzaa","Kwanzaa",{"path":1731,"display":1732},"/ela/language/vocabulary/word-structure/categories/sort-objects-into-categories","Sort objects into categories",{"path":1734,"display":1735},"/math/algebra/polynomials/polynomial-applications/understanding-and-applying-the-binomial-theorem/determining-the-coefficients-of-the-binomial-expansion-by-pascals-triangle","Determining the coefficients of the binomial expansion by Pascal’s Triangle",{"path":1737,"display":1738},"/social-studies/history/historical-events-and-holidays/historic-expeditions/other-significant-explorations-in-american-history","Other significant explorations in American history",{"path":1740,"display":1741},"/science/earth-and-space-science/geoscience/natural-hazards/volcanic-eruption-prediction","Volcanic eruption prediction",{"path":1743,"display":1744},"/math/algebra/equations/other-non-linear-equations/solving-radical-equations","Solving radical equations",{"path":1746,"display":1747},"/ela/reading/literature/authors-craft/point-of-view/evaluate-unreliable-narrators","Evaluate unreliable narrators",{"path":1749,"display":1750},"/ela/reading/key-ideas-and-details","Key Ideas and Details",{"path":1752,"display":1753},"/ela/critical-thinking/synthesis/creating-new-ideas","Creating New Ideas",{"path":1755,"display":1756},"/math/algebra/algebraic-expressions/rational-expressions/operations-on-rational-algebraic-expressions/knowing-that-rational-algebraic-expressions-are-closed-under-the-operations-of-addition-subtraction-multiplication-and-division","Knowing that rational algebraic expressions are closed under the operations of addition, subtraction, multiplication and division","2025-09-15T15:27:54.366438187Z",{"success":5,"data":1759,"time":1817},{"quizzes":1760,"total":1816,"timeTaken":71,"experiment":72,"source":73},[1761,1768,1775,1782,1789,1796,1803,1810],{"id":1762,"isSuper":10,"type":11,"info":1763,"shouldIndex":10,"stats":1767},"6775e769ece1855b67584900",{"grade":1764,"name":1765,"slug":1765,"image":1766},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Creating an HTML Page Structure","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/98b66815-2b7e-4857-84a9-89c0da32f2f9-v2",{"totalQuestions":18},{"id":1769,"isSuper":10,"type":11,"info":1770,"shouldIndex":10,"stats":1774},"67b21f28cb9d6bdef101860f",{"grade":1771,"name":1772,"slug":1772,"image":1773},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - \u003Cviewport> Meta Tag in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/146b018a-679b-42c0-9545-c99e42a0ee2c-v2",{"totalQuestions":18},{"id":1776,"isSuper":10,"type":11,"info":1777,"shouldIndex":10,"stats":1781},"6774ff3fa2ee716bb2b20b60",{"grade":1778,"name":1779,"slug":1779,"image":1780},[14,14],"Modern Web Design with HTML5, CSS3, and JavaScript - Setting Four Headings and Making Text Bold","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d87037f8-5ab2-4d0d-a2ca-b256d809dfa2-v2",{"totalQuestions":18},{"id":1783,"isSuper":10,"type":11,"info":1784,"shouldIndex":10,"stats":1788},"67b78e1a6f6933c7cd7993b0",{"grade":1785,"name":1786,"slug":1786,"image":1787},[14,14],"HTML Tutorial for Beginners(2022) - Abbreviation or Acronym in HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/0e1e7326-c055-4d01-af41-5db2ca3eafd1-v2",{"totalQuestions":47},{"id":1790,"isSuper":10,"type":11,"info":1791,"shouldIndex":10,"stats":1795},"6774cf49fdb339804e228095",{"grade":1792,"name":1793,"slug":1793,"image":1794},[14,14],"HTML CSS and JavaScript for Beginners - A Web Design Course - HTML Text Formatting","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/6db06ca6-237d-4bde-9852-e038e1b8e2c9-v2",{"totalQuestions":47},{"id":1797,"isSuper":10,"type":11,"info":1798,"shouldIndex":10,"stats":1802},"6777583d6d6aeb4a45dbe618",{"grade":1799,"name":1800,"slug":1800,"image":1801},[14,14],"Modern HTML and CSS from the Beginning (Including Sass) - Headings, Paragraphs & Typography","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1731c0dd-70f2-43df-8f5e-5d54f4a3da88-v2",{"totalQuestions":18},{"id":1804,"isSuper":10,"type":11,"info":1805,"shouldIndex":10,"stats":1809},"67b778aae0f0da9860f16da8",{"grade":1806,"name":1807,"slug":1807,"image":1808},[14,14],"The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - What Are Table Tags?","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1e54f26f-85e1-4ffd-84dd-65b7113acd39-v2",{"totalQuestions":18},{"id":1811,"isSuper":10,"type":11,"info":1812,"shouldIndex":10,"stats":1815},"677612f7dc860a6db23ffd13",{"grade":1813,"name":1807,"slug":1807,"image":1814},[14,14],"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/f2570b4d-624c-4f08-9ba6-a944209ded97-v2",{"totalQuestions":18},8218,"2025-09-15T15:27:54.377763613Z",["Reactive",1819],{},["Set"],["ShallowReactive",1822],{"Ezf1tTUqsN":82,"AMtWTpgVtZ":82,"FwP9n7xKYU":82,"Bmg4e0oUJK":82},"/admin/video-quiz/67b74bf86a1aa2578360a4c8/introduction-to-website-development-technologies-write-your-first-html-page-text-and-links","none",{"ssr_adp-v2":1826},"var-1"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"6b3fb8cc-d034-4e6c-a6d3-30b3282a9012",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>