Web Development Concepts

Quiz

•

Computers

•

University

•

Practice Problem

•

Hard

Виктория Островская

FREE Resource

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Что такое HTML и какова его основная структура?

HTML is a type of operating system used for running web servers.

HTML is a software application used for editing images.

HTML is a markup language used to create the structure of web pages. It consists of opening and closing tags that define different elements.

HTML is a programming language used for creating animations on websites.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Какие основные теги используются в HTML?

, , , <body>, <h1>-<h6>, <p>, <a>, <img>, <ul>, <ol>, <li>, <table>, <tr>, <td>, <th>, <form>, <input>, <button></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">3. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.pakvgqo39o" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Что такое CSS и как он отличается от HTML?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS is used for styling the presentation of a web page, while HTML is used for creating the structure of the page.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS is used for creating the structure of a web page, while HTML is used for styling the presentation.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS is only used for text formatting, while HTML is used for layout design.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS and HTML are interchangeable and serve the same purpose.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">4. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.86hs150cpt6" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Как можно применить CSS для стилизации веб-страниц?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Использовать только встроенные стили в HTML без CSS</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Применить CSS, используя селекторы для выбора элементов на веб-странице, затем определить стили, такие как цвет текста, размер шрифта, отступы и многое другое.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Использовать JavaScript вместо CSS для стилизации веб-страниц</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Применить CSS, используя HTML-теги для стилизации веб-страниц</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.032szc8lwrh" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Что такое селекторы в CSS и как они работают?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Селекторы в CSS - это элементы для создания динамических форм на веб-страницах.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Селекторы в CSS - это специальные теги для создания анимаций на веб-страницах.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Селекторы в CSS - это инструменты для создания адаптивного дизайна на веб-страницах.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Селекторы в CSS - это паттерны для выбора элементов на веб-странице и применения к ним стилей.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.rj9aio9ifrc" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Как можно добавить цвет и фон на веб-страницу с помощью CSS?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Use the 'size' property to set text size and the 'background-image' property to set the background image in CSS.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Use the 'color' property to set text color and the 'background-color' property to set the background color in CSS.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Utilize the 'text-color' property to set text color and the 'bg-image' property to set the background image in CSS.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Apply the 'font-color' property to set text color and the 'bg-color' property to set the background color in CSS.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.ud7oby6zool" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Что такое классы и идентификаторы в CSS?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Классы используются для стилизации текста, а идентификаторы для изображений</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Классы и идентификаторы в CSS - это способы задания цветов фона элементов</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Классы и идентификаторы в CSS не имеют различий в использовании</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Классы и идентификаторы в CSS - это способы задания стилей элементам веб-страницы. Классы используются для группировки элементов с общими стилями, а идентификаторы применяются к уникальным элементам.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.frzfgpbdfnm" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Как можно создать адаптивный дизайн с помощью CSS?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Ignore screen size variations completely.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Use media queries in CSS to adjust styles based on screen size.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Apply fixed pixel values for all elements in the design.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Use JavaScript instead of CSS for adaptive design.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.vg08dscmg3" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Что такое блочные и строчные элементы в HTML и как они влияют на верстку?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Блочные элементы располагаются в одной строке, а строчные элементы делают элементы расположенными друг под другом</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Блочные элементы влияют на верстку, делая элементы расположенными друг под другом, в то время как строчные элементы позволяют элементам располагаться в одной строке.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Блочные элементы не влияют на верстку, а строчные элементы делают элементы расположенными друг под другом</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Блочные элементы позволяют элементам располагаться в одной строке, а строчные элементы делают элементы расположенными друг под другом</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-d06ae125><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex justify-between items-center flex-row flex-nowrap" style=""><div class="flex justify-start items-stretch flex-row flex-nowrap" style=""><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6" style=""><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative" style=""><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap" style=""></div></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto" style=""><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap" style=""><div class="w-auto" modelvalue="false"><div class="popover-trigger contents"><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" aria-disabled="false"><button id="dropdown-button" aria-haspopup="listbox" aria-expanded="false" class="box-border focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 min-w-20 w-full '" data-testid="ai-enhance-dropdown" data-track="AI Enhance-ukw-dropdown"><div class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 border border-wds-light-100 hover:border-wds-light-200 py-1 px-3 rounded-w-admin-lg h-full" data-testid="dropdown-box"><div class="flex gap-1 justify-start items-center w-full h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-sparkles"></i></div><div aria-describedby="tooltip-0.rr4wgs2jyke" class="contents"><p class="text-w-control-small font-semibold text-wds-dark-500 text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">AI Enhance</p></div><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0 ml-auto" data-testid><i class="fas fa-chevron-down"></i></div></div></div></button></div></div><div data-v-a236ba13></div></div><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-track="Preview-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-track="Edit-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex justify-start items-stretch flex-row flex-nowrap" style="" data-v-d06ae125><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" style="" data-v-d06ae125><div class="flex gap-2 justify-start items-start flex-row flex-nowrap" style=""><div id class="text-w-content-base font-semibold"><h3><p>Как можно добавить изображение на веб-страницу с помощью HTML и CSS?</p></h3></div></div></div></div><div class="grid w-full gap-2 grid-flow-row" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-d06ae125><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><img href='image.jpg' alt='Description of image'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><image src='image.jpg' alt='Description of image'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><img src='image.jpg' title='Description of image'></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto cursor-pointer justify-start items-start flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div id class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><img src='image.jpg' alt='Description of image'></p></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><div class="w-full h-155 content-blocker" style="" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" style="" data-v-fde55780><div class="bg-wds-light-500 rounded-w-admin-lg shadow-w-md w-120 h-auto" style="" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" style="" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" style="" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" style="" data-v-fde55780><div class="flex p-10 gap-4 justify-start items-stretch w-full flex-col flex-nowrap" style=""><section class="flex gap-2 justify-start items-stretch flex-col flex-nowrap" style=""><h2 class="text-center text-w-header-base font-semibold" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h2><p id class="text-center text-wds-dark-200 text-w-content-base font-normal"></p><div class="flex gap-1 justify-between items-stretch flex-row flex-nowrap" style=""><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Create resources</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Host any resource</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-4 h-4 text-xs text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-circle-check"></i></div><p id class="text-wds-dark-200 text-w-caption font-normal">Get auto-graded reports</p></div></div></section><div class="flex gap-3 justify-start items-stretch w-full flex-col flex-nowrap" style=""><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Google" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Google</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Email" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Email</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Classlink" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Classlink</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div><div class="flex cursor-pointer rounded-w-admin-xl py-3 px-4 hover:bg-wds-light-300 border border-wds-light-200 justify-between items-center w-full flex-row flex-nowrap" data-testid="continue-with-Clever" style=""><div class="flex gap-4 justify-start items-center flex-row flex-nowrap" style=""><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/clever-logo.png" alt="Clever" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div><p id class="text-w-control-base font-semibold">Continue with Clever</p></div><div id class="contents"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="far fa-arrow-right"></i></div></div></div></div><p id class="text-wds-dark-200 text-center text-w-content-base font-normal">or continue with</p><div class="flex gap-4 justify-center items-stretch flex-row flex-nowrap" style=""><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Microsoft" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/ms-logo.png" alt="Microsoft" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Microsoft</p></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Apple" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/Shape%20(1)%20(1).png" alt="Apple" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Apple</p></div><div class="flex gap-1 justify-start items-center flex-col flex-nowrap" style=""><div class="flex min-w-12 min-h-12 rounded-w-admin-xl hover:bg-wds-light-300 border border-wds-light-200 cursor-pointer bg-transparent justify-center items-center flex-row flex-nowrap" data-testid="continue-with-Others" style=""><div class="overflow-hidden w-5 h-5 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/img/logos/grey_key_icon.png" alt="Others" class="w-full h-full object-contain" data-testid="undefined-image" style=""></div></div><p id class="text-wds-dark-200 text-w-caption font-normal">Others</p></div></div></div><div class="flex justify-start items-stretch flex-col flex-nowrap" style=""><div class="flex py-0 px-10 justify-center items-stretch flex-row flex-nowrap" style=""><p id class="text-wds-dark-100 text-w-content-small font-normal"></p></div><div class="flex gap-2 py-4 px-10 bg-wds-light-500 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-200 text-w-content-small font-normal">Already have an account?</p><button type="button" aria-label="Log in" class="bg-wds-light-500 hover:bg-wds-magenta-100 active:bg-wds-magenta-200 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" data-testid="signup-button-in-login" data-track="Log in-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Log in</p></div></div></button></div></div></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-track="Let me read it first-ukw-button" data-v-fde55780><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Let me read it first</p></div></div></button></div></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style="" data-v-8f929371><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-100 rounded-w-admin-lg min-w-20 border disabled:my-px bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button" data-track="View all-ukw-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap" style=""><p id class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/5d896b958f1f36001b8eef59/protokoly-steki-protokolov" data-testid="activity-recommendation-card-5d896b958f1f36001b8eef59" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Протоколы. Стеки протоколов" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.q1k34uvrub" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Протоколы. Стеки протоколов</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/6386d10b110891001d9c317b/test-form-html-2" data-testid="activity-recommendation-card-6386d10b110891001d9c317b" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Test Form HTML 2" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.aqn6em2jwvi" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Test Form HTML 2</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/67bdfcbd1fe92ab6ab09a101/jsps-competition-hackathon-html-language-grade-4-5" data-testid="activity-recommendation-card-67bdfcbd1fe92ab6ab09a101" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="JSPS Competition Hackathon - HTML Language Grade 4 & 5 " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.h2xargir056" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">JSPS Competition Hackathon - HTML Language Grade 4 & 5 </p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>4th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/63c601effb40b4001ecf658b/pre-test-html" data-testid="activity-recommendation-card-63c601effb40b4001ecf658b" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Pre Test HTML" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.561n5tw16yb" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Pre Test HTML</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/66fcddff28190d8545d3822e/algoritma-dan-pemrograman-bab-1" data-testid="activity-recommendation-card-66fcddff28190d8545d3822e" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Algoritma dan Pemrograman Bab 1" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.3ghf7rurudk" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Algoritma dan Pemrograman Bab 1</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/5e6b0c7dc39fe0001c5948f8/mobile-ip-and-wap" data-testid="activity-recommendation-card-5e6b0c7dc39fe0001c5948f8" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Mobile IP and WAP" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.1ci9qvuzjkm" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Mobile IP and WAP</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/6266b1a520889a001d7a6ca5/ctn-web" data-testid="activity-recommendation-card-6266b1a520889a001d7a6ca5" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="CTN-Web" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.gfsiiogxx6r" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">CTN-Web</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/5de4bf129c81d0001b032862/quis-css-w3schools" data-testid="activity-recommendation-card-5de4bf129c81d0001b032862" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Quis CSS W3Schools" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.1d84ugpbuwo" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Quis CSS W3Schools</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><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-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-e90c0b27><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style="" data-v-8f929371><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/quiz/6936debf7e935080f5135aba/this-is-not-awinter-edition-drawing-game" data-testid="activity-popular-resource-card-6936debf7e935080f5135aba" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="This is not a...winter edition (Drawing game)" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id 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" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.wz6hzf9dw5" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">This is not a...winter edition (Drawing game)</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>1st - 5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5c389a492f1851001b880bd4/multiplication-facts" data-testid="activity-popular-resource-card-5c389a492f1851001b880bd4" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><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-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 25 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.kcnc29wdg1" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Multiplication Facts</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a><a href="/admin/video-quiz/66ea91696a6efd02276db8d5/identify-iconic-christmas-movie-scenes" data-testid="activity-popular-resource-card-66ea91696a6efd02276db8d5" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Identify Iconic Christmas Movie Scenes" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.iete1vbo46s" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Identify Iconic Christmas Movie Scenes</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/video-icon.svg" alt="interactive video" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Interactive video</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>6th - 10th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5dfa199bd5384a001b9c0d61/christmas-trivia" data-testid="activity-popular-resource-card-5dfa199bd5384a001b9c0d61" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.yp694q4di5s" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/585938f55694f88766865583/kids-christmas-trivia" data-testid="activity-popular-resource-card-585938f55694f88766865583" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Kids Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.piyo84nmq3" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Kids Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - 5th Grade</p></div></div></div></div></div></a><a href="/admin/presentation/5fd79f75225737001c0ee4fc/how-well-do-you-know-your-christmas-characters" data-testid="activity-popular-resource-card-5fd79f75225737001c0ee4fc" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="How well do you know your Christmas Characters?" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.b4226n8p5k" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">How well do you know your Christmas Characters?</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>3rd Grade</p></div></div></div></div></div></a><a href="/admin/quiz/63a31b0749d96e001d737130/christmas-trivia" data-testid="activity-popular-resource-card-63a31b0749d96e001d737130" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 14 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.d07qqewowg" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5fc8233c67d42d001e20d5cf/how-the-grinch-stole-christmas" data-testid="activity-popular-resource-card-5fc8233c67d42d001e20d5cf" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="How the Grinch Stole Christmas" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.wc5m7rmp60f" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">How the Grinch Stole Christmas</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>5th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><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-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-e90c0b27><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" style="" data-v-8f929371><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="subject-resources-identifier" style=""><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-success-50 justify-center items-center flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-success-600 flex-shrink-0" data-testid><i class="fas fa-compass"></i></div></div><h2 class="text-w-header-base font-semibold">Discover more resources for Computers</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" style="" data-testid="recommendation-container" data-v-e90c0b27><div class="h-full relative" data-v-e90c0b27 data-v-86ed2d85><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-86ed2d85><div class="content h-full" data-v-86ed2d85><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap" style=""><a href="/admin/presentation/5fd77385d0617d001d2eaa0f/christmas-movie-trivia" data-testid="activity-subject-resource-card-5fd77385d0617d001d2eaa0f" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Movie Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 26 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.m9jiknbi6mg" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Movie Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>8th Grade - Professio...</p></div></div></div></div></div></a><a href="/admin/quiz/5a3bf7052f695c1400d39891/christmas-songs" data-testid="activity-subject-resource-card-5a3bf7052f695c1400d39891" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="christmas songs" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.xgitlp225y" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">christmas songs</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - University</p></div></div></div></div></div></a><a href="/admin/quiz/5fda56a1c0830a001bb0408e/holiday-trivia" data-testid="activity-subject-resource-card-5fda56a1c0830a001bb0408e" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Holiday Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.wmhyiicqixb" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Holiday Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>9th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/6564ecdf870b9c3fa1c067cb/holiday-movies" data-testid="activity-subject-resource-card-6564ecdf870b9c3fa1c067cb" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Holiday Movies" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 15 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.2k10qm8pku3" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Holiday Movies</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/quiz/5fc801e4469834001cff9e8d/christmas-trivia" data-testid="activity-subject-resource-card-5fc801e4469834001cff9e8d" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 14 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.lzb7d4jiuvo" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>3rd Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/637439d2cf5d43001d788c1b/christmas-trivia" data-testid="activity-subject-resource-card-637439d2cf5d43001d788c1b" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Christmas Trivia" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.ya5oi261xyq" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Christmas Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a><a href="/admin/presentation/6578a429b8c300c9162fa116/5th-unit-4-lesson-8" data-testid="activity-subject-resource-card-6578a429b8c300c9162fa116" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><img src="https://cf.quizizz.com/image/image-loader.svg" alt="5th, Unit 4, Lesson 8" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 8 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.66y1je7lz1r" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">5th, Unit 4, Lesson 8</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/lesson-icon.svg" alt="lesson" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Lesson</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>KG - Professional Dev...</p></div></div></div></div></div></a><a href="/admin/quiz/654bb93d3eed7c828d3a746a/disney-trivia" data-testid="activity-subject-resource-card-654bb93d3eed7c828d3a746a" data-v-9a81d4c2><div class="w-60 h-auto hover:border-ds-lilac-500" style="" data-v-9a81d4c2><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" style="" data-v-9a81d4c2><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-9a81d4c2><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" style="" data-v-9a81d4c2><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-9a81d4c2></div><div class="bottom-2 left-2 absolute" data-v-9a81d4c2><div class="" data-v-9a81d4c2><div class="bg-wds-light-500 py-1 px-2 border max-w-max border-wds-light-200 rounded-w-admin-md w-auto h-6" data-testid="activity-display-card-stats" style=""><p id class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions </span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" style="" data-v-9a81d4c2><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" style="" data-v-9a81d4c2><div aria-describedby="tooltip-0.k3uhqbmkz2" class="contents"><p class="text-w-content-base font-semibold text-clip text-left line-clamp-1 w-auto overflow-none" tooltipposition="top">Disney Trivia</p></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" style="" data-v-9a81d4c2><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group" style=""><img src="https://cf.quizizz.com/image/assessment-icon.svg" alt="quiz" class="w-full h-full" data-testid="activity-type-image" style=""></div><p id class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p id class="text-wds-dark-100 text-w-content-base font-semibold" data-v-9a81d4c2> • </p><p id class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-9a81d4c2>University</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-86ed2d85><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-86ed2d85></div></div></div><div class="right-0 top-0 bottom-0 z-100 absolute gradient-right" data-v-e90c0b27><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" style="" data-v-e90c0b27><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-100 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-e90c0b27><div class="flex visible justify-center items-center h-full flex-row flex-nowrap" style=""><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-df04e6cf><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-df04e6cf><div class="flex flex-col justify-between w-full" data-v-df04e6cf><div class="flex flex-col md:flex-row" data-v-df04e6cf><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-df04e6cf></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-df04e6cf><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-df04e6cf><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-df04e6cf><p class="text-sm font-semibold copyright text-dark-4" data-v-df04e6cf> © 2026 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-df04e6cf><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-df04e6cf><i class="social-icon fab fa-twitter" data-v-df04e6cf></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-df04e6cf><i class="social-icon fab fa-facebook" data-v-df04e6cf></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-df04e6cf><i class="social-icon fab fa-instagram" data-v-df04e6cf></i></a><span class="block w-px h-5 bg-dark-5" data-v-df04e6cf></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-df04e6cf><span class="text-sm text-dark-3 hover:underline" data-v-df04e6cf><span data-v-df04e6cf>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-df04e6cf><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-df04e6cf><span data-v-df04e6cf>Get our app</span></label><div class="flex space-x-2" data-v-df04e6cf><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-df04e6cf><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-df04e6cf></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-df04e6cf><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-df04e6cf></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":806,"once":808,"_errors":809,"serverRendered":5,"path":811,"country":603,"region":812},["ShallowReactive",3],{"recommendations-66c5eab443eadf5b2f695ab2-false":4,"quiz-66c5eab443eadf5b2f695ab2":102,"recommendations-aggregated-66c5eab443eadf5b2f695ab2":597,"recommendations-indexed-66c5eab443eadf5b2f695ab2-false":736},{"success":5,"data":6,"time":101},true,{"quizzes":7,"total":97,"timeTaken":98,"experiment":99,"source":100},[8,22,32,44,55,65,76,86],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"656cf0ad62b4cf2e814340b8",false,"quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"13","Firebase - Realtime Database","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/2adfa6a7-4fa3-4109-b68a-5f7de1a34d6c-v2",{"played":18,"totalPlayers":19,"totalCorrect":20,"totalQuestions":21},1,16,108,10,{"id":23,"isSuper":10,"type":11,"info":24,"shouldIndex":10,"stats":28},"63c601effb40b4001ecf658b",{"grade":25,"name":26,"slug":26,"image":27},[14,14],"Pre Test HTML","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/5411f161-9222-462a-8568-81a2fdfa0f6f",{"played":21,"totalPlayers":29,"totalCorrect":30,"totalQuestions":31},99,555,11,{"id":33,"isSuper":10,"type":11,"info":34,"shouldIndex":10,"stats":39},"66fcddff28190d8545d3822e",{"grade":35,"name":36,"slug":37,"image":38},[14,14],"Algoritma dan Pemrograman Bab 1","Pemrograman dan Algoritma","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8d22d75c-0d30-432a-b286-17a0d21947d2-v2",{"played":40,"totalPlayers":41,"totalCorrect":42,"totalQuestions":43},2,67,315,15,{"id":45,"isSuper":10,"type":11,"info":46,"shouldIndex":10,"stats":51},"618ed0cdd06bbb001d613d87",{"grade":47,"name":49,"slug":49,"image":50},[48,14],"12","ІР адресація","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f6cc3c02-bf74-45f3-97dc-b0b164b69ab5",{"played":52,"totalPlayers":53,"totalCorrect":54,"totalQuestions":31},13,46,218,{"id":56,"isSuper":10,"type":11,"info":57,"shouldIndex":10,"stats":61},"67cae6c77921b315cf7a5727",{"grade":58,"name":59,"slug":59,"image":60},[14,14],"web Development QUIZ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/48997f29-09e4-4897-9ca2-d2811b2b598a-v2",{"played":62,"totalPlayers":63,"totalCorrect":64,"totalQuestions":21},7,38,272,{"id":66,"isSuper":10,"type":11,"info":67,"shouldIndex":10,"stats":72},"68374d499d38d8c3c5c4bc0f",{"grade":68,"name":70,"slug":70,"image":71},[69,14],"3","Lego Dive","https://cf.quizizz.com/image/assessment-square.png",{"played":18,"totalPlayers":73,"totalCorrect":74,"totalQuestions":75},30,288,14,{"id":77,"isSuper":10,"type":11,"info":78,"shouldIndex":10,"stats":82},"605422ceef6bb1001b3c84e9",{"grade":79,"name":80,"slug":80,"image":81},[14,14],"Quiz Web Programming #Week3","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/99a4bddf-bab1-41be-9c1c-d6735707354f",{"played":83,"totalPlayers":84,"totalCorrect":85,"totalQuestions":21},8,22,133,{"id":87,"isSuper":10,"type":11,"info":88,"shouldIndex":10,"stats":93},"6710bf6821361d4145a6a1a1",{"grade":89,"name":91,"slug":92,"image":71},[90,14],"2","Introduction to HTML ","untitled",{"played":94,"totalPlayers":95,"totalCorrect":96,"totalQuestions":21},9,26,195,493,23,"quizPageRecoPublicSearch","recommended_search","2026-01-04T17:09:51.224263887Z",{"success":5,"message":103,"data":104,"time":593,"meta":594},"Ok",{"quiz":105,"draft":109},{"isTagged":10,"isLoved":10,"tagIds":106,"stats":107,"love":108,"cloned":10,"parentDetail":109,"deleted":10,"archived":10,"lifetimeAccess":5,"draftVersion":109,"publishedVersion":110,"isShared":10,"type":11,"hidden":10,"_id":111,"createdBy":112,"info":124,"createdAt":589,"updated":591,"premiumUse":592,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":109,"lock":109,"isPremium":10},[],{"played":108,"totalPlayers":108,"totalCorrect":108,"totalQuestions":108},0,null,"66c5eab443eadf4920695ab3","66c5eab443eadf5b2f695ab2",{"_id":113,"firstName":114,"lastName":115,"occupation":116,"country":117,"preferences":118,"grades":120,"subject_tags":121,"media":123},"5f78e5378c403c001bbad8f9","Виктория","Островская","teacher","BY",{"lang":119},"ru",[62],[122],"Computers","https://lh3.googleusercontent.com/a/ACg8ocJCzH3SrxLhEbMjloBZF9syIMtJSjHNtebiva3bM1_B5JTGdxDj=s96-c",{"lang":125,"aiGenerated":5,"qm":126,"visibility":5,"subjects":138,"topics":139,"subtopics":140,"grade":141,"gradeLevel":109,"deleted":10,"pref":142,"traits":143,"standardIds":144,"__v":145,"meta":146,"_id":110,"name":147,"aiCreateMeta":148,"questions":150,"questionDrafts":588,"standards":109,"courses":109,"createdAt":589,"updated":590,"isProfane":10,"whitelisted":5,"slug":147},"English",{"66c5eab40cc3d000c3bd84f3":127,"66c5eab40cc3d000e5bd84f5":129,"66c5eab40cc3d001f9bd84f1":130,"66c5eab40cc3d01e92bd84f2":131,"66c5eab40cc3d02b1abd84f4":132,"66c5eab40cc3d02dc2bd84ef":133,"66c5eab40cc3d053f1bd84f6":134,"66c5eab40cc3d0540fbd84f0":135,"66c5eab40cc3d07ce6bd84f8":136,"66c5eab40cc3d09fe4bd84f7":137},{"time":128},30000,{"time":128},{"time":128},{"time":128},{"time":128},{"time":128},{"time":128},{"time":128},{"time":128},{"time":128},[122],[],[],[14,14],{"time":109},{"isQuizWithoutCorrectAnswer":10,"totalSlides":108,"totalComprehensionQuestions":108,"nonAnswerableQuestions":108},[],3,{"slot":109,"experiment":109},"Web Development Concepts",{"quizGenKey":149},"66c5eaaa427525367ab0c5fb",[151,201,244,287,330,373,416,459,502,545],{"structure":152,"standards":195,"topics":196,"isSuperParent":10,"standardIds":197,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":198,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":153,"hasMath":10,"query":155,"options":162,"explain":187,"hints":192,"kind":193,"marks":194,"answer":40},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"type":156,"hasMath":10,"math":157,"answerTime":159,"text":160,"media":161},"text",{"latex":158,"template":109},[],-1,"\u003Cp>Что такое HTML и какова его основная структура?\u003C/p>",[],[163,169,175,181],{"type":156,"hasMath":10,"math":164,"answerTime":108,"id":166,"text":167,"media":168,"_id":166},{"latex":165,"template":109},[],"66c5eab452f511df1c3eea68","\u003Cp>HTML is a type of operating system used for running web servers.\u003C/p>",[],{"type":156,"hasMath":10,"math":170,"answerTime":108,"id":172,"text":173,"media":174,"_id":172},{"latex":171,"template":109},[],"66c5eab452f51166143eea69","\u003Cp>HTML is a software application used for editing images.\u003C/p>",[],{"type":156,"hasMath":10,"math":176,"answerTime":108,"id":178,"text":179,"media":180,"_id":178},{"latex":177,"template":109},[],"66c5eab452f5117e5f3eea6a","\u003Cp>HTML is a markup language used to create the structure of web pages. It consists of opening and closing tags that define different elements.\u003C/p>",[],{"type":156,"hasMath":10,"math":182,"answerTime":108,"id":184,"text":185,"media":186,"_id":184},{"latex":183,"template":109},[],"66c5eab452f5119c9e3eea6b","\u003Cp>HTML is a programming language used for creating animations on websites.\u003C/p>",[],{"type":156,"text":188,"media":189,"hasMath":10,"math":190,"answerTime":108},"",[],{"template":109,"latex":191},[],[],"MCQ",{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d02dc2bd84ef","2024-08-21T13:25:08.709Z","2024-08-21T13:25:40.030Z",{"structure":202,"standards":240,"topics":241,"isSuperParent":10,"standardIds":242,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":243,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":203,"hasMath":10,"query":204,"options":209,"explain":234,"hints":238,"kind":193,"marks":239,"answer":145},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":205,"answerTime":159,"text":207,"media":208},{"latex":206,"template":109},[],"\u003Cp>Какие основные теги используются в HTML?\u003C/p>",[],[210,216,222,228],{"type":156,"hasMath":10,"math":211,"answerTime":108,"id":213,"text":214,"media":215,"_id":213},{"latex":212,"template":109},[],"66c5eab452f51152ea3eea6f","\u003Cp>\u003Cdiv>\u003C/p>",[],{"type":156,"hasMath":10,"math":217,"answerTime":108,"id":219,"text":220,"media":221,"_id":219},{"latex":218,"template":109},[],"66c5eab452f511a88a3eea70","\u003Cp>\u003Csection>\u003C/p>",[],{"type":156,"hasMath":10,"math":223,"answerTime":108,"id":225,"text":226,"media":227,"_id":225},{"latex":224,"template":109},[],"66c5eab452f51158b83eea71","\u003Cp>\u003Cspan>\u003C/p>",[],{"type":156,"hasMath":10,"math":229,"answerTime":108,"id":231,"text":232,"media":233,"_id":231},{"latex":230,"template":109},[],"66c5eab452f511585c3eea72","\u003Cp>\u003Chtml>, \u003Chead>, \u003Ctitle>, \u003Cbody>, \u003Ch1>-\u003Ch6>, \u003Cp>, \u003Ca>, \u003Cimg>, \u003Cul>, \u003Col>, \u003Cli>, \u003Ctable>, \u003Ctr>, \u003Ctd>, \u003Cth>, \u003Cform>, \u003Cinput>, \u003Cbutton>\u003C/p>",[],{"type":156,"text":188,"media":235,"hasMath":10,"math":236,"answerTime":108},[],{"template":109,"latex":237},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d0540fbd84f0",{"structure":245,"standards":283,"topics":284,"isSuperParent":10,"standardIds":285,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":286,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":246,"hasMath":10,"query":247,"options":252,"explain":277,"hints":281,"kind":193,"marks":282,"answer":108},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":248,"answerTime":159,"text":250,"media":251},{"latex":249,"template":109},[],"\u003Cp>Что такое CSS и как он отличается от HTML?\u003C/p>",[],[253,259,265,271],{"type":156,"hasMath":10,"math":254,"answerTime":108,"id":256,"text":257,"media":258,"_id":256},{"latex":255,"template":109},[],"66c5eab452f51129a43eea76","\u003Cp>CSS is used for styling the presentation of a web page, while HTML is used for creating the structure of the page.\u003C/p>",[],{"type":156,"hasMath":10,"math":260,"answerTime":108,"id":262,"text":263,"media":264,"_id":262},{"latex":261,"template":109},[],"66c5eab452f51100113eea77","\u003Cp>CSS is used for creating the structure of a web page, while HTML is used for styling the presentation.\u003C/p>",[],{"type":156,"hasMath":10,"math":266,"answerTime":108,"id":268,"text":269,"media":270,"_id":268},{"latex":267,"template":109},[],"66c5eab452f511ebb13eea78","\u003Cp>CSS is only used for text formatting, while HTML is used for layout design.\u003C/p>",[],{"type":156,"hasMath":10,"math":272,"answerTime":108,"id":274,"text":275,"media":276,"_id":274},{"latex":273,"template":109},[],"66c5eab452f51178ce3eea79","\u003Cp>CSS and HTML are interchangeable and serve the same purpose.\u003C/p>",[],{"type":156,"text":188,"media":278,"hasMath":10,"math":279,"answerTime":108},[],{"template":109,"latex":280},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d001f9bd84f1",{"structure":288,"standards":326,"topics":327,"isSuperParent":10,"standardIds":328,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":329,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":289,"hasMath":10,"query":290,"options":295,"explain":320,"hints":324,"kind":193,"marks":325,"answer":18},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":291,"answerTime":159,"text":293,"media":294},{"latex":292,"template":109},[],"\u003Cp>Как можно применить CSS для стилизации веб-страниц?\u003C/p>",[],[296,302,308,314],{"type":156,"hasMath":10,"math":297,"answerTime":108,"id":299,"text":300,"media":301,"_id":299},{"latex":298,"template":109},[],"66c5eab452f51177273eea7d","\u003Cp>Использовать только встроенные стили в HTML без CSS\u003C/p>",[],{"type":156,"hasMath":10,"math":303,"answerTime":108,"id":305,"text":306,"media":307,"_id":305},{"latex":304,"template":109},[],"66c5eab452f511b8ec3eea7e","\u003Cp>Применить CSS, используя селекторы для выбора элементов на веб-странице, затем определить стили, такие как цвет текста, размер шрифта, отступы и многое другое.\u003C/p>",[],{"type":156,"hasMath":10,"math":309,"answerTime":108,"id":311,"text":312,"media":313,"_id":311},{"latex":310,"template":109},[],"66c5eab452f5114a723eea7f","\u003Cp>Использовать JavaScript вместо CSS для стилизации веб-страниц\u003C/p>",[],{"type":156,"hasMath":10,"math":315,"answerTime":108,"id":317,"text":318,"media":319,"_id":317},{"latex":316,"template":109},[],"66c5eab452f51176af3eea80","\u003Cp>Применить CSS, используя HTML-теги для стилизации веб-страниц\u003C/p>",[],{"type":156,"text":188,"media":321,"hasMath":10,"math":322,"answerTime":108},[],{"template":109,"latex":323},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d01e92bd84f2",{"structure":331,"standards":369,"topics":370,"isSuperParent":10,"standardIds":371,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":372,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":332,"hasMath":10,"query":333,"options":338,"explain":363,"hints":367,"kind":193,"marks":368,"answer":145},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":334,"answerTime":159,"text":336,"media":337},{"latex":335,"template":109},[],"\u003Cp>Что такое селекторы в CSS и как они работают?\u003C/p>",[],[339,345,351,357],{"type":156,"hasMath":10,"math":340,"answerTime":108,"id":342,"text":343,"media":344,"_id":342},{"latex":341,"template":109},[],"66c5eab452f5111c083eea84","\u003Cp>Селекторы в CSS - это элементы для создания динамических форм на веб-страницах.\u003C/p>",[],{"type":156,"hasMath":10,"math":346,"answerTime":108,"id":348,"text":349,"media":350,"_id":348},{"latex":347,"template":109},[],"66c5eab452f51138f03eea85","\u003Cp>Селекторы в CSS - это специальные теги для создания анимаций на веб-страницах.\u003C/p>",[],{"type":156,"hasMath":10,"math":352,"answerTime":108,"id":354,"text":355,"media":356,"_id":354},{"latex":353,"template":109},[],"66c5eab452f511226c3eea86","\u003Cp>Селекторы в CSS - это инструменты для создания адаптивного дизайна на веб-страницах.\u003C/p>",[],{"type":156,"hasMath":10,"math":358,"answerTime":108,"id":360,"text":361,"media":362,"_id":360},{"latex":359,"template":109},[],"66c5eab452f511790a3eea87","\u003Cp>Селекторы в CSS - это паттерны для выбора элементов на веб-странице и применения к ним стилей.\u003C/p>",[],{"type":156,"text":188,"media":364,"hasMath":10,"math":365,"answerTime":108},[],{"template":109,"latex":366},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d000c3bd84f3",{"structure":374,"standards":412,"topics":413,"isSuperParent":10,"standardIds":414,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":415,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":375,"hasMath":10,"query":376,"options":381,"explain":406,"hints":410,"kind":193,"marks":411,"answer":18},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":377,"answerTime":159,"text":379,"media":380},{"latex":378,"template":109},[],"\u003Cp>Как можно добавить цвет и фон на веб-страницу с помощью CSS?\u003C/p>",[],[382,388,394,400],{"type":156,"hasMath":10,"math":383,"answerTime":108,"id":385,"text":386,"media":387,"_id":385},{"latex":384,"template":109},[],"66c5eab452f511ffdf3eea8b","\u003Cp>Use the 'size' property to set text size and the 'background-image' property to set the background image in CSS.\u003C/p>",[],{"type":156,"hasMath":10,"math":389,"answerTime":108,"id":391,"text":392,"media":393,"_id":391},{"latex":390,"template":109},[],"66c5eab452f51112df3eea8c","\u003Cp>Use the 'color' property to set text color and the 'background-color' property to set the background color in CSS.\u003C/p>",[],{"type":156,"hasMath":10,"math":395,"answerTime":108,"id":397,"text":398,"media":399,"_id":397},{"latex":396,"template":109},[],"66c5eab452f511cd6c3eea8d","\u003Cp>Utilize the 'text-color' property to set text color and the 'bg-image' property to set the background image in CSS.\u003C/p>",[],{"type":156,"hasMath":10,"math":401,"answerTime":108,"id":403,"text":404,"media":405,"_id":403},{"latex":402,"template":109},[],"66c5eab452f51131883eea8e","\u003Cp>Apply the 'font-color' property to set text color and the 'bg-color' property to set the background color in CSS.\u003C/p>",[],{"type":156,"text":188,"media":407,"hasMath":10,"math":408,"answerTime":108},[],{"template":109,"latex":409},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d02b1abd84f4",{"structure":417,"standards":455,"topics":456,"isSuperParent":10,"standardIds":457,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":458,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":418,"hasMath":10,"query":419,"options":424,"explain":449,"hints":453,"kind":193,"marks":454,"answer":145},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":420,"answerTime":159,"text":422,"media":423},{"latex":421,"template":109},[],"\u003Cp>Что такое классы и идентификаторы в CSS?\u003C/p>",[],[425,431,437,443],{"type":156,"hasMath":10,"math":426,"answerTime":108,"id":428,"text":429,"media":430,"_id":428},{"latex":427,"template":109},[],"66c5eab452f511778b3eea92","\u003Cp>Классы используются для стилизации текста, а идентификаторы для изображений\u003C/p>",[],{"type":156,"hasMath":10,"math":432,"answerTime":108,"id":434,"text":435,"media":436,"_id":434},{"latex":433,"template":109},[],"66c5eab452f51165af3eea93","\u003Cp>Классы и идентификаторы в CSS - это способы задания цветов фона элементов\u003C/p>",[],{"type":156,"hasMath":10,"math":438,"answerTime":108,"id":440,"text":441,"media":442,"_id":440},{"latex":439,"template":109},[],"66c5eab452f511ea5f3eea94","\u003Cp>Классы и идентификаторы в CSS не имеют различий в использовании\u003C/p>",[],{"type":156,"hasMath":10,"math":444,"answerTime":108,"id":446,"text":447,"media":448,"_id":446},{"latex":445,"template":109},[],"66c5eab452f51161bc3eea95","\u003Cp>Классы и идентификаторы в CSS - это способы задания стилей элементам веб-страницы. Классы используются для группировки элементов с общими стилями, а идентификаторы применяются к уникальным элементам.\u003C/p>",[],{"type":156,"text":188,"media":450,"hasMath":10,"math":451,"answerTime":108},[],{"template":109,"latex":452},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d000e5bd84f5",{"structure":460,"standards":498,"topics":499,"isSuperParent":10,"standardIds":500,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":501,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":461,"hasMath":10,"query":462,"options":467,"explain":492,"hints":496,"kind":193,"marks":497,"answer":18},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":463,"answerTime":159,"text":465,"media":466},{"latex":464,"template":109},[],"\u003Cp>Как можно создать адаптивный дизайн с помощью CSS?\u003C/p>",[],[468,474,480,486],{"type":156,"hasMath":10,"math":469,"answerTime":108,"id":471,"text":472,"media":473,"_id":471},{"latex":470,"template":109},[],"66c5eab452f511065f3eea99","\u003Cp>Ignore screen size variations completely.\u003C/p>",[],{"type":156,"hasMath":10,"math":475,"answerTime":108,"id":477,"text":478,"media":479,"_id":477},{"latex":476,"template":109},[],"66c5eab452f511a6ac3eea9a","\u003Cp>Use media queries in CSS to adjust styles based on screen size.\u003C/p>",[],{"type":156,"hasMath":10,"math":481,"answerTime":108,"id":483,"text":484,"media":485,"_id":483},{"latex":482,"template":109},[],"66c5eab452f511e0993eea9b","\u003Cp>Apply fixed pixel values for all elements in the design.\u003C/p>",[],{"type":156,"hasMath":10,"math":487,"answerTime":108,"id":489,"text":490,"media":491,"_id":489},{"latex":488,"template":109},[],"66c5eab452f511701c3eea9c","\u003Cp>Use JavaScript instead of CSS for adaptive design.\u003C/p>",[],{"type":156,"text":188,"media":493,"hasMath":10,"math":494,"answerTime":108},[],{"template":109,"latex":495},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d053f1bd84f6",{"structure":503,"standards":541,"topics":542,"isSuperParent":10,"standardIds":543,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":544,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":504,"hasMath":10,"query":505,"options":510,"explain":535,"hints":539,"kind":193,"marks":540,"answer":18},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":506,"answerTime":159,"text":508,"media":509},{"latex":507,"template":109},[],"\u003Cp>Что такое блочные и строчные элементы в HTML и как они влияют на верстку?\u003C/p>",[],[511,517,523,529],{"type":156,"hasMath":10,"math":512,"answerTime":108,"id":514,"text":515,"media":516,"_id":514},{"latex":513,"template":109},[],"66c5eab452f511b3563eeaa0","\u003Cp>Блочные элементы располагаются в одной строке, а строчные элементы делают элементы расположенными друг под другом\u003C/p>",[],{"type":156,"hasMath":10,"math":518,"answerTime":108,"id":520,"text":521,"media":522,"_id":520},{"latex":519,"template":109},[],"66c5eab452f5118e6d3eeaa1","\u003Cp>Блочные элементы влияют на верстку, делая элементы расположенными друг под другом, в то время как строчные элементы позволяют элементам располагаться в одной строке.\u003C/p>",[],{"type":156,"hasMath":10,"math":524,"answerTime":108,"id":526,"text":527,"media":528,"_id":526},{"latex":525,"template":109},[],"66c5eab452f51196d43eeaa2","\u003Cp>Блочные элементы не влияют на верстку, а строчные элементы делают элементы расположенными друг под другом\u003C/p>",[],{"type":156,"hasMath":10,"math":530,"answerTime":108,"id":532,"text":533,"media":534,"_id":532},{"latex":531,"template":109},[],"66c5eab452f511e7993eeaa3","\u003Cp>Блочные элементы позволяют элементам располагаться в одной строке, а строчные элементы делают элементы расположенными друг под другом\u003C/p>",[],{"type":156,"text":188,"media":536,"hasMath":10,"math":537,"answerTime":108},[],{"template":109,"latex":538},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d09fe4bd84f7",{"structure":546,"standards":584,"topics":585,"isSuperParent":10,"standardIds":586,"aiGenerated":5,"__v":18,"teleportFrom":109,"cloned":109,"ver":40,"parent":109,"_id":587,"time":128,"published":5,"aiCreateMeta":109,"type":193,"createdAt":199,"updated":200},{"settings":547,"hasMath":10,"query":548,"options":553,"explain":578,"hints":582,"kind":193,"marks":583,"answer":145},{"hasCorrectAnswer":5,"fibDataType":154,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":156,"hasMath":10,"math":549,"answerTime":159,"text":551,"media":552},{"latex":550,"template":109},[],"\u003Cp>Как можно добавить изображение на веб-страницу с помощью HTML и CSS?\u003C/p>",[],[554,560,566,572],{"type":156,"hasMath":10,"math":555,"answerTime":108,"id":557,"text":558,"media":559,"_id":557},{"latex":556,"template":109},[],"66c5eab452f511aa123eeaa7","\u003Cp>\u003Cimg href='image.jpg' alt='Description of image'>\u003C/p>",[],{"type":156,"hasMath":10,"math":561,"answerTime":108,"id":563,"text":564,"media":565,"_id":563},{"latex":562,"template":109},[],"66c5eab452f511238b3eeaa8","\u003Cp>\u003Cimage src='image.jpg' alt='Description of image'>\u003C/p>",[],{"type":156,"hasMath":10,"math":567,"answerTime":108,"id":569,"text":570,"media":571,"_id":569},{"latex":568,"template":109},[],"66c5eab452f51140563eeaa9","\u003Cp>\u003Cimg src='image.jpg' title='Description of image'>\u003C/p>",[],{"type":156,"hasMath":10,"math":573,"answerTime":108,"id":575,"text":576,"media":577,"_id":575},{"latex":574,"template":109},[],"66c5eab452f5115f2e3eeaaa","\u003Cp>\u003Cimg src='image.jpg' alt='Description of image'>\u003C/p>",[],{"type":156,"text":188,"media":579,"hasMath":10,"math":580,"answerTime":108},[],{"template":109,"latex":581},[],[],{"correct":18,"incorrect":108},[],[],[],"66c5eab40cc3d07ce6bd84f8",[],"2024-08-21T13:25:08.685Z","2024-08-21T13:25:40.037Z","2024-08-21T13:25:40.039Z","DISABLED","2026-01-04T17:09:51.201Z",{"service":595,"version":596},"quizserver","b409863c9b567fc496beae3c75876349c6e04b22",{"success":5,"data":598,"time":735},{"countryBasedRecommendations":599,"subjectBasedRecommendations":653,"subjectBasedQualifiers":704},[600,608,615,623,630,636,642,647],{"id":601,"quizId":602,"country":603,"lowerGrade":18,"upperGrade":604,"quizRank":604,"subject":605,"quizImage":606,"quizName":607,"quizType":11,"noOfQuestions":604,"noOfSlides":108},"69428d41d5d5fe58ad6bbfd2","6936debf7e935080f5135aba","US",5,"Other","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/1f813067-f4c6-4f6e-958f-506e31fe5069-v2","This is not a...winter edition (Drawing game)",{"id":609,"quizId":610,"country":603,"lowerGrade":604,"upperGrade":604,"quizRank":62,"subject":611,"quizImage":612,"quizName":613,"quizType":11,"noOfQuestions":614,"noOfSlides":108},"689335b96cc7c0498fa6bf4b","5c389a492f1851001b880bd4","Mathematics","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/fdde5817-bde0-4859-aaa7-86378fbc69f0","Multiplication Facts",25,{"id":616,"quizId":617,"country":603,"lowerGrade":618,"upperGrade":21,"quizRank":619,"subject":611,"quizImage":620,"quizName":621,"quizType":622,"noOfQuestions":21,"noOfSlides":108},"69428d41d5d5fe58ad6bc303","66ea91696a6efd02276db8d5",6,18,"https://i3.ytimg.com/vi/aFI62Ogo6jE/default.jpg","Identify Iconic Christmas Movie Scenes","video-quiz",{"id":624,"quizId":625,"country":603,"lowerGrade":618,"upperGrade":83,"quizRank":626,"subject":125,"quizImage":627,"quizName":628,"quizType":11,"noOfQuestions":629,"noOfSlides":108},"693952bf7d127d0f6b38b40c","5dfa199bd5384a001b9c0d61",19,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/507ce352-67df-4aa0-911a-e53736ca1fb5","Christmas Trivia",20,{"id":631,"quizId":632,"country":603,"lowerGrade":108,"upperGrade":604,"quizRank":614,"subject":633,"quizImage":634,"quizName":635,"quizType":11,"noOfQuestions":619,"noOfSlides":108},"693018419b5f2019f0e05165","585938f55694f88766865583","Fun","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/aac305c6-68f9-4a21-918d-c83cf1161b2e","Kids Christmas Trivia",{"id":637,"quizId":638,"country":603,"lowerGrade":145,"upperGrade":145,"quizRank":95,"subject":125,"quizImage":639,"quizName":640,"quizType":641,"noOfQuestions":31,"noOfSlides":18},"69428d41d5d5fe58ad6bbe8c","5fd79f75225737001c0ee4fc","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/f41decca-91c0-4173-8465-6b96d8172b8d","How well do you know your Christmas Characters?","presentation",{"id":643,"quizId":644,"country":603,"lowerGrade":604,"upperGrade":604,"quizRank":95,"subject":645,"quizImage":646,"quizName":628,"quizType":11,"noOfQuestions":75,"noOfSlides":108},"693952bf7d127d0f6b38b1ff","63a31b0749d96e001d737130","Arts","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/dbe36759-b320-4a7b-9c6b-cb420fe714cb",{"id":648,"quizId":649,"country":603,"lowerGrade":604,"upperGrade":604,"quizRank":650,"subject":633,"quizImage":651,"quizName":652,"quizType":11,"noOfQuestions":629,"noOfSlides":108},"69428d41d5d5fe58ad6bbfab","5fc8233c67d42d001e20d5cf",27,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/b8242897-9a08-4b7d-9065-a2515eda8874","How the Grinch Stole Christmas",[654,660,667,674,680,685,690,697],{"id":655,"quizId":656,"country":603,"lowerGrade":83,"upperGrade":75,"quizRank":657,"subject":633,"quizImage":658,"quizName":659,"quizType":641,"noOfQuestions":95,"noOfSlides":18},"693952bf7d127d0f6b38b776","5fd77385d0617d001d2eaa0f",63,"https://quizizz.com/media/resource/gs/quizizz-media/questions/be1b56f7-49be-4d9f-883a-ceb6a035e096","Christmas Movie Trivia",{"id":661,"quizId":662,"country":603,"lowerGrade":108,"upperGrade":52,"quizRank":663,"subject":664,"quizImage":665,"quizName":666,"quizType":11,"noOfQuestions":629,"noOfSlides":108},"694bc7bb809527294d83a63f","5a3bf7052f695c1400d39891",182,"Multiple Subjects","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/L2FwcGhvc3RpbmdfcHJvZC9ibG9icy9BRW5CMlVxVVlhRHVFUmk3R2tSUlN6UC1tZm96ZktPLUl4RFBqSFFoVHdkMldZZW9WWFZOS1ZyMXVUWGp6cTJrRFJucU05SHFJelFMbGxuVEh1UG5TOGlYSkpCTlNJeUNHWFI5Vlc2aENqX2hYT21fZ1NTTkMzTS44RmplZVJXcWVGYUdKYk9u","christmas songs",{"id":668,"quizId":669,"country":603,"lowerGrade":94,"upperGrade":52,"quizRank":670,"subject":671,"quizImage":672,"quizName":673,"quizType":11,"noOfQuestions":629,"noOfSlides":108},"694bc7bb809527294d83a772","5fda56a1c0830a001bb0408e",262,"Specialty","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/b3cf5fd9-eb19-4502-a9d4-4fa8414ccb79","Holiday Trivia",{"id":675,"quizId":676,"country":603,"lowerGrade":52,"upperGrade":52,"quizRank":677,"subject":125,"quizImage":678,"quizName":679,"quizType":11,"noOfQuestions":43,"noOfSlides":108},"694bc7bb809527294d83a591","6564ecdf870b9c3fa1c067cb",266,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/433efbba-3416-4fe2-9fae-fa6bafeb9f8f-v2","Holiday Movies",{"id":681,"quizId":682,"country":603,"lowerGrade":145,"upperGrade":52,"quizRank":683,"subject":633,"quizImage":684,"quizName":628,"quizType":11,"noOfQuestions":75,"noOfSlides":108},"694bc7bb809527294d83a7e4","5fc801e4469834001cff9e8d",330,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/a56207ae-f482-4115-945b-0612fe780dfe",{"id":686,"quizId":687,"country":603,"lowerGrade":52,"upperGrade":52,"quizRank":688,"subject":633,"quizImage":689,"quizName":628,"quizType":11,"noOfQuestions":629,"noOfSlides":108},"694bc7bb809527294d83a7e6","637439d2cf5d43001d788c1b",348,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/aa1b0592-25e0-4c45-bfbc-d2ad514e15d8",{"id":691,"quizId":692,"country":603,"lowerGrade":108,"upperGrade":75,"quizRank":693,"subject":605,"quizImage":694,"quizName":695,"quizType":641,"noOfQuestions":83,"noOfSlides":696},"694bc7bb809527294d83a651","6578a429b8c300c9162fa116",458,"https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d020f284-c0cc-42b5-b9a0-7f9f7620f32d-v2","5th, Unit 4, Lesson 8",36,{"id":698,"quizId":699,"country":603,"lowerGrade":52,"upperGrade":52,"quizRank":700,"subject":701,"quizImage":702,"quizName":703,"quizType":11,"noOfQuestions":629,"noOfSlides":108},"694bc7bb809527294d83a6d1","654bb93d3eed7c828d3a746a",510,"History","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/218f49f0-29fb-4c6f-a4ba-0553ca6817d3-v2","Disney Trivia",[705,708,711,714,717,720,723,726,729,732],{"path":706,"display":707},"/science/biology/ecology-and-environmental-biology/global-change-biology/species-range-shifts","Species range shifts",{"path":709,"display":710},"/social-studies/history/historical-events-and-holidays/holidays-and-celebrations","Holidays and Celebrations",{"path":712,"display":713},"/social-studies/social-studies-skills/research-and-communication/historical-writing","Historical Writing",{"path":715,"display":716},"/math/statistics-and-probability/probability/random-variables-and-expected-value/understanding-and-using-probability-distributions/calculating-and-interpreting-the-expected-value-of-a-random-variable","Calculating and interpreting the expected value of a random variable",{"path":718,"display":719},"/math/mathematics-connections/digital-tools/digital-problem-solving","Digital problem solving",{"path":721,"display":722},"/math/geometry/plane-geometry/polygons/quadrilaterals/understanding-quadrilaterals","Understanding quadrilaterals",{"path":724,"display":725},"/math/measurement-and-data/money/financial-literacy","Financial literacy",{"path":727,"display":728},"/social-studies/geography/world-geography/countries-of-the-americas/the-caribbean","The Caribbean",{"path":730,"display":731},"/science/biology/cell-biology/transport-mechanisms","Transport mechanisms",{"path":733,"display":734},"/ela/writing/writing-process/editing/self-edit-for-publication-standards","Self-edit for publication standards","2026-01-04T17:09:51.256815752Z",{"success":5,"data":737,"time":805},{"quizzes":738,"total":803,"timeTaken":804,"experiment":99,"source":100},[739,748,757,767,771,775,784,793],{"id":740,"isSuper":10,"type":11,"info":741,"shouldIndex":10,"stats":745},"5d896b958f1f36001b8eef59",{"grade":742,"name":743,"slug":743,"image":744},[14,14],"Протоколы. Стеки протоколов","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/bc322559-662d-4aae-a3ec-8fdf8d4e1ca6",{"played":63,"totalPlayers":746,"totalCorrect":747,"totalQuestions":21},170,1037,{"id":749,"isSuper":10,"type":11,"info":750,"shouldIndex":10,"stats":754},"6386d10b110891001d9c317b",{"grade":751,"name":752,"slug":752,"image":753},[14,14],"Test Form HTML 2","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/d8c90285-e2ea-460f-9bf5-fbbaf2e79db3",{"played":618,"totalPlayers":755,"totalCorrect":756,"totalQuestions":21},151,744,{"id":758,"isSuper":10,"type":11,"info":759,"shouldIndex":10,"stats":764},"67bdfcbd1fe92ab6ab09a101",{"grade":760,"name":762,"slug":763},[761,14],"4","JSPS Competition Hackathon - HTML Language Grade 4 & 5 ","ST.BAKHITA EAGLES PLAIN GRADE 4&5",{"played":604,"totalPlayers":765,"totalCorrect":766,"totalQuestions":21},134,807,{"id":23,"isSuper":10,"type":11,"info":768,"shouldIndex":10,"stats":770},{"grade":769,"name":26,"slug":26,"image":27},[14,14],{"played":21,"totalPlayers":29,"totalCorrect":30,"totalQuestions":31},{"id":33,"isSuper":10,"type":11,"info":772,"shouldIndex":10,"stats":774},{"grade":773,"name":36,"slug":37,"image":38},[14,14],{"played":40,"totalPlayers":41,"totalCorrect":42,"totalQuestions":43},{"id":776,"isSuper":10,"type":11,"info":777,"shouldIndex":10,"stats":781},"5e6b0c7dc39fe0001c5948f8",{"grade":778,"name":779,"slug":779,"image":780},[14,14],"Mobile IP and WAP","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/5ca2d000-1cbd-484a-ac40-c32c25d1eea4",{"played":657,"totalPlayers":782,"totalCorrect":783,"totalQuestions":21},400,2518,{"id":785,"isSuper":10,"type":11,"info":786,"shouldIndex":10,"stats":790},"6266b1a520889a001d7a6ca5",{"grade":787,"name":788,"slug":788,"image":789},[14,14],"CTN-Web","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/3b505771-49a6-4380-80b6-6c9b3be5839b",{"played":73,"totalPlayers":791,"totalCorrect":792,"totalQuestions":43},220,1438,{"id":794,"isSuper":10,"type":11,"info":795,"shouldIndex":10,"stats":799},"5de4bf129c81d0001b032862",{"grade":796,"name":797,"slug":797,"image":798},[14,14],"Quis CSS W3Schools","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/2541b99f-c2bd-4f18-8040-b3b614591f45",{"played":800,"totalPlayers":801,"totalCorrect":802,"totalQuestions":21},106,222,1285,236,21,"2026-01-04T17:09:51.293583529Z",["Reactive",807],{},["Set"],["ShallowReactive",810],{"recommendations-66c5eab443eadf5b2f695ab2-false":109,"recommendations-indexed-66c5eab443eadf5b2f695ab2-false":109,"quiz-66c5eab443eadf5b2f695ab2":109,"recommendations-aggregated-66c5eab443eadf5b2f695ab2":109},"/admin/quiz/66c5eab443eadf5b2f695ab2/web-development-concepts","none"]</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:""},da:{domain:""},nb:{domain:""},fi:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""},sw:{domain:""},uk:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"7576d6a5-3d9e-46c8-a0dd-576f83e1b8d8",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>