{"id":50,"date":"2026-05-30T14:10:52","date_gmt":"2026-05-30T14:10:52","guid":{"rendered":"https:\/\/posts.qzz.io\/g2t1\/?page_id=50"},"modified":"2026-05-30T14:59:49","modified_gmt":"2026-05-30T14:59:49","slug":"u2l1","status":"publish","type":"page","link":"https:\/\/posts.qzz.io\/g2t1\/u2l1\/","title":{"rendered":"unit 2 lesson 1"},"content":{"rendered":"\n<section class=\"lesson-page\">\n\n    <div class=\"lesson-hero\">\n        <h1>Unit 2 &#8211; Lesson 1<\/h1>\n        <p>Colors and Shapes<\/p>\n    <\/div>\n\n    <!-- Vocabulary -->\n\n    <div class=\"section-card\">\n\n        <h2>Colors &#038; Shapes Vocabulary<\/h2>\n\n        <button class=\"listen-all-btn\"\n            data-speak=\"Circle. Square. Triangle. Blue. Green. Orange. Red.\">\n            \ud83d\udd0a Listen to All Vocabulary\n        <\/button>\n\n        <div class=\"vocab-grid\">\n\n            <div class=\"word-card\">\n                <div class=\"word-text\">\n                    <span class=\"english\">Circle<\/span>\n                    <span class=\"arabic\">\u062f\u0627\u0626\u0631\u0629<\/span>\n                <\/div>\n                <button class=\"speak-btn\" data-speak=\"Circle\">\ud83d\udd0a<\/button>\n            <\/div>\n\n            <div class=\"word-card\">\n                <div class=\"word-text\">\n                    <span class=\"english\">Square<\/span>\n                    <span class=\"arabic\">\u0645\u0631\u0628\u0639<\/span>\n                <\/div>\n                <button class=\"speak-btn\" data-speak=\"Square\">\ud83d\udd0a<\/button>\n            <\/div>\n\n            <div class=\"word-card\">\n                <div class=\"word-text\">\n                    <span class=\"english\">Triangle<\/span>\n                    <span class=\"arabic\">\u0645\u062b\u0644\u062b<\/span>\n                <\/div>\n                <button class=\"speak-btn\" data-speak=\"Triangle\">\ud83d\udd0a<\/button>\n            <\/div>\n\n            <div class=\"word-card\">\n                <div class=\"word-text\">\n                    <span class=\"english\">Blue<\/span>\n                    <span class=\"arabic\">\u0623\u0632\u0631\u0642<\/span>\n                <\/div>\n                <button class=\"speak-btn\" data-speak=\"Blue\">\ud83d\udd0a<\/button>\n            <\/div>\n\n            <div class=\"word-card\">\n                <div class=\"word-text\">\n                    <span class=\"english\">Green<\/span>\n                    <span class=\"arabic\">\u0623\u062e\u0636\u0631<\/span>\n                <\/div>\n                <button class=\"speak-btn\" data-speak=\"Green\">\ud83d\udd0a<\/button>\n            <\/div>\n\n            <div class=\"word-card\">\n                <div class=\"word-text\">\n                    <span class=\"english\">Orange<\/span>\n                    <span class=\"arabic\">\u0628\u0631\u062a\u0642\u0627\u0644\u064a<\/span>\n                <\/div>\n                <button class=\"speak-btn\" data-speak=\"Orange\">\ud83d\udd0a<\/button>\n            <\/div>\n\n            <div class=\"word-card\">\n                <div class=\"word-text\">\n                    <span class=\"english\">Red<\/span>\n                    <span class=\"arabic\">\u0623\u062d\u0645\u0631<\/span>\n                <\/div>\n                <button class=\"speak-btn\" data-speak=\"Red\">\ud83d\udd0a<\/button>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Language Structures -->\n\n    <div class=\"section-card\">\n\n        <h2>Language Structures<\/h2>\n\n        <button class=\"listen-all-btn\"\n            data-speak=\"What color is this? It is blue. What shape is this? It is a circle. This is a red triangle.\">\n            \ud83d\udd0a Listen to All Sentences\n        <\/button>\n\n        <div class=\"sentences-grid\">\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    What color is this?\n                <\/div>\n                <div class=\"sentence-ar\">\n                    \u0645\u0627 \u0644\u0648\u0646 \u0647\u0630\u0627\u061f\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"What color is this?\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    It is blue.\n                <\/div>\n                <div class=\"sentence-ar\">\n                    \u0625\u0646\u0647 \u0623\u0632\u0631\u0642.\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"It is blue.\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    What shape is this?\n                <\/div>\n                <div class=\"sentence-ar\">\n                    \u0645\u0627 \u0634\u0643\u0644 \u0647\u0630\u0627\u061f\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"What shape is this?\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    It is a circle.\n                <\/div>\n                <div class=\"sentence-ar\">\n                    \u0625\u0646\u0647\u0627 \u062f\u0627\u0626\u0631\u0629.\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"It is a circle.\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    This is a red triangle.\n                <\/div>\n                <div class=\"sentence-ar\">\n                    \u0647\u0630\u0627 \u0645\u062b\u0644\u062b \u0623\u062d\u0645\u0631.\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"This is a red triangle.\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Speaking Practice -->\n\n    <div class=\"section-card\">\n\n        <h2>Speaking Practice<\/h2>\n\n        <div class=\"sentences-grid\">\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    Blue Circle\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"Blue Circle\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    Green Square\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"Green Square\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n            <div class=\"sentence-card\">\n                <div class=\"sentence-en\">\n                    Red Triangle\n                <\/div>\n                <button class=\"speak-btn\"\n                    data-speak=\"Red Triangle\">\n                    \ud83d\udd0a\n                <\/button>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Unit 2 &#8211; Lesson 1 Colors and Shapes Colors &#038; Shapes Vocabulary \ud83d\udd0a Listen to All Vocabulary Circle \u062f\u0627\u0626\u0631\u0629 \ud83d\udd0a Square \u0645\u0631\u0628\u0639 \ud83d\udd0a Triangle \u0645\u062b\u0644\u062b \ud83d\udd0a Blue \u0623\u0632\u0631\u0642 \ud83d\udd0a Green \u0623\u062e\u0636\u0631 \ud83d\udd0a Orange \u0628\u0631\u062a\u0642\u0627\u0644\u064a \ud83d\udd0a Red \u0623\u062d\u0645\u0631 \ud83d\udd0a Language Structures \ud83d\udd0a Listen to All Sentences What color is this? \u0645\u0627 \u0644\u0648\u0646 \u0647\u0630\u0627\u061f \ud83d\udd0a It is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":2,"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/pages\/50\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/posts.qzz.io\/g2t1\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}