{"id":476,"date":"2026-10-18T18:42:22","date_gmt":"2026-10-18T18:42:22","guid":{"rendered":"https:\/\/tsadeghi.yclass.ir\/?page_id=476"},"modified":"2026-10-25T17:57:47","modified_gmt":"2026-10-25T17:57:47","slug":"english-class-project","status":"publish","type":"page","link":"https:\/\/tsadeghi.yclass.ir\/?page_id=476","title":{"rendered":"english class project"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* From Uiverse.io by Novaxlo *\/ \n.capybaraloader {\n  width: 14em;\n  height: 10em;\n  position: relative;\n  z-index: 1;\n  --color: rgb(204, 125, 45);\n  --color2: rgb(83, 56, 28);\n  transform: scale(0.75);\n}\n\n.capybara {\n  width: 100%;\n  height: 7.5em;\n  position: relative;\n  z-index: 1;\n}\n\n.loader {\n  width: 100%;\n  height: 2.5em;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n}\n\n.capy {\n  width: 85%;\n  height: 100%;\n  background: linear-gradient(var(--color), 90%, var(--color2));\n  border-radius: 45%;\n  position: relative;\n  z-index: 1;\n  animation: movebody 1s linear infinite;\n}\n\n.capyhead {\n  width: 7.5em;\n  height: 7em;\n  bottom: 0em;\n  right: 0em;\n  position: absolute;\n  background-color: var(--color);\n  z-index: 3;\n  border-radius: 3.5em;\n  box-shadow: -1em 0em var(--color2);\n  animation: movebody 1s linear infinite;\n}\n\n.capyear {\n  width: 2em;\n  height: 2em;\n  background: linear-gradient(-45deg, var(--color), 90%, var(--color2));\n  top: 0em;\n  left: 0em;\n  border-radius: 100%;\n  position: absolute;\n  overflow: hidden;\n  z-index: 3;\n}\n\n.capyear:nth-child(2) {\n  left: 5em;\n  background: linear-gradient(25deg, var(--color), 90%, var(--color2));\n}\n\n.capyear2 {\n  width: 100%;\n  height: 1em;\n  background-color: var(--color2);\n  bottom: 0em;\n  left: 0.5em;\n  border-radius: 100%;\n  position: absolute;\n  transform: rotate(-45deg);\n}\n\n.capymouth {\n  width: 3.5em;\n  height: 2em;\n  background-color: var(--color2);\n  position: absolute;\n  bottom: 0em;\n  left: 2.5em;\n  border-radius: 50%;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  padding: 0.5em;\n}\n\n.capylips {\n  width: 0.25em;\n  height: 0.75em;\n  border-radius: 100%;\n  transform: rotate(-45deg);\n  background-color: var(--color);\n}\n\n.capylips:nth-child(2) {\n  transform: rotate(45deg);\n}\n\n.capyeye {\n  width: 2em;\n  height: 0.5em;\n  background-color: var(--color2);\n  position: absolute;\n  bottom: 3.5em;\n  left: 1.5em;\n  border-radius: 5em;\n  transform: rotate(45deg);\n}\n\n.capyeye:nth-child(4) {\n  transform: rotate(-45deg);\n  left: 5.5em;\n  width: 1.75em;\n}\n\n.capyleg {\n  width: 6em;\n  height: 5em;\n  bottom: 0em;\n  left: 0em;\n  position: absolute;\n  background: linear-gradient(var(--color), 95%, var(--color2));\n  z-index: 2;\n  border-radius: 2em;\n  animation: movebody 1s linear infinite;\n}\n\n.capyleg2 {\n  width: 1.75em;\n  height: 3em;\n  bottom: 0em;\n  left: 3.25em;\n  position: absolute;\n  background: linear-gradient(var(--color), 80%, var(--color2));\n  z-index: 2;\n  border-radius: 0.75em;\n  box-shadow: inset 0em -0.5em var(--color2);\n  animation: moveleg 1s linear infinite;\n}\n\n.capyleg2:nth-child(3) {\n  width: 1.25em;\n  left: 0.5em;\n  height: 2em;\n  animation: moveleg2 1s linear infinite 0.075s;\n}\n\n@keyframes moveleg {\n  0% {\n    transform: rotate(-45deg) translateX(-5%);\n  }\n  50% {\n    transform: rotate(45deg) translateX(5%);\n  }\n  100% {\n    transform: rotate(-45deg) translateX(-5%);\n  }\n}\n\n@keyframes moveleg2 {\n  0% {\n    transform: rotate(45deg);\n  }\n  50% {\n    transform: rotate(-45deg);\n  }\n  100% {\n    transform: rotate(45deg);\n  }\n}\n\n@keyframes movebody {\n  0% {\n    transform: translateX(0%);\n  }\n  50% {\n    transform: translateX(2%);\n  }\n  100% {\n    transform: translateX(0%);\n  }\n}\n\n.loaderline {\n  width: 50em;\n  height: 0.5em;\n  border-top: 0.5em dashed var(--color2);\n  animation: moveline 10s linear infinite;\n}\n\n@keyframes moveline {\n  0% {\n    transform: translateX(0%);\n    opacity: 0%;\n  }\n  5% {\n    opacity: 100%;\n  }\n  95% {\n    opacity: 100%;\n  }\n  100% {\n    opacity: 0%;\n    transform: translateX(-70%);\n  }\n}\n\n#page-loader {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #0b0612;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999999;\n  opacity: 1;\n  visibility: visible;\n  transition: opacity 0.5s ease, visibility 0.5s ease;\n}\n\n#page-loader.hide {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\nbody:has(#page-loader:not(.hide)) {\n  overflow: hidden;\n}\n\n@media (max-width: 600px) {\n  .capybaraloader {\n    transform: scale(0.6);\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nwindow.addEventListener(\"load\", function () {\n\n  const loader = document.getElementById(\"page-loader\");\n\n  if (loader) {\n    setTimeout(function () {\n      loader.classList.add(\"hide\");\n    }, 400);\n  }\n\n});\n<\/script>\n\n<div id=\"page-loader\">\n\n  <!-- From Uiverse.io by Novaxlo -->\n  <div class=\"capybaraloader\">\n    <div class=\"capybara\">\n      <div class=\"capyhead\">\n        <div class=\"capyear\">\n          <div class=\"capyear2\"><\/div>\n        <\/div>\n\n        <div class=\"capyear\"><\/div>\n\n        <div class=\"capymouth\">\n          <div class=\"capylips\"><\/div>\n          <div class=\"capylips\"><\/div>\n        <\/div>\n\n        <div class=\"capyeye\"><\/div>\n        <div class=\"capyeye\"><\/div>\n      <\/div>\n\n      <div class=\"capyleg\"><\/div>\n      <div class=\"capyleg2\"><\/div>\n      <div class=\"capyleg2\"><\/div>\n      <div class=\"capy\"><\/div>\n    <\/div>\n\n    <div class=\"loader\">\n      <div class=\"loaderline\"><\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-4e2faf00de1d1cfed9f4308c03396a77 wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">Understanding Identity: Nationality, Ethnicity, Citizenship, and More<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-267a467e6fbfbfb838e90e54e2016953 wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">When we talk about who we are and where we come from, we use many different words. Sometimes these words seem similar, but they have different meanings. Based on Lesson 1 of our English book (&#8220;My Nationality&#8221;), here is a simple guide to understand these words easily.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-1728c7fe97990cc57f745557b0e2501f\" style=\"color:#ffd700\">Nationality (\u0645\u0644\u06cc\u062a)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-d9beba3554fd4dc3982d8b10353cf0a0 wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">Nationality is about the country you legally belong to. It is usually written on your passport. It shows which country protects you.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-e2d1a6e1fd19e9a10af5355b73c3c241 wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">\u00b7 Example: If you have an Iranian passport, your nationality is Iranian.<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-ee749b5ef64dca58d0994ad87a0271fe\" style=\"color:#4b0082\">Ethnicity (\u0642\u0648\u0645\u06cc\u062a)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-3f4770d2a724de012e499ef0ea9be2b2 wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">Ethnicity is about your culture, your family history, your language, and your traditions. It is about your roots. It is not about your passport.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-a078c7c680354e4aada630e62d0b5e73 wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">\u00b7 Example: A person can have a French passport, but their family is from Iran, so their ethnicity is Persian.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-34d9c2459888ecc34eaa0d1230005ed3\" style=\"color:#ffd700\">Citizenship (\u0634\u0647\u0631\u0648\u0646\u062f\u06cc)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-46e9b11d355924a822f3bf59ad50f80e wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">Citizenship is a legal status. It means you are an official member of a country. Because of this, you have rights (like voting or working) and duties (like paying taxes).<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-d1fa6a93dc25a7421d6967c155740394 wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">\u00b7 Note: Usually, if you are a citizen of a country, you have that nationality too.<\/p>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-a88b1abf9ed0d55ca77809d6cb437c4a\" style=\"color:#4b0082\">Race (\u0646\u0698\u0627\u062f)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-86c8a7e2696d3ed941f82a4b782e7e54 wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">Race is about physical features. It is about how people look, like skin color, hair type, or eye shape.<\/p>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-a67cfd6e30d20e350ace34908b334a76\" style=\"color:#4b0082\">Heritage (\u0645\u06cc\u0631\u0627\u062b \u0641\u0631\u0647\u0646\u06af\u06cc)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-da0b98cdb39f12d8e75f65cecbc227cd wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">Heritage is the history and traditions you get from your family. It is what your parents and grandparents pass down to you. It includes special food, music, or stories.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-ec1b8ff022b40f4a8bb39495b39db5b3 wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">\u00b7 Example: Nowruz (Persian New Year) is a part of Iranian heritage.<\/p>\n\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-005e694e8490719137ecf7c1e917e305\" style=\"color:#ffd700\">Ancestry (\u0646\u06cc\u0627\u06a9\u0627\u0646 \/ \u062a\u0628\u0627\u0631)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-cdefc436f831ae1c8efa6693d7da72c3 wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">Ancestry is about your family tree. It means where your parents, grandparents, and great-grandparents came from.<\/p>\n\n\n\n<ol start=\"7\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-8639080cd0aeaf9f0ec0cefe82f7cde0\" style=\"color:#ffd700\">Origin (\u062e\u0627\u0633\u062a\u06af\u0627\u0647 \/ \u0627\u0635\u0627\u0644\u062a)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-678a99a2141824c1ee5a9f0665d6fefb wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">Origin is the place where you were born or the place where something started.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-649c508a2a444f26a5ae0bc620a81d5c wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">\u00b7 Example: In the book, Sam says: &#8220;I&#8217;m originally Iranian.&#8221; This means his origin is Iran.<\/p>\n\n\n\n<ol start=\"8\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-cdb3df85776e54ce879127f2e82814f2\" style=\"color:#4b0082\">Identity (\u0647\u0648\u06cc\u062a)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-135c4a0a945f28728bc4171a4863b5de wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">Identity is the big picture. It is who you are. It includes your name, your nationality, your culture, your language, and your personality.<\/p>\n\n\n\n<ol start=\"9\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-ac236fe83228d06a7930156d7d6256fc\" style=\"color:#4b0082\">Resident (\u0633\u0627\u06a9\u0646 \/ \u0645\u0642\u06cc\u0645)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-1583b55de7fc8fe9b1c41148aaf1af1b wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">A resident is a person who lives in a place. But, living in a place does not always mean you are a citizen. You can be a resident without having that country&#8217;s passport.<\/p>\n\n\n\n<ol start=\"10\" class=\"wp-block-list\">\n<li class=\"has-text-color has-link-color wp-elements-8b3ac04649ccd5b53c2cdef5a5a48aeb\" style=\"color:#4b0082\">Immigrant (\u0645\u0647\u0627\u062c\u0631)<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-1bc814cebcddce9ae744e5d4129cfa6f wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">An immigrant is a person who moves to a new country to live there for a long time.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-36735f217eb7c665a56db461cca533bf wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">\ud83d\udca1 A Real-Life Example<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-4e9ff9323c59d630f0f1728f1a5bef14 wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">Imagine a boy named Sam from our book. He says: &#8220;I&#8217;m originally Iranian, but I live in France.&#8221; Let&#8217;s look at his identity:<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-a18acf28c614a8405a85b26bb701abac wp-block-paragraph\" dir=\"ltr\" style=\"color:#4b0082\">\u00b7 Origin \/ Ancestry \/ Ethnicity: His family is from Iran. So, his ethnicity is Persian.<br>\u00b7 Nationality \/ Citizenship: If Sam has a French passport and lives there legally, his nationality is French and he is a French citizen.<br>\u00b7 Resident: He lives in France, so he is a resident of France.<br>\u00b7 Heritage: He still celebrates Iranian traditions, which is his heritage.<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-2d400adb59969cb6fc140f1baa794956 wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">Summary:<\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-d13bd4122b7e10d24f32f14a195ee40b wp-block-paragraph\" dir=\"ltr\" style=\"color:#ffd700\">\u00b7 Nationality = Which country are you from? (Passport)<br>\u00b7 Ethnicity = What is your family&#8217;s culture and history? (Roots)<br>\u00b7 Citizenship = Where are you an official member with rights? (Law)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6-683x1024.jpg\" alt=\"\" class=\"wp-image-478\" style=\"width:800px;height:auto\" srcset=\"https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6-683x1024.jpg 683w, https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6-600x900.jpg 600w, https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6-200x300.jpg 200w, https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6-768x1152.jpg 768w, https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6.jpg 1024w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>My Little World \ud83c\udf0d<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;700;800;900&amp;family=Playfair+Display:wght@600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --pink: #f8dce8;\n  --ink: #49384b;\n  --cream: #fffaf5;\n}\n* { box-sizing: border-box; }\n\nbody {\n  margin: 0;\n  font-family: 'Nunito', sans-serif;\n  color: var(--ink);\n  background: #fff8fb;\n  transition: background .5s;\n}\nbutton { font: inherit; cursor: pointer; }\n\n.hero {\n  min-height: 420px;\n  padding: 65px 20px 55px;\n  text-align: center;\n  background:\n    radial-gradient(circle at 10% 20%, #fff 0 3px, transparent 4px),\n    radial-gradient(circle at 90% 70%, #fff 0 4px, transparent 5px),\n    linear-gradient(135deg, #fbe2ec, #eee6ff, #fff2dc);\n  background-size: 75px 75px, 95px 95px, auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n}\n.hero::before {\n  content: \"\u273f\";\n  position: absolute;\n  top: 24px;\n  left: 8%;\n  font-size: 70px;\n  color: #d8b5d8;\n  transform: rotate(-20deg);\n}\n.hero::after {\n  content: \"\u2727\";\n  position: absolute;\n  bottom: 25px;\n  right: 10%;\n  font-size: 90px;\n  color: #d2b16d;\n}\n.eyebrow {\n  text-transform: uppercase;\n  letter-spacing: 4px;\n  font-size: 12px;\n  font-weight: 900;\n  color: #9b7298;\n}\nh1 {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(43px, 8vw, 78px);\n  margin: 16px 0 10px;\n  line-height: 1.1;\n  color: #694d70;\n}\n.hero p {\n  max-width: 540px;\n  line-height: 1.8;\n  color: #76647b;\n}\n.sticker {\n  font-size: 54px;\n  margin: 10px 0;\n  filter: drop-shadow(0 5px 8px #bba6c655);\n}\n.pill {\n  display: inline-block;\n  padding: 9px 18px;\n  background: #ffffffb8;\n  border: 1px solid #fff;\n  border-radius: 30px;\n  font-size: 13px;\n  font-weight: 800;\n  margin-top: 12px;\n}\n\n.nav-wrap {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background: #fffaf2ed;\n  backdrop-filter: blur(15px);\n  padding: 14px 10px;\n  border-bottom: 1px solid #f0e4ec;\n}\n.nav {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.nav button {\n  border: 1px solid #e8dce8;\n  background: white;\n  color: #59485d;\n  padding: 10px 17px;\n  border-radius: 30px;\n  font-weight: 900;\n  transition: .25s;\n}\n.nav button:hover { transform: translateY(-3px); }\n.nav button.active {\n  background: #74567c;\n  color: white;\n  border-color: #74567c;\n  box-shadow: 0 5px 15px #74567c30;\n}\n\nmain { max-width: 1050px; margin: auto; padding: 30px 18px 65px; }\n.country { display: none; animation: appear .5s ease; }\n.country.active { display: block; }\n\n@keyframes appear {\n  from { opacity: 0; transform: translateY(14px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.country-banner {\n  min-height: 245px;\n  padding: 32px;\n  border-radius: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  overflow: hidden;\n  position: relative;\n}\n.country-banner h2 {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(38px, 7vw, 62px);\n  margin: 8px 0;\n}\n.country-banner p { line-height: 1.8; max-width: 440px; }\n.big-emoji {\n  font-size: clamp(75px, 14vw, 145px);\n  filter: drop-shadow(0 8px 8px #00000012);\n  flex-shrink: 0;\n}\n.thailand .country-banner {\n  background: linear-gradient(120deg, #ffe1eb, #fff0d5);\n}\n.thailand .country-banner h2 { color: #a64d70; }\n.spain .country-banner {\n  background: linear-gradient(120deg, #ffe6c9, #ffdedb);\n}\n.spain .country-banner h2 { color: #b83e36; }\n.italy .country-banner {\n  background: linear-gradient(120deg, #e1f3e5, #fff4e1);\n}\n.italy .country-banner h2 { color: #347e5b; }\n.france .country-banner {\n  background: linear-gradient(120deg, #e3e8ff, #f9e5f2);\n}\n.france .country-banner h2 { color: #5367a9; }\n\n.section-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 29px;\n  margin: 34px 0 18px;\n}\n.facts {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 13px;\n}\n.fact {\n  background: white;\n  border: 1px solid #f0e7ee;\n  border-radius: 19px;\n  padding: 17px;\n  min-height: 108px;\n  box-shadow: 0 5px 18px #6b426008;\n  transition: .25s;\n}\n.fact:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 9px 22px #6b426012;\n}\n.fact .icon { font-size: 25px; }\n.fact h3 {\n  font-size: 13px;\n  margin: 8px 0 4px;\n  color: #927795;\n}\n.fact p {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.6;\n  overflow-wrap: anywhere;\n}\n.speech {\n  margin-top: 25px;\n  padding: 25px;\n  border-radius: 22px;\n  background: #fff;\n  border-left: 5px solid #c6a5c8;\n  line-height: 2;\n  font-size: 15px;\n  box-shadow: 0 5px 20px #6b426008;\n}\n.speech h3 { margin-top: 0; }\n\n.extra {\n  margin-top: 20px;\n  border-radius: 22px;\n  padding: 24px;\n  background: #fff8ef;\n  line-height: 1.9;\n}\n.extra strong { color: #a16e62; }\n\n.friend {\n  margin-top: 55px;\n  border-radius: 30px;\n  overflow: hidden;\n  background: white;\n  box-shadow: 0 10px 35px #6b426012;\n}\n.friend-top {\n  padding: 38px 25px;\n  text-align: center;\n  background: linear-gradient(130deg, #eee3ff, #ffe4ed, #fff0d5);\n}\n.friend-top h2 {\n  font: 700 clamp(30px, 6vw, 46px) 'Playfair Display', serif;\n  margin: 10px 0;\n}\n.friend-top p { line-height: 1.8; max-width: 580px; margin: auto; }\n.friend-body { padding: 24px; }\n.culture-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 13px;\n}\n.culture {\n  border-radius: 18px;\n  padding: 18px;\n  background: #fff8fb;\n  border: 1px solid #f1e6ef;\n}\n.culture .emoji { font-size: 30px; }\n.culture h3 { margin: 9px 0 5px; }\n.culture p { font-size: 14px; line-height: 1.8; margin: 0; }\n.friend-speech {\n  margin-top: 20px;\n  padding: 22px;\n  background: #f7f1ff;\n  border-radius: 20px;\n  line-height: 2;\n}\n\n.footer {\n  text-align: center;\n  padding: 35px 15px;\n  background: #f5eaf4;\n  color: #806c85;\n  line-height: 2;\n}\n.footer .heart { font-size: 26px; }\n\n@media (max-width: 650px) {\n  .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .country-banner { padding: 23px; }\n  .big-emoji { font-size: 70px; }\n  .country-banner p { font-size: 14px; }\n  .nav button { padding: 9px 12px; font-size: 13px; }\n}\n@media (max-width: 390px) {\n  .facts { grid-template-columns: 1fr 1fr; gap: 9px; }\n  .fact { padding: 12px; }\n  .country-banner { align-items: flex-start; }\n  .big-emoji { font-size: 53px; }\n  .culture-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n\n\n\n<header class=\"hero\">\n  <div class=\"eyebrow\">A little journey around the world<\/div>\n  <div class=\"sticker\">\ud83c\udf0d \ud83c\udf80 \u2708\ufe0f<\/div>\n  <h1>My Little World<\/h1>\n  <p>Four beautiful countries, wonderful traditions, and a world full of stories to discover.<\/p>\n  <span class=\"pill\">\u2726 Explore \u2022 Discover \u2022 Learn \u2726<\/span>\n<\/header>\n\n<div class=\"nav-wrap\">\n  <nav class=\"nav\" aria-label=\"Choose a country\">\n    <button class=\"active\" data-country=\"thailand\">\ud83c\uddf9\ud83c\udded Thailand<\/button>\n    <button data-country=\"spain\">\ud83c\uddea\ud83c\uddf8 Spain<\/button>\n    <button data-country=\"italy\">\ud83c\uddee\ud83c\uddf9 Italy<\/button>\n    <button data-country=\"france\">\ud83c\uddeb\ud83c\uddf7 France<\/button>\n    <button data-country=\"friend\">\ud83d\udc97 My Friend<\/button>\n  <\/nav>\n<\/div>\n\n<main>\n\n<!-- THAILAND -->\n<section class=\"country thailand active\" id=\"thailand\">\n  <div class=\"country-banner\">\n    <div>\n      <div class=\"eyebrow\">The Land of Smiles<\/div>\n      <h2>Thailand<\/h2>\n      <p>Golden temples, tropical islands, colorful traditions, and beautiful wildlife. \ud83c\udf38<\/p>\n      <span class=\"pill\">Sawasdee! \ud83c\uddf9\ud83c\udded<\/span>\n    <\/div>\n    <div class=\"big-emoji\">\ud83d\udc18<\/div>\n  <\/div>\n\n  <h2 class=\"section-title\">A little country guide \u2728<\/h2>\n  <div class=\"facts\">\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0f<\/div><h3>Continent<\/h3><p>Asia<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udfd9\ufe0f<\/div><h3>Capital City<\/h3><p>Bangkok<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udde3\ufe0f<\/div><h3>Language<\/h3><p>Thai<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/div><h3>Nationality<\/h3><p>Thai<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udc65<\/div><h3>Population<\/h3><p>t 71.6 million<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udcb0<\/div><h3>Currency<\/h3><p>Thai Baht (THB)<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\uddfa\ufe0f<\/div><h3>Neighbours<\/h3><p>Myanmar, Laos, Cambodia, Malaysia<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0a<\/div><h3>Seas<\/h3><p>Andaman Sea &amp; Gulf of Thailand<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83e\udd4a<\/div><h3>Popular Sport<\/h3><p>Muay Thai<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udfef<\/div><h3>Famous Places<\/h3><p>Grand Palace, Wat Arun, Phi Phi Islands<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udc18<\/div><h3>Native Animals<\/h3><p>Asian elephants, gibbons, Siamese crocodiles<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udea9<\/div><h3>Flag<\/h3><p>Red, white, blue, white, red stripes<\/p><\/div>\n  <\/div>\n\n  <div class=\"speech\">\n    <h3>\ud83c\udfa4 Let&#8217;s talk about Thailand!<\/h3>\n    Hello everyone!<br><br>\n    Today, I am going to talk about Thailand.<br><br>\n    Thailand is a country in Southeast Asia. Its capital city is Bangkok, and its official language is Thai. People from Thailand are called Thai, and the currency is the Thai baht.<br><br>\n    Thailand has a population of about 71.6 million people. It shares borders with Myanmar, Laos, Cambodia, and Malaysia.<br><br>\n    Some famous landmarks are the Grand Palace, Wat Arun, and the Phi Phi Islands. Thailand is also famous for its beautiful beaches, delicious food, and traditional festivals.<br><br>\n    The Andaman Sea and the Gulf of Thailand are next to the country. Asian elephants are among its native animals, and Muay Thai is a popular sport.<br><br>\n    An interesting fact about Thailand is that it was never colonized by a European power.<br><br>\n    Thank you for listening!\n  <\/div>\n\n  <div class=\"extra\">\ud83c\udf3a <strong>Culture corner:<\/strong> Songkran is Thailand&#8217;s traditional New Year festival, famous for its joyful water celebrations.<\/div>\n<\/section>\n\n<!-- SPAIN -->\n<section class=\"country spain\" id=\"spain\">\n  <div class=\"country-banner\">\n    <div>\n      <div class=\"eyebrow\">Passion \u2022 Art \u2022 Sunshine<\/div>\n      <h2>Spain<\/h2>\n      <p>Vibrant festivals, beautiful architecture, delicious food, and the rhythm of flamenco. \ud83d\udc83<\/p>\n      <span class=\"pill\">\u00a1Hola! \ud83c\uddea\ud83c\uddf8<\/span>\n    <\/div>\n    <div class=\"big-emoji\">\ud83d\udc83<\/div>\n  <\/div>\n\n  <h2 class=\"section-title\">A little country guide \u2728<\/h2>\n  <div class=\"facts\">\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0f<\/div><h3>Continent<\/h3><p>Europe<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udfd9\ufe0f<\/div><h3>Capital City<\/h3><p>Madrid<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udde3\ufe0f<\/div><h3>Languages<\/h3><p>Spanish; Catalan, Galician and Basque are also spoken<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/div><h3>Nationality<\/h3><p>Spanish<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udc65<\/div><h3>Population<\/h3><p>About 49 million<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udcb0<\/div><h3>Currency<\/h3><p>Euro (\u20ac)<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\uddfa\ufe0f<\/div><h3>Neighbours<\/h3><p>Portugal, France, Andorra<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0a<\/div><h3>Seas &amp; Oceans<\/h3><p>Mediterranean Sea &amp; Atlantic Ocean<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\u26bd<\/div><h3>Popular Sport<\/h3><p>Football<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udff0<\/div><h3>Famous Places<\/h3><p>Sagrada Familia, Royal Palace of Madrid, Alhambra<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udc3e<\/div><h3>Native Animals<\/h3><p>Iberian lynx, Iberian wolf, Spanish imperial eagle<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udea9<\/div><h3>Flag<\/h3><p>Red, yellow, red horizontal stripes<\/p><\/div>\n  <\/div>\n\n  <div class=\"speech\">\n    <h3>\ud83c\udfa4 Let&#8217;s talk about Spain!<\/h3>\n    Hello everyone!<br><br>\n    Today, I am going to talk about Spain.<br><br>\n    Spain is a country in southwestern Europe. Its capital city is Madrid, and its official language is Spanish. People from Spain are called Spanish, and its currency is the euro.<br><br>\n    Spain has a population of about 49 million people. It shares land borders with Portugal, France, and Andorra.<br><br>\n    Some famous landmarks are the Sagrada Familia, the Royal Palace of Madrid, and the Alhambra. Spain is famous for its beautiful beaches, delicious food, and lively festivals.<br><br>\n    The Mediterranean Sea and the Atlantic Ocean are next to Spain. The Iberian lynx is one of its native animals, and football is a very popular sport.<br><br>\n    An interesting fact about Spain is that flamenco music and dance are important parts of its culture.<br><br>\n    Thank you for listening!\n  <\/div>\n\n  <div class=\"extra\">\u2764\ufe0f <strong>Culture corner:<\/strong> Flamenco is a traditional Spanish art form combining music, singing, and expressive dance, especially associated with Andalusia.<\/div>\n<\/section>\n\n<!-- ITALY -->\n<section class=\"country italy\" id=\"italy\">\n  <div class=\"country-banner\">\n    <div>\n      <div class=\"eyebrow\">Art \u2022 History \u2022 La Dolce Vita<\/div>\n      <h2>Italy<\/h2>\n      <p>Ancient Roman wonders, romantic canals, colorful streets, and unforgettable Italian food. \ud83c\udf55<\/p>\n      <span class=\"pill\">Ciao! \ud83c\uddee\ud83c\uddf9<\/span>\n    <\/div>\n    <div class=\"big-emoji\">\ud83c\udf55<\/div>\n  <\/div>\n\n  <h2 class=\"section-title\">A little country guide \u2728<\/h2>\n  <div class=\"facts\">\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0f<\/div><h3>Continent<\/h3><p>Europe<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udfd9\ufe0f<\/div><h3>Capital City<\/h3><p>Rome<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udde3\ufe0f<\/div><h3>Language<\/h3><p>Italian<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/div><h3>Nationality<\/h3><p>Italian<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udc65<\/div><h3>Population<\/h3><p>About 59 million<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udcb0<\/div><h3>Currency<\/h3><p>Euro (\u20ac)<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\uddfa\ufe0f<\/div><h3>Neighbours<\/h3><p>France, Switzerland, Austria, Slovenia<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0a<\/div><h3>Sea<\/h3><p>Mediterranean Sea<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\u26bd<\/div><h3>Popular Sport<\/h3><p>Football<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udfdb\ufe0f<\/div><h3>Famous Places<\/h3><p>Colosseum, Leaning Tower of Pisa, Venice canals<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udc3a<\/div><h3>Native Animals<\/h3><p>Italian wolf, Alpine ibex, Marsican brown bear<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udea9<\/div><h3>Flag<\/h3><p>Green, white, and red vertical stripes<\/p><\/div>\n  <\/div>\n\n  <div class=\"speech\">\n    <h3>\ud83c\udfa4 Let&#8217;s talk about Italy!<\/h3>\n    Hello everyone!<br><br>\n    Today, I am going to talk about Italy.<br><br>\n    Italy is a country in southern Europe. Its capital city is Rome, and its official language is Italian. People from Italy are called Italian, and its currency is the euro.<br><br>\n    Italy has a population of about 59 million people. It shares land borders with France, Switzerland, Austria, and Slovenia.<br><br>\n    Some famous landmarks are the Colosseum, the Leaning Tower of Pisa, and the beautiful canals of Venice. Italy is famous for its delicious pizza, pasta, and ice cream.<br><br>\n    The Mediterranean Sea surrounds much of Italy. The Italian wolf is one of its native animals, and football is a very popular sport.<br><br>\n    An interesting fact about Italy is that two independent countries, Vatican City and San Marino, are surrounded by or located within Italian territory.<br><br>\n    Thank you for listening!\n  <\/div>\n\n  <div class=\"extra\">\ud83c\udf5d <strong>Culture corner:<\/strong> The Venice Carnival is famous for its elaborate masks, elegant costumes, and historic atmosphere.<\/div>\n<\/section>\n\n<!-- FRANCE -->\n<section class=\"country france\" id=\"france\">\n  <div class=\"country-banner\">\n    <div>\n      <div class=\"eyebrow\">Elegance \u2022 Art \u2022 Romance<\/div>\n      <h2>France<\/h2>\n      <p>Iconic landmarks, world-famous art, elegant fashion, and delightful French pastries. \ud83e\udd50<\/p>\n      <span class=\"pill\">Bonjour! \ud83c\uddeb\ud83c\uddf7<\/span>\n    <\/div>\n    <div class=\"big-emoji\">\ud83d\uddfc<\/div>\n  <\/div>\n\n  <h2 class=\"section-title\">A little country guide \u2728<\/h2>\n  <div class=\"facts\">\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0f<\/div><h3>Continent<\/h3><p>Europe<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udfd9\ufe0f<\/div><h3>Capital City<\/h3><p>Paris<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udde3\ufe0f<\/div><h3>Language<\/h3><p>French<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/div><h3>Nationality<\/h3><p>French<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udc65<\/div><h3>Population<\/h3><p>About 69 million<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udcb0<\/div><h3>Currency<\/h3><p>Euro (\u20ac)<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\uddfa\ufe0f<\/div><h3>Neighbours<\/h3><p>Belgium, Luxembourg, Germany, Switzerland, Italy, Monaco, Spain, Andorra<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83c\udf0a<\/div><h3>Coastlines<\/h3><p>Mediterranean Sea, Atlantic Ocean &amp; English Channel<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\u26bd<\/div><h3>Popular Sport<\/h3><p>Football<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\uddbc\ufe0f<\/div><h3>Famous Places<\/h3><p>Eiffel Tower, Louvre Museum, Palace of Versailles<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83e\udd8a<\/div><h3>Native Animals<\/h3><p>Red fox, European badger, Alpine ibex<\/p><\/div>\n    <div class=\"fact\"><div class=\"icon\">\ud83d\udea9<\/div><h3>Flag<\/h3><p>Blue, white, and red vertical stripes<\/p><\/div>\n  <\/div>\n\n  <div class=\"speech\">\n    <h3>\ud83c\udfa4 Let&#8217;s talk about France!<\/h3>\n    Hello everyone!<br><br>\n    Today, I am going to talk about France.<br><br>\n    France is a country in Western Europe. Its capital city is Paris, and its official language is French. People from France are called French, and its currency is the euro.<br><br>\n    France has a population of about 69 million people. It shares land borders with several countries, including Belgium, Germany, Switzerland, Italy, and Spain.<br><br>\n    Some famous landmarks are the Eiffel Tower, the Louvre Museum, and the Palace of Versailles. France is famous for its art, fashion, cheese, and delicious pastries.<br><br>\n    France has coastlines along the Mediterranean Sea, the Atlantic Ocean, and the English Channel. The red fox is one of its native animals, and football is a popular sport.<br><br>\n    An interesting fact about France is that the Louvre Museum is home to many famous works of art, including the Mona Lisa.<br><br>\n    Thank you for listening!\n  <\/div>\n\n  <div class=\"extra\">\ud83e\ude75 <strong>Culture corner:<\/strong> Bastille Day is France&#8217;s national day, celebrated on July 14 with festivities, fireworks, and parades.<\/div>\n<\/section>\n\n<!-- THE FRIEND -->\n<section class=\"country\" id=\"friend\">\n  <div class=\"friend\">\n    <div class=\"friend-top\">\n      <div class=\"sticker\">\ud83c\udf0d \ud83e\udd8b \ud83d\udc97<\/div>\n      <div class=\"eyebrow\">One Person \u2022 Four Cultures<\/div>\n      <h2>A World of Cultures<\/h2>\n      <p>One friend, four countries, and a beautiful mix of languages, food, and traditions.<\/p>\n    <\/div>\n\n    <div class=\"friend-body\">\n      <h2 class=\"section-title\">Meet my friend \u2728<\/h2>\n\n      <div class=\"culture-grid\">\n        <div class=\"culture\">\n          <div class=\"emoji\">\ud83c\uddf9\ud83c\udded<\/div>\n          <h3>Thailand<\/h3>\n          <p>She was born in Thailand. She enjoys Pad Thai and knows about Songkran, the Thai New Year festival.<\/p>\n        <\/div>\n        <div class=\"culture\">\n          <div class=\"emoji\">\ud83c\uddea\ud83c\uddf8<\/div>\n          <h3>Spain<\/h3>\n          <p>Her family has Spanish roots. She enjoys paella and knows about the lively art of flamenco.<\/p>\n        <\/div>\n        <div class=\"culture\">\n          <div class=\"emoji\">\ud83c\uddee\ud83c\uddf9<\/div>\n          <h3>Italy<\/h3>\n          <p>Her parents are Italian, and she has Italian nationality. She loves pizza, pasta, and Italian traditions.<\/p>\n        <\/div>\n        <div class=\"culture\">\n          <div class=\"emoji\">\ud83c\uddeb\ud83c\uddf7<\/div>\n          <h3>France<\/h3>\n          <p>She lives in Paris, France. She enjoys croissants and knows about Bastille Day celebrations.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"speech\">\n        <h3>\ud83c\udfa4 My friend&#8217;s multicultural story<\/h3>\n        My friend was born in Thailand, but she lives in Paris, France. She has Italian nationality because her parents are Italian, and her family has Spanish roots. She speaks Italian, French, and Thai. Her cultural background includes traditions from all four countries.<br><br>\n        For example, she enjoys Pad Thai from Thailand, paella from Spain, pizza and pasta from Italy, and croissants from France.<br><br>\n        She also knows about Thai Songkran celebrations, Spanish flamenco dancing, the Venice Carnival in Italy, and Bastille Day in France.<br><br>\n        Her family background and experiences show how one person can be connected to different cultures.\n      <\/div>\n\n      <div class=\"friend-speech\">\n        <strong>\ud83d\udc8c The little lesson:<\/strong><br>\n        Our world is full of different languages, traditions, and stories. We can belong to more than one culture, and that makes our world even more interesting!\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<footer class=\"footer\">\n  <div class=\"heart\">\u2661 \ud83c\udf0d \u2661<\/div>\n  <strong>Thank you for exploring my little world!<\/strong><br>\n  Made with love, curiosity, and a little bit of magic \u2728\n<\/footer>\n\n<script>\nconst buttons = document.querySelectorAll('.nav button');\nconst sections = document.querySelectorAll('.country');\n\nbuttons.forEach(button => {\n  button.addEventListener('click', () => {\n    const target = button.dataset.country;\n\n    buttons.forEach(item => item.classList.remove('active'));\n    sections.forEach(section => section.classList.remove('active'));\n\n    button.classList.add('active');\n    document.getElementById(target).classList.add('active');\n\n    window.scrollTo({\n      top: document.querySelector('.nav-wrap').offsetTop,\n      behavior: 'smooth'\n    });\n  });\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Understanding Identity: Nationality, Ethnicity, Citizenship, and More When we talk about who we are and where we come from, we use many different words. Sometimes these words seem similar, but they have different meanings. Based on Lesson 1 of our English book (&#8220;My Nationality&#8221;), here is a simple guide to understand these words easily. Nationality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-476","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>english class project - T<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tsadeghi.yclass.ir\/?page_id=476\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"english class project - T\" \/>\n<meta property=\"og:description\" content=\"Understanding Identity: Nationality, Ethnicity, Citizenship, and More When we talk about who we are and where we come from, we use many different words. Sometimes these words seem similar, but they have different meanings. Based on Lesson 1 of our English book (&#8220;My Nationality&#8221;), here is a simple guide to understand these words easily. Nationality [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tsadeghi.yclass.ir\/?page_id=476\" \/>\n<meta property=\"og:site_name\" content=\"T\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-25T17:57:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476\",\"url\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476\",\"name\":\"english class project - T\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/file_00000000a25081f4b259fcbf0f1a15b6-683x1024.jpg\",\"datePublished\":\"2026-10-18T18:42:22+00:00\",\"dateModified\":\"2026-10-25T17:57:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476#primaryimage\",\"url\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/file_00000000a25081f4b259fcbf0f1a15b6.jpg\",\"contentUrl\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/file_00000000a25081f4b259fcbf0f1a15b6.jpg\",\"width\":1024,\"height\":1536},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?page_id=476#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"english class project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/#website\",\"url\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/\",\"name\":\"T\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tsadeghi.yclass.ir\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"english class project - T","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tsadeghi.yclass.ir\/?page_id=476","og_locale":"fa_IR","og_type":"article","og_title":"english class project - T","og_description":"Understanding Identity: Nationality, Ethnicity, Citizenship, and More When we talk about who we are and where we come from, we use many different words. Sometimes these words seem similar, but they have different meanings. Based on Lesson 1 of our English book (&#8220;My Nationality&#8221;), here is a simple guide to understand these words easily. Nationality [&hellip;]","og_url":"https:\/\/tsadeghi.yclass.ir\/?page_id=476","og_site_name":"T","article_modified_time":"2026-10-25T17:57:47+00:00","og_image":[{"width":1024,"height":1536,"url":"https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"11 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tsadeghi.yclass.ir\/?page_id=476","url":"https:\/\/tsadeghi.yclass.ir\/?page_id=476","name":"english class project - T","isPartOf":{"@id":"https:\/\/tsadeghi.yclass.ir\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tsadeghi.yclass.ir\/?page_id=476#primaryimage"},"image":{"@id":"https:\/\/tsadeghi.yclass.ir\/?page_id=476#primaryimage"},"thumbnailUrl":"https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6-683x1024.jpg","datePublished":"2026-10-18T18:42:22+00:00","dateModified":"2026-10-25T17:57:47+00:00","breadcrumb":{"@id":"https:\/\/tsadeghi.yclass.ir\/?page_id=476#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tsadeghi.yclass.ir\/?page_id=476"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/tsadeghi.yclass.ir\/?page_id=476#primaryimage","url":"https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6.jpg","contentUrl":"https:\/\/tsadeghi.yclass.ir\/wp-content\/uploads\/2026\/10\/file_00000000a25081f4b259fcbf0f1a15b6.jpg","width":1024,"height":1536},{"@type":"BreadcrumbList","@id":"https:\/\/tsadeghi.yclass.ir\/?page_id=476#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/tsadeghi.yclass.ir\/"},{"@type":"ListItem","position":2,"name":"english class project"}]},{"@type":"WebSite","@id":"https:\/\/tsadeghi.yclass.ir\/#website","url":"https:\/\/tsadeghi.yclass.ir\/","name":"T","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tsadeghi.yclass.ir\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"}]}},"_links":{"self":[{"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=\/wp\/v2\/pages\/476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=476"}],"version-history":[{"count":5,"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=\/wp\/v2\/pages\/476\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=\/wp\/v2\/pages\/476\/revisions\/516"}],"wp:attachment":[{"href":"https:\/\/tsadeghi.yclass.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}