{"id":182,"date":"2026-09-24T15:06:13","date_gmt":"2026-09-24T11:36:13","guid":{"rendered":"https:\/\/bluewebclub.com\/blog\/?p=182"},"modified":"2026-09-24T15:48:21","modified_gmt":"2026-09-24T12:18:21","slug":"%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7","status":"publish","type":"post","link":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/","title":{"rendered":"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af &#8211; \u0646\u06af\u0627\u0647 \u06a9\u0644\u06cc<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0642\u0628\u0644 \u0627\u0632 \u0647\u0631\u0686\u06cc\u0632\u06cc \u062e\u0648\u0628\u0647 \u06a9\u0647 \u0628\u062f\u0648\u0646\u06cc\u0645 \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u06cc\u0639\u0646\u06cc \u0638\u0627\u0647\u0631 \u0648\u0628\u0644\u0627\u06af \u0645\u0627. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u06a9\u062f\u0647\u0627\u06cc HTML \u0648 CSS \u0648 \u06a9\u062f\u0647\u0627\u06cc \u0645\u062e\u0635\u0648\u0635 \u0628\u0644\u0627\u06af\u0641\u0627 \u06a9\u0647 \u0646\u062d\u0648\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0627\u0631\u0648 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u0646. \u062a\u0648\u06cc \u0627\u06cc\u0646 \u067e\u0633\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0632\u0627\u06cc\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af\u0645\u0648\u0646 \u0628\u062d\u062b \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0639\u062f \u0627\u0632 \u0627\u0648\u0646 \u06cc\u06a9 \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u062f\u0631\u0633\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0627 \u0627\u06cc\u0646\u06a9\u0647 \u062a\u0648\u06cc \u0627\u06cc\u0646 \u067e\u0633\u062a \u0631\u0648\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0645\u0646\u0637\u0642 \u06a9\u0644\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0631 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u0648\u0628\u0644\u0627\u06af\u200c\u062f\u0647\u06cc \u062f\u06cc\u06af\u0647 \u0647\u0645 \u0645\u0634\u0627\u0628\u0647\u0647\u061b \u06a9\u062f\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0647\u0631 \u0633\u0631\u0648\u06cc\u0633 \u0641\u0631\u0642 \u062f\u0627\u0631\u0646.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0646\u06a9\u062a\u0647 \u062e\u06cc\u0644\u06cc \u0645\u0647\u0645 \u0627\u06cc\u0646\u0647 \u06a9\u0647 \u0647\u062f\u0641 \u0645\u0646 \u0627\u0632 \u0646\u0648\u0634\u062a\u0646 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628\u060c \u062f\u0631\u0633\u062a \u06a9\u0631\u062f\u0646 \u06cc\u0647 <strong>\u0646\u0642\u0634\u0647 \u0631\u0627\u0647<\/strong> \u0648 <strong>\u0631\u0627\u0647\u0646\u0645\u0627<\/strong> \u0628\u0631\u0627\u06cc \u06a9\u0633\u0627\u0646\u06cc\u0647 \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0646 \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u062f\u0631\u0633\u062a \u06a9\u0646\u0646. \u067e\u0633 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u062e\u0648\u062f\u062a\u0648\u0646 \u0628\u062a\u0648\u0646\u06cc\u062f \u0628\u062f\u0648\u0646 \u06a9\u0645\u06a9 \u062f\u06cc\u06af\u0631\u0627\u0646 \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u062f\u0631\u0633\u062a \u06a9\u0646\u06cc\u062f\u060c \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0641\u06cc \u0646\u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628\u0648 \u0628\u0647 \u0646\u062d\u0648\u06cc \u0646\u0648\u0634\u062a\u0645 \u062a\u0627 \u0646\u0642\u0637\u0647 \u0634\u0631\u0648\u0639\u06cc \u0628\u0627\u0634\u0647 \u0628\u0631\u0627\u06cc \u0647\u0631\u06a9\u0633\u06cc \u06a9\u0647 \u0628\u0647 \u0627\u06cc\u0646 \u062d\u0648\u0632\u0647 \u0639\u0644\u0627\u0642\u0647 \u0645\u0646\u062f\u0647 \u062a\u0627 \u0628\u062f\u0648\u0646\u0647 \u0628\u0627\u06cc\u062f \u0627\u0632 \u06a9\u062c\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u0647\u060c \u0648 \u062f\u0642\u06cc\u0642\u0627 \u0686\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u0647. \u0628\u0631\u0627\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0641\u0642\u0637 \u0628\u0647 \u0622\u0634\u0646\u0627\u06cc\u06cc \u0646\u0633\u0628\u06cc \u0628\u0627 <strong>HTML<\/strong> \u0648 <strong>CSS<\/strong> \u0646\u06cc\u0627\u0632 \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u0627\u0634\u062a.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0642\u0628\u0644 \u0627\u0632 \u0634\u0631\u0648\u0639 <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0627\u0632 \u0627\u0648\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0638\u0627\u0647\u0631 \u0635\u0641\u062d\u0647\u200c\u0647\u0627\u06cc \u0645\u0639\u0645\u0648\u0644 \u0648\u0628 \u062a\u0627 \u062d\u062f \u0632\u06cc\u0627\u062f\u06cc \u0628\u0627 <strong>HTML<\/strong> \u0648 <strong>CSS<\/strong> \u0634\u06a9\u0644 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647\u060c \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0647\u0645 \u0636\u0631\u0648\u0631\u06cc\u0647. \u067e\u0633 \u0628\u0627 \u0648\u062c\u0648\u062f \u0627\u06cc\u0646\u06a9\u0647 \u0633\u0639\u06cc \u06a9\u0631\u062f\u0645 \u062a\u0627 \u062c\u0627\u06cc \u0645\u0645\u06a9\u0646 \u06a9\u0627\u0645\u0644 \u0648 \u0648\u0627\u0636\u062d \u062f\u0631 \u0645\u0648\u0631\u062f \u062a\u0645\u0627\u0645 \u0645\u0637\u0627\u0644\u0628 \u062a\u0648\u0636\u06cc\u062d \u0628\u062f\u0645\u060c \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628 \u0648 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af\u060c \u0628\u0647 \u0622\u0634\u0646\u0627\u06cc\u06cc \u0646\u0633\u0628\u06cc \u0628\u0627 HTML \u0648 CSS \u0646\u06cc\u0627\u0632 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f. \u062a\u0648\u06cc \u0627\u06cc\u0646 \u067e\u0633\u062a \u062a\u0645\u0631\u06a9\u0632 \u0627\u0635\u0644\u06cc \u0631\u0648\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u067e\u0644\u062a\u0641\u0631\u0645 \u0628\u0644\u0627\u06af\u0641\u0627 \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \u062a\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u0637\u0631\u06cc\u0642\u060c \u0628\u0627 \u0645\u0631\u0627\u062d\u0644 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0648 \u0645\u0641\u0627\u0647\u06cc\u0645\u06cc \u0645\u062b\u0644 \u06a9\u062f\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0648 \u063a\u06cc\u0631\u0647 \u0622\u0634\u0646\u0627 \u0628\u0634\u06cc\u0645.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0647\u0645\u0648\u0646 \u0637\u0648\u0631 \u06a9\u0647 \u06af\u0641\u062a\u0645\u060c \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af\u060c \u0628\u0627\u06cc\u062f \u0628\u0627 HTML \u0648 CSS \u0622\u0634\u0646\u0627 \u0628\u0627\u0634\u06cc\u062f. \u062f\u0648\u0646\u0633\u062a\u0646 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0636\u0631\u0648\u0631\u06cc \u0646\u06cc\u0633\u062a \u0627\u0645\u0627 \u0645\u06cc \u062a\u0648\u0646\u0647 \u0645\u0641\u06cc\u062f \u0628\u0627\u0634\u0647. \u0627\u06af\u0631 \u0647\u0646\u0648\u0632 \u0628\u0627 \u0627\u0686 \u062a\u06cc \u0627\u0645 \u0627\u0644 \u0648 \u0633\u06cc \u0627\u0633 \u0627\u0633 \u0622\u0634\u0646\u0627 \u0646\u06cc\u0633\u062a\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0627\u0632 <a href=\"https:\/\/bluewebclub.com\/blog\/html-%DA%86%DB%8C%D8%B3%D8%AA%D8%9F-%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D9%85%D9%86%D8%A7%D8%A8%D8%B9-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-%D8%A8%D8%B1%D8%A7%DB%8C-%DB%8C%D8%A7%D8%AF%DA%AF%DB%8C\/\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc HTML \u062f\u0631 \u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628<\/a> \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f. \u0645\u0646\u0627\u0628\u0639 \u0632\u06cc\u0627\u062f\u06cc \u0647\u0645 \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc HTML \u0648 CSS \u062a\u0648\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u0646. \u0645\u062b\u0644\u0627\u060c \u0633\u0627\u06cc\u062a <a href=\"https:\/\/www.w3schools.com\/html\/default.asp\">w3schools.com<\/a> \u06cc\u06a9 \u0645\u0646\u0628\u0639 \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\u0647. \u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc HTML \u0648 CSS \u0632\u06cc\u0627\u062f\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u0631\u0627\u06cc\u06af\u0627\u0646 \u0648 \u063a\u06cc\u0631 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0628\u0647 \u0641\u0627\u0631\u0633\u06cc \u0647\u0645 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u0646 \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0646\u06cc\u062f \u0627\u0632 \u0627\u0648\u0646\u0627 \u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0644\u0627\u0648\u0647 \u0627\u06af\u0631 \u06a9\u0646\u062c\u06a9\u0627\u0648 \u0628\u0648\u062f\u06cc\u062f\u060c \u0645\u06cc \u062a\u0648\u0646\u06cc\u062f \u06a9\u0645\u06cc \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631\u0645\u0648\u0631\u062f \u0627\u06cc\u0646\u06a9\u0647 <a href=\"https:\/\/bluewebclub.com\/blog\/%d9%88%d8%a8-%da%86%db%8c%d9%87-%d9%88-%da%86%d8%b7%d9%88%d8%b1-%da%a9%d8%a7%d8%b1-%d9%85%db%8c%da%a9%d9%86%d9%87%d8%9f\/\">\u0648\u0628 \u0686\u06cc\u0647 \u0648 \u0686\u0637\u0648\u0631 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0647<\/a> \u0647\u0645 \u0628\u062e\u0648\u0646\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0627\u0647\u0645\u06cc\u062a \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u062a\u0648\u06cc <a href=\"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%88%d8%a8%d9%84%d8%a7%da%af-%d9%88-%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d9%be%d9%84%d8%aa%d9%81%d8%b1%d9%85-%d9%88%d8%a8%d9%84%d8%a7%da%af-%d9%86%d9%88%db%8c%d8%b3%db%8c\/\">\u0645\u0642\u0627\u06cc\u0633\u0647 \u06cc \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0646\u0648\u06cc\u0633\u06cc<\/a>\u060c \u0641\u0647\u0645\u06cc\u062f\u06cc\u0645 \u0647\u0631 \u06a9\u062f\u0648\u0645\u0634\u0648\u0646 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628\u06cc \u062f\u0627\u0631\u0646 \u0648 \u0646\u0647\u0627\u06cc\u062a\u0627 \u0628\u0627\u06cc\u062f \u0628\u0627\u0647\u0627\u0634\u0648\u0646 \u0633\u0648\u062e\u062a \u0648 \u0633\u0627\u062e\u062a. \u0628\u0639\u0636\u06cc \u0627\u0632 \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0622\u0645\u0627\u062f\u0647 \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u0648\u0628\u0644\u0627\u06af\u200c\u062f\u0647\u06cc \u0631\u0627\u06cc\u06af\u0627\u0646 \u0645\u062b\u0644 <a href=\"https:\/\/blogfa.com\">\u0628\u0644\u0627\u06af\u0641\u0627<\/a> \u0627\u0632 \u0646\u0638\u0631 \u0638\u0627\u0647\u0631\u060c \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u06cc\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0627 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af\u0645\u0648\u0646 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0641\u0627\u0635\u0644\u0647 \u062f\u0627\u0631\u0646. \u0628\u0647 \u0639\u0644\u0627\u0648\u0647\u060c \u062e\u06cc\u0644\u06cc \u0627\u0632 \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0622\u0645\u0627\u062f\u0647 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0628\u0642\u06cc\u0647 \u0647\u0645 \u0647\u0633\u062a\u0646 \u0648 \u0645\u0645\u06a9\u0646\u0647 \u0638\u0627\u0647\u0631 \u0648\u0628\u0644\u0627\u06af\u0645\u0648\u0646 \u0634\u0628\u06cc\u0647 \u0648\u0628\u0644\u0627\u06af\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0647 \u0628\u0634\u0647. \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0647 \u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647 \u0638\u0627\u0647\u0631 \u062f\u0644\u062e\u0648\u0627\u0647\u200c\u0645\u0648\u0646 \u0631\u0648 \u0628\u0633\u0627\u0632\u06cc\u0645 \u0648 \u0628\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u0633\u062a \u0635\u0641\u062d\u0647\u060c \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0645\u0646\u0627\u0633\u0628 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0647\u200c\u062a\u0646\u0647\u0627\u06cc\u06cc \u0631\u062a\u0628\u0647 \u06cc\u0627 \u0628\u0627\u0632\u062f\u06cc\u062f \u0648\u0628\u0644\u0627\u06af \u0631\u0648 \u0628\u0627\u0644\u0627 \u0646\u0645\u06cc\u200c\u0628\u0631\u0647\u060c \u0648\u0644\u06cc \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0628\u062e\u0634\u06cc \u0627\u0632 \u062a\u062c\u0631\u0628\u0647 \u0628\u0647\u062a\u0631 \u062e\u0648\u0627\u0646\u0646\u062f\u0647 \u0628\u0627\u0634\u0647. \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0638\u0627\u0647\u0631 \u0648\u0628\u0644\u0627\u06af \u0631\u0648 \u0628\u0627 \u0646\u06cc\u0627\u0632 \u0648 \u0633\u0644\u06cc\u0642\u0647 \u062e\u0648\u062f\u0645\u0648\u0646 \u0647\u0645\u0627\u0647\u0646\u06af \u06a9\u0646\u06cc\u0645.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u062e\u0648\u0628<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0645\u0646\u060c \u062f\u0648 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0647\u0645 \u06cc\u06a9 \u0642\u0627\u0644\u0628 \u062e\u0648\u0628 \u0627\u06cc\u0646\u0647 \u06a9\u0647 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0628\u062a\u0648\u0646\u0647 \u0631\u0627\u062d\u062a \u0645\u0637\u0644\u0628 \u0631\u0648 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u0647 \u0648 \u0628\u062e\u0648\u0646\u0647\u060c \u0648 \u0635\u0641\u062d\u0647 \u0647\u0645 \u0633\u0627\u062e\u062a\u0627\u0631 HTML \u0631\u0648\u0634\u0646 \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0645\u0646\u0627\u0633\u0628\u06cc \u062f\u0631 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0647. \u0686\u06cc\u062f\u0645\u0627\u0646 \u0645\u0646\u0627\u0633\u0628 \u0628\u0647 \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0647\u061b \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631\u0633\u062a \u0627\u0632 \u0639\u0646\u0648\u0627\u0646\u200c\u0647\u0627 \u0648 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc HTML \u0647\u0645 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062d\u062a\u0648\u0627 \u0631\u0648 \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u200c\u0648\u062c\u0648 \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0647.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0622\u0645\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u06cc\u0637 \u06a9\u0627\u0631 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u0646 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628\u060c \u0627\u0632 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 Adobe XD \u0648 \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 \u06a9\u062f\u0647\u0627\u06cc HTML \u0648 CSS \u0642\u0627\u0644\u0628\u060c \u0627\u0632 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 <a href=\"https:\/\/code.visualstudio.com\/\">VS Code<\/a> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645 \u06a9\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\u0647. \u0648\u0644\u06cc \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0627\u0632 \u0647\u0631 \u06a9\u062f \u0627\u062f\u06cc\u062a\u0648\u0631 \u062f\u06cc\u06af\u0647 \u0627\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u06cc\u062f \u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u062d\u062a\u06cc \u0647\u0645\u0648\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0627\u06a9\u062b\u0631 \u0622\u0645\u0648\u0632\u0634 \u0647\u0627\u06cc \u0645\u0642\u062f\u0645\u0627\u062a\u06cc HTML \u0645\u06cc\u06af\u0646\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0627\u0632 \u0646\u0648\u062a \u067e\u062f \u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u0644\u0628\u062a\u0647 \u0645\u0646 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u0648 \u0628\u0647 \u0647\u06cc\u0686 \u0639\u0646\u0648\u0627\u0646 \u062a\u0648\u0635\u06cc\u0647 \u0646\u0645\u06cc\u06a9\u0646\u0645 \u0686\u0648\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u062a\u06a9\u0633\u062a \u0627\u062f\u06cc\u062a\u0648\u0631 \u062e\u0648\u0628 \u0645\u062b\u0644 \u0648\u06cc\u0698\u0648\u0627\u0644 \u0627\u0633\u062a\u0648\u062f\u06cc\u0648 \u06a9\u062f (VS Code) \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u0627\u0631\u0648 \u062e\u06cc\u0644\u06cc \u0631\u0627\u062d\u062a \u0648 \u0633\u0631\u06cc\u0639 \u062a\u0631 \u06a9\u0646\u0647.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/vscode-liveServe-1024x546.png\">\u0627\u0641\u0632\u0648\u0646\u0647 live server \u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0635\u0641\u062d\u0627\u062a \u0627\u0686 \u062a\u06cc \u0627\u0645 \u0627\u0644 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0631\u0641\u0631\u0634 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0647.<\/a><\/p>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/vscode-liveServe-1024x546.png\" alt=\"\u0627\u0641\u0632\u0648\u0646\u0647 live server \u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0646 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0635\u0641\u062d\u0627\u062a \u0627\u0686 \u062a\u06cc \u0627\u0645 \u0627\u0644 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0631\u0641\u0631\u0634 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0647.\" class=\"wp-image-224\" srcset=\"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/vscode-liveServe-1024x546.png 1024w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/vscode-liveServe-300x160.png 300w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/vscode-liveServe-768x409.png 768w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/vscode-liveServe.png 1366w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0645\u0633\u06cc\u0631 \u0627\u06cc\u0646 \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0645\u0646 \u0627\u0632 \u0637\u0631\u0627\u062d\u06cc \u0638\u0627\u0647\u0631 \u062f\u0631 Adobe XD \u0634\u0631\u0648\u0639 \u0634\u062f\u060c \u0628\u0639\u062f \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0638\u0627\u0647\u0631\u0634 \u0631\u0648 \u0628\u0627 HTML \u0648 CSS \u067e\u06cc\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645 \u0648 \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0622\u062e\u0631 \u06a9\u062f\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0631\u0648 \u0628\u0647\u0634 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0645. \u0637\u0631\u062d \u0627\u0648\u0644\u06cc\u0647 \u0641\u0642\u0637 \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0628\u0648\u062f\u061b \u062a\u0627 \u0648\u0642\u062a\u06cc \u0628\u0647 \u06a9\u062f \u062a\u0628\u062f\u06cc\u0644 \u0646\u0634\u0647 \u0648 \u0628\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648\u0635\u0644 \u0646\u0634\u0647\u060c \u0645\u0637\u0627\u0644\u0628 \u0648\u0627\u0642\u0639\u06cc \u0648\u0628\u0644\u0627\u06af \u0631\u0648 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0645\u06cc\u200c\u062f\u0647. \u0627\u06cc\u0646 \u0631\u0648\u0646\u062f \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc\u0647 \u06a9\u0647 \u0686\u0646\u062f \u0633\u0627\u0644 \u067e\u06cc\u0634 \u0634\u0631\u0648\u0639 \u06a9\u0631\u062f\u0645\u060c \u0646\u0647 \u0637\u0631\u0627\u062d\u06cc \u062a\u0627\u0632\u0647\u200c\u0627\u06cc \u0628\u0627 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0645\u0631\u0648\u0632\u06cc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0645\u0646 \u0627\u0632 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 Adobe XD \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0645 \u06a9\u0647 \u06cc\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0645\u062e\u0635\u0648\u0635 \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc\u0647. <a href=\"https:\/\/fa.wikipedia.org\/wiki\/%D8%B1%D8%A7%D8%A8%D8%B7_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C\">\u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06cc\u0627 UI<\/a> \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062f\u0631 \u062d\u0642\u06cc\u0642\u062a \u0647\u0645\u0648\u0646 \u0638\u0627\u0647\u0631 \u06af\u0631\u0627\u0641\u06cc\u06a9\u06cc\u0634\u0647 \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0647\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0627\u0648\u0646 \u0628\u0627 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0627 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0631\u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646. <a href=\"https:\/\/fa.wikipedia.org\/wiki\/%D8%AA%D8%AC%D8%B1%D8%A8%D9%87_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C\">\u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u06cc\u0627 UX<\/a>\u060c \u0647\u0645\u0648\u0646 \u0637\u0648\u0631 \u06a9\u0647 \u0627\u0632 \u0627\u0633\u0645\u0634 \u067e\u06cc\u062f\u0627\u0633\u062a \u0628\u0647 \u0645\u0639\u0646\u06cc \u062a\u062c\u0631\u0628\u0647 \u0648 \u0627\u062d\u0633\u0627\u0633 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u0627\u0633\u062a. \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062e\u0648\u0627\u0646\u0627 \u0648 \u0645\u0633\u06cc\u0631 \u0631\u0648\u0634\u0646 \u0628\u0631\u0627\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0645\u0637\u0627\u0644\u0628 \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u0628\u0644\u0627\u06af \u0631\u0648 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u06a9\u0646\u0647.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647\u200c\u0647\u0627 \u0628\u062a\u0648\u0646\u0646 \u0645\u0637\u0627\u0644\u0628 \u0645\u0648\u0631\u062f \u0646\u0638\u0631\u0634\u0648\u0646 \u0631\u0648 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u0646 \u0648 \u0631\u0627\u062d\u062a \u0628\u062e\u0648\u0646\u0646\u060c \u0686\u06cc\u062f\u0645\u0627\u0646 \u0635\u0641\u062d\u0647 \u0645\u0647\u0645\u0647. \u0627\u06af\u0631 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0645\u0637\u0644\u0628 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0633\u062e\u062a \u0628\u0627\u0634\u0647\u060c \u06a9\u0627\u0631\u0628\u0631 \u0645\u0645\u06a9\u0646\u0647 \u0627\u0632 \u0627\u062f\u0627\u0645\u0647 \u06af\u0634\u062a\u0646 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af \u0645\u0646\u0635\u0631\u0641 \u0628\u0634\u0647. \u0631\u0639\u0627\u06cc\u062a \u0627\u0635\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u062c\u0644\u0648\u06cc \u0633\u0631\u062f\u0631\u06af\u0645\u06cc \u062e\u0648\u0627\u0646\u0646\u062f\u0647 \u0631\u0648 \u0628\u06af\u06cc\u0631\u0647. \u0627\u06cc\u0646 \u0686\u06cc\u0632\u0647\u0627 \u0628\u0647\u200c\u062a\u0646\u0647\u0627\u06cc\u06cc \u0628\u0627\u0632\u06af\u0634\u062a \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0631\u0648 \u062a\u0636\u0645\u06cc\u0646 \u0646\u0645\u06cc\u200c\u06a9\u0646\u0646\u060c \u0627\u0645\u0627 \u062f\u0644\u06cc\u0644 \u062e\u0648\u0628\u06cc \u0647\u0645 \u0646\u06cc\u0633\u062a \u06a9\u0647 \u062e\u0648\u0627\u0646\u0646\u062f\u0647 \u0631\u0648 \u0628\u0627 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0634\u0644\u0648\u063a \u06cc\u0627 \u06af\u06cc\u062c\u200c\u06a9\u0646\u0646\u062f\u0647 \u0631\u0648\u0628\u0647\u200c\u0631\u0648 \u06a9\u0646\u06cc\u0645.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" width=\"924\" height=\"1024\" src=\"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/07\/Blog-template-design-homePage-924x1024.png\" alt=\"\u0637\u0631\u062d \u0627\u0648\u0644\u06cc\u0647 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u06a9\u0647 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647 \u062f\u0631 Adobe XD \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a\" class=\"wp-image-245\" style=\"width:462px;height:512px\" srcset=\"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/07\/Blog-template-design-homePage-924x1024.png 924w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/07\/Blog-template-design-homePage-271x300.png 271w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/07\/Blog-template-design-homePage-768x851.png 768w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/07\/Blog-template-design-homePage-1387x1536.png 1387w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/07\/Blog-template-design-homePage-1849x2048.png 1849w, https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/07\/Blog-template-design-homePage.png 1920w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">\u0639\u06a9\u0633 \u0628\u0627\u0644\u0627 \u0637\u0631\u062d \u0627\u0648\u0644\u06cc\u0647\u200c\u0627\u06cc\u0647 \u06a9\u0647 \u0686\u0646\u062f \u0633\u0627\u0644 \u067e\u06cc\u0634 \u062e\u0648\u062f\u0645 \u062f\u0631 Adobe XD \u06a9\u0634\u06cc\u062f\u0645. \u06a9\u062f\u06cc \u06a9\u0647 \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f\u060c \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0627\u062f\u0647\u200c\u0634\u062f\u0647\u200c\u0627\u06cc \u0628\u0631 \u0627\u0633\u0627\u0633 \u0647\u0645\u06cc\u0646 \u0637\u0631\u062d\u0647\u060c \u0646\u0647 \u0628\u0627\u0632\u0633\u0627\u0632\u06cc \u062f\u0642\u06cc\u0642 \u062a\u06a9\u200c\u062a\u06a9 \u0641\u0627\u0635\u0644\u0647\u200c\u0647\u0627 \u0648 \u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0635\u0648\u06cc\u0631. \u062a\u0645\u0631\u06a9\u0632\u0645 \u0627\u06cc\u0646 \u0628\u0648\u062f \u06a9\u0647 \u0645\u0633\u06cc\u0631 \u062e\u0648\u0627\u0646\u062f\u0646 \u0645\u0637\u0644\u0628 \u0631\u0648\u0634\u0646 \u0628\u0627\u0634\u0647 \u0648 \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u0627\u0632 \u0645\u0646\u0648\u06cc \u06a9\u0646\u0627\u0631\u06cc \u062c\u062f\u0627 \u062f\u06cc\u062f\u0647 \u0628\u0634\u0646. \u0627\u0645\u0631\u0648\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u062f\u06cc\u06af\u0647\u200c\u0627\u06cc \u0647\u0645 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633\u0646\u061b Adobe XD \u0647\u0645 \u062d\u0627\u0644\u0627 \u062f\u0631 \u062d\u0627\u0644\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0647. \u0627\u0645\u0627 \u0686\u0648\u0646 \u0627\u06cc\u0646 \u0637\u0631\u062d \u0631\u0648 \u0648\u0627\u0642\u0639\u0627\u064b \u0628\u0627 XD \u0633\u0627\u062e\u062a\u0647\u200c\u0627\u0645\u060c \u0627\u0633\u0645\u0634 \u0631\u0648 \u062f\u0631 \u0631\u0648\u0627\u06cc\u062a \u0633\u0627\u062e\u062a \u067e\u0631\u0648\u0698\u0647 \u0646\u06af\u0647 \u0645\u06cc\u200c\u062f\u0627\u0631\u0645. <a href=\"https:\/\/helpx.adobe.com\/xd\/desktop\/introduction\/faq.html\">\u0648\u0636\u0639\u06cc\u062a \u0641\u0639\u0644\u06cc Adobe XD<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u062d\u0627\u0644\u0627 \u06a9\u0647 \u0627\u0632 \u0627\u0647\u0645\u06cc\u062a \u0637\u0631\u0627\u062d\u06cc \u0648 \u0631\u0639\u0627\u06cc\u062a \u0642\u0648\u0627\u0639\u062f \u0637\u0631\u0627\u062d\u06cc \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0635\u062d\u0628\u062a \u06a9\u0631\u062f\u06cc\u0645\u060c \u062e\u0648\u0628\u0647 \u06a9\u0647 \u0628\u0627\u0647\u0645 \u0686\u0646\u062f\u062a\u0627 \u0627\u0632 \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c \u06a9\u0647 \u0627\u0641\u0631\u0627\u062f \u0645\u0648\u0642\u0639 \u0637\u0631\u0627\u062d\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u062f\u0646\u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645. \u0645\u0648\u0642\u0639 \u0637\u0631\u0627\u062d\u06cc UI (User Interface) \u0633\u0627\u06cc\u062a\u060c \u0628\u0647\u062a\u0631\u0647 \u06a9\u0647 \u0627\u0632 \u0631\u0646\u06af \u0647\u0627\u06cc \u0632\u06cc\u0627\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06a9\u0646\u06cc\u0645. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u06cc \u0645\u062d\u062f\u0648\u062f \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u0627\u062c\u0632\u0627\u06cc \u0635\u0641\u062d\u0647 \u0647\u0645\u0627\u0647\u0646\u06af\u200c\u062a\u0631 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u0646. \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c \u062f\u06cc\u06af\u0647 \u0627\u06cc \u06a9\u0647 \u062e\u06cc\u0644\u06cc \u0627\u0632 \u0637\u0631\u0627\u062d \u0647\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u062f\u0646\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0648\u0646\u062a \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u0647. \u0628\u0647\u062a\u0631\u0647 \u062a\u0639\u062f\u0627\u062f \u0641\u0648\u0646\u062a\u200c\u0647\u0627 \u0645\u062d\u062f\u0648\u062f \u0628\u0627\u0634\u0647 \u0648 \u0628\u0631\u0627\u06cc \u062a\u06cc\u062a\u0631\u0647\u0627 \u0648 \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u06cc\u06a9 \u0627\u0644\u06af\u0648\u06cc \u062b\u0627\u0628\u062a \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc UI \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627 \u0648 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0647\u0627 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0627\u0635\u0648\u0644 \u0637\u0631\u0627\u062d\u06cc \u0622\u0634\u0646\u0627 \u0628\u0627\u0634\u06cc\u062f. \u0645\u0646\u0627\u0628\u0639 \u0632\u06cc\u0627\u062f\u06cc \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f \u06af\u06cc\u0631\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0627\u06cc\u0646\u06af\u0644\u06cc\u0633\u06cc \u0648 \u0641\u0627\u0631\u0633\u06cc \u062a\u0648\u06cc \u0633\u0637\u062d \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u0646 \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0646\u06cc\u062f \u0627\u0632 \u0627\u0648\u0646\u0627 \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u06cc\u0646 \u062d\u0648\u0632\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML \u0648 CSS \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0637\u0631\u062d \u0628\u0647 \u0635\u0641\u062d\u0647\u060c \u0627\u0648\u0644 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0631\u0648 \u0628\u0627 HTML \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645 \u0648 \u0628\u0639\u062f \u0628\u0627 CSS \u0628\u0647\u0634\u0648\u0646 \u0627\u0646\u062f\u0627\u0632\u0647\u060c \u0631\u0646\u06af \u0648 \u0641\u0627\u0635\u0644\u0647 \u0645\u06cc\u200c\u062f\u06cc\u0645. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0627\u0632 \u0645\u062a\u0646 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061b \u0627\u062a\u0635\u0627\u0644\u0634 \u0628\u0647 \u0645\u0637\u0627\u0644\u0628 \u0648\u0627\u0642\u0639\u06cc \u0631\u0648 \u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u06cc\u0645.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0627\u0632 \u0631\u0648\u06cc \u0637\u0631\u062d \u0686\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0628\u0627\u06cc\u062f \u0628\u0633\u0627\u0632\u06cc\u0645\u061f<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u062a\u0635\u0648\u06cc\u0631\u060c \u0628\u0627\u0644\u0627\u06cc \u0635\u0641\u062d\u0647 \u06cc\u06a9 \u0646\u0648\u0627\u0631 \u062a\u06cc\u0631\u0647 \u062f\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u0646\u0627\u0645 \u0648\u0628\u0644\u0627\u06af \u0633\u0645\u062a \u0686\u067e \u0648 \u062f\u0648 \u0644\u06cc\u0646\u06a9 \u00ab\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc\u00bb \u0648 \u00ab\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646\u00bb \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0627\u0648\u0646 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646. \u067e\u0627\u06cc\u06cc\u0646 \u0646\u0648\u0627\u0631\u060c \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u062f\u0631 \u0633\u062a\u0648\u0646 \u067e\u0647\u0646\u200c\u062a\u0631\u0650 \u0633\u0645\u062a \u0686\u067e \u0648 \u06cc\u06a9 \u06a9\u0627\u062f\u0631 \u0645\u0646\u0648 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0628\u0627\u0631\u06cc\u06a9\u0650 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0646. \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc \u0631\u0648\u0634\u0646\u0647\u060c \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627 \u062f\u0627\u062e\u0644 \u06a9\u0627\u062f\u0631\u0647\u0627\u06cc \u0633\u0641\u06cc\u062f \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646 \u0648 \u062e\u0637 \u0632\u06cc\u0631 \u0639\u0646\u0648\u0627\u0646 \u0648 \u062f\u06a9\u0645\u0647 \u00ab\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628\u00bb \u0628\u0646\u0641\u0634 \u0647\u0633\u062a\u0646. \u062f\u0631 \u0646\u0633\u062e\u0647 \u062b\u0627\u0628\u062a \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u062f\u0648 \u06a9\u0627\u0631\u062a \u0646\u0645\u0648\u0646\u0647 \u0628\u06af\u0630\u0627\u0631\u06cc\u0645 \u062a\u0627 \u0686\u06cc\u062f\u0645\u0627\u0646 \u0631\u0648 \u0628\u0628\u06cc\u0646\u06cc\u0645. \u0628\u0639\u062f\u0627\u064b \u062f\u0631 \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u06cc\u06a9 \u06a9\u0627\u0631\u062a \u0631\u0648 \u062f\u0627\u062e\u0644 \u0628\u0644\u0627\u06a9 \u062a\u06a9\u0631\u0627\u0631 \u0645\u0637\u0627\u0644\u0628 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u06cc\u0645.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062f\u0631 \u062a\u0635\u0648\u06cc\u0631\u060c \u0645\u062a\u0646 \u062f\u0627\u062e\u0644 \u0645\u0646\u0648 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc\u0647 \u0648 \u0644\u06cc\u0646\u06a9 \u00ab\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646\u00bb \u0647\u0645 \u0641\u0642\u0637 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0637\u0631\u062d\u0647. \u0627\u06af\u0631 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af\u062a\u0648\u0646 \u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0645\u0639\u0631\u0641\u06cc \u062e\u0648\u062f\u062a\u0648\u0646 \u0633\u0627\u062e\u062a\u0647\u200c\u0627\u06cc\u062f\u060c \u0628\u0639\u062f\u0627\u064b \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0646\u0634\u0627\u0646\u06cc \u0627\u0648\u0646 \u0635\u0641\u062d\u0647 \u0631\u0648 \u062c\u0627\u06cc \u0644\u06cc\u0646\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f. \u0645\u0646\u0648\u06cc \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0631\u0648 \u0647\u0645 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u0645 \u0628\u0627 \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u06cc\u0627 \u0622\u0631\u0634\u06cc\u0648 \u0648\u0627\u0642\u0639\u06cc \u0648\u0628\u0644\u0627\u06af \u067e\u0631 \u06a9\u0646\u06cc\u0645. \u062a\u0635\u0648\u06cc\u0631\u06cc \u0627\u0632 \u0641\u0648\u062a\u0631 \u062f\u0631 \u0637\u0631\u062d \u062f\u06cc\u062f\u0647 \u0646\u0645\u06cc\u200c\u0634\u0647\u061b \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u062f\u060c \u0627\u0641\u0632\u0648\u062f\u0646 \u06cc\u06a9 \u0641\u0648\u062a\u0631 \u0633\u0627\u062f\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u062e\u0648\u062f\u062a\u0648\u0646\u0647.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u0627\u0648\u0644 HTML\u060c \u0628\u0639\u062f CSS<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">HTML \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u0647\u0631 \u0628\u062e\u0634 <em>\u0686\u06cc\u0633\u062a<\/em>: \u0647\u062f\u0631\u060c \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc\u060c \u0647\u0631 \u0646\u0648\u0634\u062a\u0647 \u0648 \u0645\u0646\u0648\u06cc \u06a9\u0646\u0627\u0631\u06cc. CSS \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u0627\u06cc\u0646 \u0628\u062e\u0634\u200c\u0647\u0627 <em>\u0686\u0637\u0648\u0631 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0646<\/em>: \u067e\u0647\u0646\u0627\u06cc \u0633\u062a\u0648\u0646\u200c\u0647\u0627\u060c \u0631\u0646\u06af\u200c\u0647\u0627\u060c \u0641\u0627\u0635\u0644\u0647\u200c\u0647\u0627 \u0648 \u0631\u0641\u062a\u0627\u0631 \u0635\u0641\u062d\u0647 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644. \u0645\u062b\u0644\u0627\u064b \u06cc\u06a9 \u0646\u0633\u062e\u0647 \u062e\u06cc\u0644\u06cc \u0633\u0627\u062f\u0647 \u0648 \u062b\u0627\u0628\u062a \u0627\u0632 \u0628\u062e\u0634 \u0646\u0648\u0634\u062a\u0647 \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0627\u06cc\u0646 \u0634\u06a9\u0644\u06cc \u0628\u0627\u0634\u0647:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;article<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-card<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-category<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;h2&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0645\u0648\u0636\u0648\u0639 \u0645\u0637\u0644\u0628<\/span><span style=\"color: #81A1C1\">&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-meta<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0646\u0648\u06cc\u0633\u0646\u062f\u0647: \u0646\u0627\u0645 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647 | \u062a\u0627\u0631\u06cc\u062e: \u06f1\u06f4\u06f0\u06f0\/\u06f1\/\u06f1<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-content<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0645\u062a\u0646 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0645\u0637\u0644\u0628 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647.<\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">read-more<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">#<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/article&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0627\u06af\u0631 \u0647\u0645\u06cc\u0646 \u0642\u0637\u0639\u0647 \u0631\u0648 \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 HTML \u0628\u06af\u0630\u0627\u0631\u06cc\u062f \u0648 \u0628\u0627 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f\u060c \u0645\u062d\u062a\u0648\u0627 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647\u061b \u0648\u0644\u06cc \u0639\u0646\u0648\u0627\u0646 \u0648 \u062a\u0627\u0631\u06cc\u062e \u0647\u0645\u0648\u0646 \u0645\u062a\u0646 \u062b\u0627\u0628\u062a \u0646\u0645\u0648\u0646\u0647 \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0648\u0646\u0646. \u0627\u06cc\u0646\u062c\u0627 \u0628\u0647 \u06a9\u062f\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u0645.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u06a9\u062f\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0686\u0637\u0648\u0631 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u061f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0644\u0627\u06af\u0641\u0627 \u0628\u0639\u0636\u06cc \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u0635\u0648\u0635 \u0642\u0627\u0644\u0628 \u0631\u0648 \u0645\u0648\u0642\u0639 \u0646\u0645\u0627\u06cc\u0634 \u0635\u0641\u062d\u0647 \u0628\u0627 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0628\u0644\u0627\u06af \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u0647. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c <code>&lt;-BlogTitle-&gt;<\/code> \u0639\u0646\u0648\u0627\u0646 \u0648\u0628\u0644\u0627\u06af \u0648 <code>&lt;-PostTitle-&gt;<\/code> \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0645\u0637\u0644\u0628 \u0631\u0648 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647. \u06a9\u062f\u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc \u0645\u062b\u0644 \u0639\u0646\u0648\u0627\u0646 \u0648\u0628\u0644\u0627\u06af \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062f\u0631 \u0647\u0631 \u062c\u0627\u06cc \u0642\u0627\u0644\u0628 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0647\u0633\u062a\u0646\u060c \u0648\u0644\u06cc \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0647\u0631 \u0646\u0648\u0634\u062a\u0647 \u0628\u0627\u06cc\u062f \u062f\u0627\u062e\u0644 \u0628\u0644\u0627\u06a9 <code>&lt;BLOGFA&gt; ... &lt;\/BLOGFA&gt;<\/code> \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u0646. \u0628\u0644\u0627\u06af\u0641\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u06cc\u0646 \u0628\u0644\u0627\u06a9 \u0631\u0648 \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u062a\u06a9\u0631\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0647. \u06a9\u0648\u0686\u06a9 \u0648 \u0628\u0632\u0631\u06af \u0628\u0648\u062f\u0646 \u062d\u0631\u0648\u0641 \u06a9\u062f\u0647\u0627 \u0647\u0645 \u0645\u0647\u0645\u0647\u061b \u0627\u0648\u0646\u200c\u0647\u0627 \u0631\u0648 \u062f\u0642\u06cc\u0642 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f. <a href=\"https:\/\/www.blogfa.com\/help\/show.aspx?id=template\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0631\u0633\u0645\u06cc \u06a9\u062f\u0647\u0627\u06cc \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627<\/a> \u0641\u0647\u0631\u0633\u062a \u06a9\u0627\u0645\u0644 \u06a9\u062f\u0647\u0627 \u0648 \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631 \u0628\u0644\u0627\u06a9 \u0631\u0648 \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u0647.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>\u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u0646\u0634\u0627\u0646 \u0628\u062f\u0647\u06cc\u0645<\/th><th>\u06a9\u062f \u0628\u0644\u0627\u06af\u0641\u0627<\/th><th>\u0645\u062d\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/th><\/tr><tr><td>\u0646\u0627\u0645 \u0648\u0628\u0644\u0627\u06af<\/td><td><code>&lt;-BlogTitle-&gt;<\/code><\/td><td>\u0639\u0645\u0648\u0645\u06cc<\/td><\/tr><tr><td>\u062a\u0648\u0636\u06cc\u062d \u0648\u0628\u0644\u0627\u06af<\/td><td><code>&lt;-BlogDescription-&gt;<\/code><\/td><td>\u0639\u0645\u0648\u0645\u06cc<\/td><\/tr><tr><td>\u0646\u0634\u0627\u0646\u06cc \u0648\u0628\u0644\u0627\u06af<\/td><td><code>&lt;-BlogUrl-&gt;<\/code><\/td><td>\u0639\u0645\u0648\u0645\u06cc<\/td><\/tr><tr><td>\u0639\u0646\u0648\u0627\u0646 \u0648 \u0645\u062a\u0646 \u0645\u0637\u0644\u0628<\/td><td><code>&lt;-PostTitle-&gt;<\/code> \u0648 <code>&lt;-PostContent-&gt;<\/code><\/td><td>\u062f\u0627\u062e\u0644 <code>&lt;BLOGFA&gt;<\/code><\/td><\/tr><tr><td>\u062a\u0627\u0631\u06cc\u062e \u0648 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647 \u0645\u0637\u0644\u0628<\/td><td><code>&lt;-PostDate-&gt;<\/code> \u0648 <code>&lt;-PostAuthor-&gt;<\/code><\/td><td>\u062f\u0627\u062e\u0644 <code>&lt;BLOGFA&gt;<\/code><\/td><\/tr><tr><td>\u0644\u06cc\u0646\u06a9 \u0645\u0637\u0644\u0628<\/td><td><code>&lt;-PostLink-&gt;<\/code><\/td><td>\u062f\u0627\u062e\u0644 <code>&lt;BLOGFA&gt;<\/code><\/td><\/tr><tr><td>\u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0647\u0631 \u0645\u0637\u0644\u0628<\/td><td><code>&lt;BlogPostCategories&gt;<\/code> \u0648 <code>&lt;-CategoryName-&gt;<\/code><\/td><td>\u062f\u0627\u062e\u0644 <code>&lt;BLOGFA&gt;<\/code><\/td><\/tr><tr><td>\u0641\u0647\u0631\u0633\u062a \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0648\u0628\u0644\u0627\u06af<\/td><td><code>&lt;BlogCategories&gt;<\/code> \u0648 <code>&lt;-CategoryLink-&gt;<\/code><\/td><td>\u0645\u0646\u0648\u06cc \u06a9\u0646\u0627\u0631\u06cc<\/td><\/tr><tr><td>\u0622\u0631\u0634\u06cc\u0648 \u0632\u0645\u0627\u0646\u06cc<\/td><td><code>&lt;BlogArchive&gt;<\/code> \u0648 <code>&lt;-ArchiveLink-&gt;<\/code><\/td><td>\u0645\u0646\u0648\u06cc \u06a9\u0646\u0627\u0631\u06cc<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0647 \u062a\u0641\u0627\u0648\u062a \u062f\u0648 \u0646\u0648\u0639 \u0645\u0648\u0636\u0648\u0639 \u062f\u0642\u062a \u06a9\u0646\u06cc\u062f: \u0645\u0648\u0636\u0648\u0639 \u0628\u0627\u0644\u0627\u06cc <em>\u0647\u0631 \u06a9\u0627\u0631\u062a \u0645\u0637\u0644\u0628<\/em> \u0628\u0627\u06cc\u062f \u0628\u0647 \u0647\u0645\u0648\u0646 \u0645\u0637\u0644\u0628 \u0645\u0631\u0628\u0648\u0637 \u0628\u0627\u0634\u0647\u061b \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u062f\u0627\u062e\u0644 <em>\u0645\u0646\u0648\u06cc \u06a9\u0646\u0627\u0631\u06cc<\/em> \u0641\u0647\u0631\u0633\u062a \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u06a9\u0644 \u0648\u0628\u0644\u0627\u06af \u0647\u0633\u062a\u0646. \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0646 \u0647\u0645 \u0628\u0644\u0627\u06a9\u200c\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u062f\u0627\u0631\u0646. \u0647\u0645\u06cc\u0646\u200c\u0637\u0648\u0631 <code>&lt;-PostContent-&gt;<\/code> \u062f\u0627\u062e\u0644 \u0628\u0644\u0627\u06a9 \u0646\u0648\u0634\u062a\u0647 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647 \u0648 \u0628\u0627 <code>&lt;-BlogDescription-&gt;<\/code> \u06a9\u0647 \u062a\u0648\u0636\u06cc\u062d \u06a9\u0644 \u0648\u0628\u0644\u0627\u06af\u0647 \u0641\u0631\u0642 \u062f\u0627\u0631\u0647.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u062a\u0628\u062f\u06cc\u0644 \u0637\u0631\u062d \u062b\u0627\u0628\u062a \u0628\u0647 \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u062f\u06cc\u062f\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0631 \u06cc\u06a9 \u0628\u062e\u0634 \u06a9\u0648\u0686\u06a9\u060c \u0627\u06cc\u0646 \u0642\u0637\u0639\u0647 \u062b\u0627\u0628\u062a \u0631\u0648 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;h2&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0645\u0648\u0636\u0648\u0639 \u0645\u0637\u0644\u0628<\/span><span style=\"color: #81A1C1\">&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;p&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0645\u062a\u0646 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0645\u0637\u0644\u0628<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0647\u0645\u0648\u0646 \u0628\u062e\u0634\u060c \u0648\u0642\u062a\u06cc \u0628\u0647 \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648\u0635\u0644 \u0628\u0634\u0647\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0627\u06cc\u0646 \u0634\u06a9\u0644\u06cc \u0628\u0627\u0634\u0647:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BLOGFA<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;h2&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-PostTitle-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;div&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-PostContent-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;\/article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BLOGFA<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0639\u0646\u0648\u0627\u0646 \u0648 \u0645\u062a\u0646 \u062b\u0627\u0628\u062a \u0631\u0648 \u0628\u0627 \u06a9\u062f\u0647\u0627\u06cc \u0645\u0637\u0644\u0628 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0631\u062f\u06cc\u0645 \u0648 \u06a9\u0627\u0631\u062a \u0631\u0648 \u062f\u0627\u062e\u0644 <code>&lt;BLOGFA&gt;<\/code> \u06af\u0630\u0627\u0634\u062a\u06cc\u0645 \u062a\u0627 \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u062a\u06a9\u0631\u0627\u0631 \u0628\u0634\u0647. \u062f\u0631 \u0642\u0627\u0644\u0628 \u06a9\u0627\u0645\u0644\u060c \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u060c \u062a\u0627\u0631\u06cc\u062e\u060c \u0645\u0648\u0636\u0648\u0639 \u0648 \u0638\u0627\u0647\u0631 \u06a9\u0627\u0631\u062a \u0631\u0648 \u0647\u0645 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062d\u0627\u0644\u0627 \u06a9\u0627\u0631 \u0627\u0635\u0644\u06cc \u0631\u0648 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u06cc\u0645: \u0645\u062a\u0646\u200c\u0647\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0637\u0631\u062d \u0631\u0648 \u0628\u0627 \u06a9\u062f\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0645\u062b\u0644\u0627\u064b \u00ab\u0648\u0628\u0644\u0627\u06af \u0645\u0646\u00bb \u062f\u0631 \u0647\u062f\u0631 \u0645\u06cc\u200c\u0634\u0647 <code>&lt;-BlogTitle-&gt;<\/code>\u060c \u00ab\u0645\u0648\u0636\u0648\u0639 \u0645\u0637\u0644\u0628\u00bb \u0645\u06cc\u200c\u0634\u0647 <code>&lt;-PostTitle-&gt;<\/code> \u0648 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0632\u06cc\u0631 \u0627\u0648\u0646 \u0645\u06cc\u200c\u0634\u0647 <code>&lt;-PostContent-&gt;<\/code>. \u0628\u0631\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u060c \u06a9\u0644 <code>&lt;article&gt;<\/code> \u0631\u0648 \u062f\u0627\u062e\u0644 <code>&lt;BLOGFA&gt;<\/code> \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u06cc\u0645. \u062a\u0627\u0631\u06cc\u062e \u0648 \u0646\u0627\u0645 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647 \u0647\u0645 \u0627\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0647\u0645\u0648\u0646 \u0645\u0637\u0644\u0628 \u0645\u06cc\u0627\u0646.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0644\u06cc\u0646\u06a9 \u00ab\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628\u00bb \u0627\u0632 \u0628\u0644\u0627\u06a9 <code>&lt;BlogExtendedPost&gt;<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u0628\u0644\u0627\u06a9 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647 \u06a9\u0647 \u0628\u062e\u0634 \u00ab\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628\u00bb \u062f\u0627\u0631\u0646. \u0627\u06af\u0631 \u0647\u0645\u0647 \u0645\u0637\u0644\u0628\u200c\u0647\u0627 \u0631\u0648 \u0628\u0627 \u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u062b\u0627\u0628\u062a \u0628\u0647 \u0627\u0633\u0645 \u00ab\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628\u00bb \u067e\u06cc\u0648\u0646\u062f \u0628\u062f\u06cc\u0645\u060c \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u062f\u0627\u0645\u0647 \u0646\u062f\u0627\u0631\u0646 \u0647\u0645 \u062f\u06a9\u0645\u0647 \u0628\u06cc\u200c\u062f\u0644\u06cc\u0644 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647. \u0644\u06cc\u0646\u06a9 \u0639\u0646\u0648\u0627\u0646 \u0645\u0637\u0644\u0628 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0647\u0645\u06cc\u0634\u0647 \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0628\u0647 \u0635\u0641\u062d\u0647 \u062e\u0648\u062f \u0645\u0637\u0644\u0628 \u0628\u0631\u0647.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u06a9\u062f \u0642\u0627\u0644\u0628 <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u06a9\u062f \u067e\u0627\u06cc\u06cc\u0646 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0628\u062e\u0634 \u00ab\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0648 \u067e\u0633\u062a\u200c\u0647\u0627\u00bb \u062f\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627\u0633\u062a. \u0627\u06cc\u0646 \u0642\u0627\u0644\u0628 \u0631\u0648 \u0631\u0648\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645 \u0648 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0647\u061b \u0634\u06a9\u0644 \u06a9\u0644\u06cc \u0637\u0631\u062d \u0627\u0648\u0644\u06cc\u0647 \u0631\u0648 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647\u060c \u0648\u0644\u06cc \u0642\u0631\u0627\u0631 \u0646\u06cc\u0633\u062a \u06a9\u067e\u06cc \u062f\u0642\u06cc\u0642 \u067e\u06cc\u06a9\u0633\u0644\u200c\u0647\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u0627\u0634\u0647. \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0647\u0645\u06cc\u0646 \u0638\u0627\u0647\u0631 \u062f\u0631 \u0622\u0631\u0634\u06cc\u0648 \u0648 \u0635\u0641\u062d\u0627\u062a \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0647\u0645 \u0627\u0639\u0645\u0627\u0644 \u0628\u0634\u0647\u060c \u0628\u0627\u06cc\u062f \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u0648\u0646 \u0628\u062e\u0634\u200c\u0647\u0627 \u0631\u0648 \u0647\u0645 \u0628\u0631\u0631\u0633\u06cc \u0648 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f. \u0646\u0634\u0627\u0646\u06cc \u0635\u0641\u062d\u0647 \u00ab\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646\u00bb \u0631\u0627 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0628\u0627 \u0634\u0646\u0627\u0633\u0647 <code>about<\/code> \u0633\u0627\u062e\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u061b \u062f\u0631 \u063a\u06cc\u0631 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0627\u0648\u0646 \u0644\u06cc\u0646\u06a9 \u0631\u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u062f\u06cc\u062f \u06cc\u0627 \u0628\u0631\u062f\u0627\u0631\u06cc\u062f.<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#d8dee9ff;--cbp-line-number-width:calc(3 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:flex;align-items:center;padding:16px 0 0 16px;width:100%;text-align:left;background-color:#2e3440\"><span style=\"background:#c8d0e0;padding:0.3rem 0.5rem 0.2rem;border-radius:1rem;font-size:0.8em;line-height:1;height:1.25rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:#2e3440\">HTML<\/span><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#d8dee9ff;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!doctype html>\n&lt;html lang=\"fa\" dir=\"rtl\">\n&lt;head>\n  &lt;meta charset=\"utf-8\">\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  &lt;title>&lt;-BlogAndPostTitle->&lt;\/title>\n  &lt;meta name=\"description\" content=\"&lt;-BlogDescription->\">\n  &lt;style>\n    * { box-sizing: border-box; }\n    body { margin: 0; background: #f0f1f3; color: #383838;\n      font-family: Tahoma, sans-serif; line-height: 1.9; }\n    a { color: inherit; text-decoration: none; }\n    a:hover, a:focus-visible { text-decoration: underline; }\n    .wrap { width: min(1100px, calc(100% - 32px)); margin-inline: auto; }\n    .site-header { background: #363636; color: #fff; }\n    .header-inner { min-height: 56px; display: flex; align-items: center;\n      justify-content: space-between; gap: 20px; }\n    .site-name { font-weight: bold; font-size: 1.2rem; }\n    .top-nav { display: flex; gap: 28px; font-size: .85rem; }\n    .layout { display: grid; grid-template-columns: 250px minmax(0, 1fr);\n      gap: 10px; align-items: start; margin-top: 16px; }\n    .sidebar, .post-card { background: #fff; padding: 20px; }\n    .sidebar { min-height: 220px; font-size: .85rem; }\n    .sidebar h2 { font-size: .9rem; margin: 0 0 18px;\n      padding-bottom: 8px; border-bottom: 3px solid #9b00bb; }\n    .sidebar ul { list-style: none; padding: 0; margin: 0 0 22px; }\n    .sidebar li { margin-bottom: 6px; }\n    .posts { min-width: 0; }\n    .post-card { margin-bottom: 16px; }\n    .post-category { font-size: .75rem; font-weight: bold; margin: 0; }\n    .post-card h2 { font-size: 1.55rem; font-weight: normal;\n      line-height: 1.5; margin: 0 0 2px; }\n    .post-meta { color: #858585; font-size: .7rem; margin: 0 0 24px;\n      padding-bottom: 9px; border-bottom: 3px solid #9b00bb; }\n    .post-content { font-size: .88rem; overflow-wrap: anywhere; }\n    .post-content img { max-width: 100%; height: auto; }\n    .post-actions { margin-top: 22px; }\n    .read-more { display: inline-block; background: #9500b4; color: #fff;\n      padding: 5px 28px; font-size: .8rem; }\n    .read-more:hover, .read-more:focus-visible { background: #75008e; }\n    @media (max-width: 720px) {\n      .layout { grid-template-columns: 1fr; }\n      .sidebar { order: 2; min-height: 0; }\n      .posts { order: 1; }\n      .header-inner { flex-wrap: wrap; padding-block: 10px; }\n      .post-card h2 { font-size: 1.3rem; }\n    }\n  &lt;\/style>\n&lt;\/head>\n&lt;body>\n  &lt;header class=\"site-header\">\n    &lt;div class=\"wrap header-inner\">\n      &lt;nav class=\"top-nav\" aria-label=\"\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc\">\n        &lt;a href=\"&lt;-BlogUrl->\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc&lt;\/a>\n        &lt;a href=\"&lt;-BlogUrl->\/page\/about\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646&lt;\/a>\n      &lt;\/nav>\n      &lt;a class=\"site-name\" href=\"&lt;-BlogUrl->\">&lt;-BlogTitle->&lt;\/a>\n    &lt;\/div>\n  &lt;\/header>\n\n  &lt;div class=\"wrap layout\">\n    &lt;aside class=\"sidebar\" aria-label=\"\u0645\u0646\u0648\u06cc \u06a9\u0646\u0627\u0631\u06cc\">\n      &lt;h2>\u0645\u0646\u0648&lt;\/h2>\n      &lt;p>&lt;-BlogDescription->&lt;\/p>\n      &lt;BlogCategoriesBlock>\n        &lt;h2>\u0645\u0648\u0636\u0648\u0639\u0627\u062a&lt;\/h2>\n        &lt;ul>\n          &lt;BlogCategories>\n            &lt;li>&lt;a href=\"&lt;-CategoryLink->\">&lt;-CategoryName->&lt;\/a>&lt;\/li>\n          &lt;\/BlogCategories>\n        &lt;\/ul>\n      &lt;\/BlogCategoriesBlock>\n      &lt;h2>\u0622\u0631\u0634\u06cc\u0648&lt;\/h2>\n      &lt;ul>\n        &lt;BlogArchive>\n          &lt;li>&lt;a href=\"&lt;-ArchiveLink->\">&lt;-ArchiveTitle->&lt;\/a>&lt;\/li>\n        &lt;\/BlogArchive>\n      &lt;\/ul>\n      &lt;p>&lt;a href=\"&lt;-BlogUrl->\/&lt;-BlogArchiveLink->\">\u0647\u0645\u0647 \u0622\u0631\u0634\u06cc\u0648&lt;\/a>&lt;\/p>\n    &lt;\/aside>\n\n    &lt;main class=\"posts\" id=\"content\">\n      &lt;BLOGFA>\n        &lt;article class=\"post-card\">\n          &lt;BlogPostCategoriesBlock>\n            &lt;div class=\"post-category\">\n              &lt;BlogPostCategories separator=\"\u060c \">\n                &lt;a href=\"&lt;-CategoryLink->\">&lt;-CategoryName->&lt;\/a>\n              &lt;\/BlogPostCategories>\n            &lt;\/div>\n          &lt;\/BlogPostCategoriesBlock>\n          &lt;h2>&lt;a href=\"&lt;-BlogUrl->&lt;-PostLink->\">&lt;-PostTitle->&lt;\/a>&lt;\/h2>\n          &lt;p class=\"post-meta\">\u0646\u0648\u06cc\u0633\u0646\u062f\u0647: &lt;-PostAuthor-> | \u062a\u0627\u0631\u06cc\u062e: &lt;-PostDate->&lt;\/p>\n          &lt;div class=\"post-content\">&lt;-PostContent->&lt;\/div>\n          &lt;BlogExtendedPost>\n            &lt;div class=\"post-actions\">\n              &lt;a class=\"read-more\" href=\"&lt;-BlogUrl->&lt;-PostLink->\">\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628&lt;\/a>\n            &lt;\/div>\n          &lt;\/BlogExtendedPost>\n        &lt;\/article>\n      &lt;\/BLOGFA>\n    &lt;\/main>\n  &lt;\/div>\n&lt;\/body>\n&lt;\/html><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki nord\" style=\"background-color: #2e3440ff\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #81A1C1\">&lt;!doctype<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">html<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;html<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">lang<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">fa<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">dir<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">rtl<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;meta<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">charset<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">utf-8<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;meta<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">name<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">viewport<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">content<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">width=device-width, initial-scale=1<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;title&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-BlogAndPostTitle-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/title&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;meta<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">name<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">description<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">content<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogDescription-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #ECEFF4\">  <\/span><span style=\"color: #81A1C1\">&lt;style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">*<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">box-sizing<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">border-box;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">body<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">background<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">f0f1f3<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">383838<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">font-family<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">Tahoma<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">sans-serif;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">line-height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1.9<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">inherit;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">text-decoration<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">none;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">a:<\/span><span style=\"color: #8FBCBB\">hover<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">a:<\/span><span style=\"color: #8FBCBB\">focus-visible<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">text-decoration<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">underline;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">wrap<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">width<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">min<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #B48EAD\">1100<\/span><span style=\"color: #81A1C1\">px<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #88C0D0\"> calc<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #B48EAD\">100<\/span><span style=\"color: #81A1C1\">%<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">-<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">32<\/span><span style=\"color: #81A1C1\">px<\/span><span style=\"color: #ECEFF4\">))<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin-inline<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">auto;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line cbp-see-more-line cbp-see-more-transition\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">site-header<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">background<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">363636<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">fff<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">header-inner<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">min-height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">56<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">display<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">flex;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">align-items<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">center;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">justify-content<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">space-between;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">gap<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">20<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">site-name<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-weight<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">bold;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1.2<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">top-nav<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">display<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">flex;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">gap<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">28<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">.85<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">layout<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">display<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">grid;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">grid-template-columns<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">250<\/span><span style=\"color: #81A1C1\">px<\/span><span style=\"color: #88C0D0\"> minmax<\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #81A1C1\">fr<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">gap<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">10<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">align-items<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">start;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin-top<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">16<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">sidebar<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-card<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">background<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">fff<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">padding<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">20<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">sidebar<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">min-height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">220<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">.85<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">sidebar<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">h2<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">.9<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">18<\/span><span style=\"color: #81A1C1\">px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">padding-bottom<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">8<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">border-bottom<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">3<\/span><span style=\"color: #81A1C1\">px<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">solid<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">9b00bb<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">sidebar<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">ul<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">list-style<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">none;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">padding<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">22<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">sidebar<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">li<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin-bottom<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">6<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">posts<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">min-width<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-card<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin-bottom<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">16<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-category<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">.75<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-weight<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">bold;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-card<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">h2<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1.55<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-weight<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">normal;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">line-height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1.5<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">2<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-meta<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">858585<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">.7<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">24<\/span><span style=\"color: #81A1C1\">px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">padding-bottom<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">9<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">border-bottom<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">3<\/span><span style=\"color: #81A1C1\">px<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #81A1C1\">solid<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">9b00bb<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-content<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">.88<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">overflow-wrap<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #88C0D0\">anywhere<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-content<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">img<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">max-width<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">100<\/span><span style=\"color: #81A1C1\">%;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">auto;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-actions<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">margin-top<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">22<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">read-more<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">display<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">inline-block;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">background<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">9500b4<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">color<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">fff<\/span><span style=\"color: #81A1C1\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #D8DEE9\">padding<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">5<\/span><span style=\"color: #81A1C1\">px<\/span><span style=\"color: #88C0D0\"> <\/span><span style=\"color: #B48EAD\">28<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">.8<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">read-more<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #8FBCBB\">hover<\/span><span style=\"color: #ECEFF4\">,<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">read-more<\/span><span style=\"color: #81A1C1\">:<\/span><span style=\"color: #8FBCBB\">focus-visible<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">background<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">#<\/span><span style=\"color: #B48EAD\">75008e<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #D08770\">@media<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">(<\/span><span style=\"color: #D8DEE9\">max-width<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">720<\/span><span style=\"color: #81A1C1\">px<\/span><span style=\"color: #ECEFF4\">)<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">layout<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">grid-template-columns<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #81A1C1\">fr;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">sidebar<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">order<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">2<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">min-height<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">0<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">posts<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">order<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1<\/span><span style=\"color: #81A1C1\">;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">header-inner<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">flex-wrap<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">wrap;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">padding-block<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">10<\/span><span style=\"color: #81A1C1\">px;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">.<\/span><span style=\"color: #8FBCBB\">post-card<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #81A1C1\">h2<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">{<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #D8DEE9\">font-size<\/span><span style=\"color: #ECEFF4\">:<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #B48EAD\">1.3<\/span><span style=\"color: #81A1C1\">rem;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #ECEFF4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;\/style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/head&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;header<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">site-header<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">wrap header-inner<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;nav<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">top-nav<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">aria-label<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogUrl-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogUrl-&gt;\/page\/about<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;\/nav&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">site-name<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogUrl-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-BlogTitle-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;\/header&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">wrap layout<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;aside<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">sidebar<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">aria-label<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\u0645\u0646\u0648\u06cc \u06a9\u0646\u0627\u0631\u06cc<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;h2&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0645\u0646\u0648<\/span><span style=\"color: #81A1C1\">&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;p&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-BlogDescription-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BlogCategoriesBlock<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;h2&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0645\u0648\u0636\u0648\u0639\u0627\u062a<\/span><span style=\"color: #81A1C1\">&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;ul&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BlogCategories<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">&lt;li&gt;&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-CategoryLink-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-CategoryName-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;&lt;\/li&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BlogCategories<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;\/ul&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BlogCategoriesBlock<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;h2&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0622\u0631\u0634\u06cc\u0648<\/span><span style=\"color: #81A1C1\">&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;ul&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BlogArchive<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;li&gt;&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-ArchiveLink-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-ArchiveTitle-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;&lt;\/li&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BlogArchive<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;\/ul&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;p&gt;&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogUrl-&gt;\/<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogArchiveLink-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0647\u0645\u0647 \u0622\u0631\u0634\u06cc\u0648<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/aside&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;main<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">posts<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">id<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">content<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BLOGFA<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;article<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-card<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BlogPostCategoriesBlock<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-category<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BlogPostCategories<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">separator<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">\u060c <\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">                <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-CategoryLink-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-CategoryName-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BlogPostCategories<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BlogPostCategoriesBlock<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;h2&gt;&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogUrl-&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-PostLink-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-PostTitle-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;p<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-meta<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0646\u0648\u06cc\u0633\u0646\u062f\u0647: <\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-PostAuthor-&gt; | \u062a\u0627\u0631\u06cc\u062e: <\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-PostDate-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-content<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #D8DEE9FF\">-PostContent-&gt;<\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;<\/span><span style=\"color: #D8DEE9\">BlogExtendedPost<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">&lt;div<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">post-actions<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">              <\/span><span style=\"color: #81A1C1\">&lt;a<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">class<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #A3BE8C\">read-more<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9FF\"> <\/span><span style=\"color: #8FBCBB\">href<\/span><span style=\"color: #ECEFF4\">=<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-BlogUrl-&gt;<\/span><span style=\"color: #D8DEE9\">&lt;<\/span><span style=\"color: #A3BE8C\">-PostLink-&gt;<\/span><span style=\"color: #ECEFF4\">&quot;<\/span><span style=\"color: #81A1C1\">&gt;<\/span><span style=\"color: #D8DEE9FF\">\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<\/span><span style=\"color: #81A1C1\">&lt;\/a&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">            <\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">          <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BlogExtendedPost<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">        <\/span><span style=\"color: #81A1C1\">&lt;\/article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">      <\/span><span style=\"color: #81A1C1\">&lt;\/<\/span><span style=\"color: #D8DEE9\">BLOGFA<\/span><span style=\"color: #81A1C1\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">    <\/span><span style=\"color: #81A1C1\">&lt;\/main&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D8DEE9FF\">  <\/span><span style=\"color: #81A1C1\">&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/body&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #81A1C1\">&lt;\/html&gt;<\/span><\/span><\/code><\/pre><div class=\"cbp-see-more-container\" data-see-more-collapse-string=\"\u0628\u0633\u062a\u0646\" data-see-more-string=\"\u0628\u06cc\u0634\u062a\u0631\" style=\"display:flex;flex-direction:column;align-items:center;width:100%;font-size:12px;line-height:1;position:relative;padding-top:4px;margin-bottom:-16px;height:32px\"><div style=\"background-color:#2e3440;height:50%;position:absolute;top:0;left:0;right:0\" aria-hidden=\"true\"><\/div><span role=\"button\" tabindex=\"0\" class=\"cbp-see-more-simple-btn cbp-see-more-simple-btn-hover\" style=\"color:#ffffff;background-color:#434c5e;padding:6px 14px;cursor:default;position:relative;border-radius:6px\">\u0628\u06cc\u0634\u062a\u0631<\/span><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">\u0627\u06af\u0631 \u0641\u0627\u06cc\u0644 HTML \u0631\u0648 \u0642\u0628\u0644 \u0627\u0632 \u06af\u0630\u0627\u0634\u062a\u0646 \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 \u0628\u0627 Live Server \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f\u060c \u0645\u0645\u06a9\u0646\u0647 \u0645\u062a\u0646\u200c\u0647\u0627\u06cc\u06cc \u0645\u062b\u0644 <code>&lt;-BlogTitle-&gt;<\/code> \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0646\u0634\u0646 \u06cc\u0627 \u0638\u0627\u0647\u0631 \u0639\u062c\u06cc\u0628\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646. \u0645\u0631\u0648\u0631\u06af\u0631 \u06a9\u062f\u0647\u0627\u06cc \u0645\u062e\u0635\u0648\u0635 \u0628\u0644\u0627\u06af\u0641\u0627 \u0631\u0648 \u0646\u0645\u06cc\u200c\u0634\u0646\u0627\u0633\u0647\u061b \u0627\u06cc\u0646 \u06a9\u062f\u0647\u0627 \u0641\u0642\u0637 \u0628\u0639\u062f \u0627\u0632 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0642\u0627\u0644\u0628 \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 \u067e\u0631\u062f\u0627\u0632\u0634 \u0645\u06cc\u200c\u0634\u0646. \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0686\u06cc\u062f\u0645\u0627\u0646\u060c \u0646\u0633\u062e\u0647 \u062b\u0627\u0628\u062a \u0628\u0627 \u0645\u062a\u0646 \u0646\u0645\u0648\u0646\u0647 \u0645\u0641\u06cc\u062f\u0647\u061b \u0639\u0645\u0644\u06a9\u0631\u062f \u06a9\u062f\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0631\u0648 \u0628\u0627\u06cc\u062f \u0631\u0648\u06cc \u062e\u0648\u062f \u0648\u0628\u0644\u0627\u06af \u062f\u06cc\u062f. \u0645\u0646 \u0642\u0627\u0644\u0628 \u0631\u0648 \u0631\u0648\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0631\u062f\u0647\u200c\u0627\u0645\u060c \u0627\u0645\u0627 \u0627\u06af\u0631 \u0686\u06cc\u0632\u06cc \u0631\u0648 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af \u062e\u0648\u062f\u062a\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u062f\u06cc\u062f\u060c \u0646\u062a\u06cc\u062c\u0647 \u0631\u0648 \u0628\u0639\u062f \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0628\u0628\u06cc\u0646\u06cc\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u062f\u0631 CSS\u060c <code>grid-template-columns<\/code> \u062f\u0648 \u0633\u062a\u0648\u0646 \u0637\u0631\u062d \u0631\u0648 \u0645\u06cc\u200c\u0633\u0627\u0632\u0647\u061b \u0628\u0647 \u062e\u0627\u0637\u0631 \u0631\u0627\u0633\u062a\u200c\u0628\u0647\u200c\u0686\u067e \u0628\u0648\u062f\u0646 \u0635\u0641\u062d\u0647\u060c \u0633\u062a\u0648\u0646 \u0628\u0627\u0631\u06cc\u06a9 \u0645\u0646\u0648 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647. \u0631\u0646\u06af \u0628\u0646\u0641\u0634 \u0647\u0645 \u0631\u0648\u06cc \u062e\u0637 \u0632\u06cc\u0631 \u0639\u0646\u0648\u0627\u0646 \u0648 \u062f\u06a9\u0645\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u062f\u0647. \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627 \u0648 \u0631\u0646\u06af\u200c\u0647\u0627 \u0631\u0648 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u0641\u0627\u06cc\u0644 \u0637\u0631\u0627\u062d\u06cc \u062e\u0648\u062f\u062a\u0648\u0646 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f. \u0628\u062e\u0634 <code>@media<\/code> \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0647 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0628\u0627\u0631\u06cc\u06a9\u060c \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0648 \u0645\u0646\u0648 \u0631\u0648\u06cc \u0647\u0645 \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u0646 \u0648 \u0645\u062a\u0646 \u0627\u0632 \u0639\u0631\u0636 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u06cc\u0631\u0648\u0646 \u0646\u0632\u0646\u0647. \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0628\u0631\u0627\u06cc \u0647\u0631 \u067e\u0633\u062a \u06a9\u0627\u0631\u062a \u062c\u062f\u06cc\u062f\u06cc \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f: \u0628\u0644\u0627\u06a9 <code>&lt;BLOGFA&gt;<\/code> \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0648 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0645\u0648\u0636\u0648\u0639\u0627\u062a\u060c \u0622\u0631\u0634\u06cc\u0648 \u0648 \u0635\u0641\u062d\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0637\u0631\u062d \u0645\u0627 \u06cc\u06a9 \u06a9\u0627\u062f\u0631 \u00ab\u0645\u0646\u0648\u00bb \u062f\u0627\u0631\u0647\u060c \u0648\u0644\u06cc \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u062f\u0627\u062e\u0644\u0634 \u0647\u0645\u06cc\u0634\u0647 \u0647\u0645\u0627\u0646 \u0645\u062a\u0646 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u0645\u0648\u0646\u0647. <code>&lt;BlogCategories&gt;<\/code> \u0641\u0647\u0631\u0633\u062a \u0645\u0648\u0636\u0648\u0639\u0627\u062a\u06cc \u0631\u0648 \u0645\u06cc\u200c\u0633\u0627\u0632\u0647 \u06a9\u0647 \u062f\u0631 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0648\u0628\u0644\u0627\u06af \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f. <code>&lt;BlogCategoriesBlock&gt;<\/code> \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u0627\u06af\u0631 \u0645\u0648\u0636\u0648\u0639\u06cc \u0646\u062f\u0627\u0631\u06cc\u062f\u060c \u0639\u0646\u0648\u0627\u0646 \u0648 \u0641\u0647\u0631\u0633\u062a \u062e\u0627\u0644\u06cc \u0647\u0645 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0646\u0634\u0646. <code>&lt;BlogArchive&gt;<\/code> \u0647\u0645 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0628\u0627\u0632\u0647 \u0632\u0645\u0627\u0646\u06cc \u0622\u0631\u0634\u06cc\u0648 \u06cc\u06a9 \u0644\u06cc\u0646\u06a9 \u0645\u06cc\u200c\u0633\u0627\u0632\u0647. \u0627\u06af\u0631 \u0645\u0646\u0648\u06cc \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u062f\u0648 \u0628\u062e\u0634 \u0631\u0648 \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0627\u06cc\u0646 \u06a9\u062f \u0628\u0631\u0627\u06cc \u0642\u0627\u0644\u0628 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0648 \u0635\u0641\u062d\u0647 \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u0633\u062a. \u0628\u0644\u0627\u06af\u0641\u0627 \u0628\u0631\u0627\u06cc \u0635\u0641\u062d\u0647 \u0622\u0631\u0634\u06cc\u0648 \u0648 \u0635\u0641\u062d\u0647\u200c\u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0647\u0645 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0642\u0627\u0644\u0628 \u0645\u062e\u0635\u0648\u0635 \u062e\u0648\u062f\u0634 \u0631\u0648 \u062f\u0627\u0631\u0647\u061b \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0628\u0639\u062f \u0627\u0632 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc\u060c \u0646\u0645\u0627\u06cc\u0634 \u0627\u0648\u0646 \u062f\u0648 \u0646\u0648\u0639 \u0635\u0641\u062d\u0647 \u0631\u0648 \u0647\u0645 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0646\u0645\u0648\u0646\u0647\u060c \u062f\u0631 \u0635\u0641\u062d\u0647 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u06a9\u062f\u0647\u0627\u06cc <code>&lt;-BlogPageTitle-&gt;<\/code> \u0648 <code>&lt;-BlogPageContent-&gt;<\/code> \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u0646 \u0648 \u0628\u0644\u0627\u06a9 \u062a\u06a9\u0631\u0627\u0631 \u067e\u0633\u062a\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0648\u0646 \u0635\u0641\u062d\u0647 \u0646\u0645\u06cc\u200c\u0634\u0647. \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0631\u0633\u0645\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0645\u062d\u062f\u0648\u062f\u0647 \u0647\u0631 \u06a9\u062f \u0631\u0648 \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0647.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0648 \u0622\u0632\u0645\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627<\/h3>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">\u0627\u0648\u0644 \u0627\u0632 \u06a9\u062f \u0642\u0627\u0644\u0628 \u0641\u0639\u0644\u06cc \u0648\u0628\u0644\u0627\u06af\u062a\u0648\u0646 \u06cc\u06a9 \u0646\u0633\u062e\u0647 \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0645\u062a\u0646\u06cc \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f. \u0633\u067e\u0633 \u0648\u0627\u0631\u062f \u0628\u062e\u0634 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0648\u0628\u0644\u0627\u06af \u0628\u0634\u06cc\u062f\u060c \u0642\u0633\u0645\u062a \u0648\u06cc\u0631\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u0631\u0648 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u06a9\u062f \u0646\u0645\u0648\u0646\u0647 \u0631\u0648 \u062f\u0631 \u0628\u062e\u0634 \u0642\u0627\u0644\u0628 \u00ab\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0648 \u067e\u0633\u062a\u200c\u0647\u0627\u00bb \u0642\u0631\u0627\u0631 \u0628\u062f\u06cc\u062f. \u0628\u0639\u062f \u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af \u062e\u0648\u062f\u062a\u0648\u0646 \u0635\u0641\u062d\u0647 \u0631\u0648 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u0686\u0646\u062f \u0645\u0648\u0631\u062f \u0631\u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f: \u0639\u0646\u0648\u0627\u0646 \u0648\u0628\u0644\u0627\u06af \u062f\u0631\u0633\u062a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647\u061f \u0628\u0631\u0627\u06cc \u062f\u0648 \u0645\u0637\u0644\u0628 \u0645\u062e\u062a\u0644\u0641\u060c \u0639\u0646\u0648\u0627\u0646 \u0648 \u062a\u0627\u0631\u06cc\u062e \u0645\u062a\u0641\u0627\u0648\u062a \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f\u061f \u0644\u06cc\u0646\u06a9 \u0639\u0646\u0648\u0627\u0646 \u0628\u0647 \u0647\u0645\u0627\u0646 \u0645\u0637\u0644\u0628 \u0645\u06cc\u200c\u0631\u0647\u061f \u062f\u06a9\u0645\u0647 \u00ab\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628\u00bb \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0647\u0627\u06cc\u06cc \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647 \u06a9\u0647 \u0627\u062f\u0627\u0645\u0647 \u062f\u0627\u0631\u0646\u061f \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0648 \u0622\u0631\u0634\u06cc\u0648 \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u062f\u0631\u0633\u062a \u0644\u06cc\u0646\u06a9 \u0645\u06cc\u200c\u0634\u0646\u061f<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u0635\u0641\u062d\u0647 \u0631\u0648 \u06cc\u06a9 \u0628\u0627\u0631 \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u06cc\u0627 \u0628\u0627 \u0627\u0628\u0632\u0627\u0631 \u0646\u0645\u0627\u06cc\u0634 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0645\u0631\u0648\u0631\u06af\u0631 \u0647\u0645 \u0628\u0628\u06cc\u0646\u06cc\u062f. \u0645\u0637\u0644\u0628\u06cc \u0628\u0627 \u0639\u0646\u0648\u0627\u0646 \u0637\u0648\u0644\u0627\u0646\u06cc\u060c \u062a\u0635\u0648\u06cc\u0631\u06cc \u0628\u0632\u0631\u06af \u0648 \u0686\u0646\u062f \u062e\u0637 \u0645\u062a\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0645\u0634\u06a9\u0644\u0627\u062a \u0627\u0646\u062f\u0627\u0632\u0647 \u0648 \u0641\u0627\u0635\u0644\u0647 \u0628\u0647\u062a\u0631 \u0645\u0639\u0644\u0648\u0645 \u0628\u0634\u0646. \u0627\u06af\u0631 \u0628\u062e\u0634\u06cc \u062e\u0627\u0644\u06cc \u0645\u0648\u0646\u062f\u060c \u0642\u0628\u0644 \u0627\u0632 \u062a\u063a\u06cc\u06cc\u0631 CSS \u0645\u0637\u0645\u0626\u0646 \u0628\u0634\u06cc\u062f \u062f\u0627\u062f\u0647 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0627\u0648\u0646 \u0631\u0648 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af \u062b\u0628\u062a \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u0648 \u06a9\u062f \u0628\u0644\u0627\u06af\u0641\u0627 \u062f\u0631 \u0628\u0644\u0627\u06a9 \u062f\u0631\u0633\u062a \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0647. \u0628\u0631\u0627\u06cc \u0635\u0641\u062d\u0647 \u00ab\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646\u00bb \u0647\u0645 \u0646\u0634\u0627\u0646\u06cc \u0648\u0627\u0642\u0639\u06cc \u0635\u0641\u062d\u0647\u200c\u0627\u06cc \u0631\u0648 \u06a9\u0647 \u062e\u0648\u062f\u062a\u0648\u0646 \u0633\u0627\u062e\u062a\u0647\u200c\u0627\u06cc\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0648 \u06cc\u06a9\u200c\u0628\u0627\u0631\u0647 \u0628\u0644\u062f \u0628\u0627\u0634\u06cc\u062f. \u0627\u0632 \u06cc\u06a9 \u0637\u0631\u062d \u0633\u0627\u062f\u0647 \u0645\u062b\u0644 \u0647\u0645\u06cc\u0646 \u0646\u0645\u0648\u0646\u0647 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0648\u0644 \u0633\u0627\u062e\u062a\u0627\u0631\u0634 \u0631\u0648 \u0628\u0627 HTML \u0628\u0633\u0627\u0632\u06cc\u062f\u060c \u0638\u0627\u0647\u0631\u0634 \u0631\u0648 \u0628\u0627 CSS \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0639\u062f \u0645\u062a\u0646\u200c\u0647\u0627\u06cc \u062b\u0627\u0628\u062a \u0631\u0648 \u0628\u0647 \u06a9\u062f\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648\u0635\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0642\u0631\u0627\u0631 \u0646\u06cc\u0633\u062a \u062c\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc HTML\u060c CSS \u06cc\u0627 <a href=\"https:\/\/www.blogfa.com\/help\/show.aspx?id=template\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06a9\u062f\u0647\u0627\u06cc \u062e\u0648\u062f \u0628\u0644\u0627\u06af\u0641\u0627<\/a> \u0631\u0648 \u0628\u06af\u06cc\u0631\u0647\u061b \u0646\u0642\u0634\u0647\u200c\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0648\u0642\u0639 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u062e\u0648\u062f\u062a\u0648\u0646 \u0628\u062f\u0648\u0646\u06cc\u062f \u0647\u0631 \u0628\u062e\u0634 \u0627\u0632 \u06a9\u062c\u0627 \u0645\u06cc\u0627\u062f \u0648 \u0686\u0637\u0648\u0631 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc\u062f \u0646\u062a\u06cc\u062c\u0647 \u0631\u0648 \u0645\u0631\u062d\u0644\u0647\u200c\u0628\u0647\u200c\u0645\u0631\u062d\u0644\u0647 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af &#8211; \u0646\u06af\u0627\u0647 \u06a9\u0644\u06cc \u0642\u0628\u0644 \u0627\u0632 \u0647\u0631\u0686\u06cc\u0632\u06cc \u062e\u0648\u0628\u0647 \u06a9\u0647 \u0628\u062f\u0648\u0646\u06cc\u0645 \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u06cc\u0639\u0646\u06cc \u0638\u0627\u0647\u0631 \u0648\u0628\u0644\u0627\u06af \u0645\u0627. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u06a9\u062f\u0647\u0627\u06cc HTML \u0648 CSS \u0648 \u06a9\u062f\u0647\u0627\u06cc \u0645\u062e\u0635\u0648\u0635 \u0628\u0644\u0627\u06af\u0641\u0627 \u06a9\u0647 \u0646\u062d\u0648\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0627\u0631\u0648 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u0646. \u062a\u0648\u06cc \u0627\u06cc\u0646 \u067e\u0633\u062a \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u0632\u0627\u06cc\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af\u0645\u0648\u0646 \u0628\u062d\u062b \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0639\u062f \u0627\u0632 \u0627\u0648\u0646 \u06cc\u06a9 \u0642\u0627\u0644\u0628&hellip;&nbsp;<a href=\"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/\" rel=\"bookmark\">\u0627\u062f\u0627\u0645\u0647 &raquo;<span class=\"screen-reader-text\">\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":204,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"[\"content\",\"tags\",\"post-navigation\",\"comments\"]","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[14,13,37,6],"tags":[22,38,7],"class_list":["post-182","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-css","category-13","category-37","category-6","tag-22","tag-38","tag-7"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 - \u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628<\/title>\n<meta name=\"description\" content=\"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u0632 \u0635\u0641\u0631\u061b \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628\u060c \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bluewebclub.com\/blog\/\u0633\u0627\u062e\u062a-\u0642\u0627\u0644\u0628-\u0628\u0644\u0627\u06af\u0641\u0627\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 - \u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628\" \/>\n<meta property=\"og:description\" content=\"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u0632 \u0635\u0641\u0631\u061b \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628\u060c \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bluewebclub.com\/blog\/\u0633\u0627\u062e\u062a-\u0642\u0627\u0644\u0628-\u0628\u0644\u0627\u06af\u0641\u0627\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-24T11:36:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-24T12:18:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1709\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ali\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a\" \/>\n\t<meta name=\"twitter:data1\" content=\"ali\" \/>\n\t<meta name=\"twitter:label2\" 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:data2\" content=\"15 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/\"},\"author\":{\"name\":\"ali\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#\\\/schema\\\/person\\\/315312f446dc230f885d47d4f191b4f6\"},\"headline\":\"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627\",\"datePublished\":\"2026-09-24T11:36:13+00:00\",\"dateModified\":\"2026-09-24T12:18:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/\"},\"wordCount\":70,\"publisher\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/online-web-design-scaled.jpg\",\"keywords\":[\"\u0622\u0645\u0648\u0632\u0634 \u0648\u0628\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\",\"\u0648\u0628\u0644\u0627\u06af\"],\"articleSection\":[\"html \u0648 css\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0648\u0628\",\"\u0648\u0628\u0644\u0627\u06af \u0646\u0648\u06cc\u0633\u06cc\"],\"inLanguage\":\"fa-IR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/\",\"url\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/\",\"name\":\"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 - \u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/online-web-design-scaled.jpg\",\"datePublished\":\"2026-09-24T11:36:13+00:00\",\"dateModified\":\"2026-09-24T12:18:21+00:00\",\"description\":\"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u0632 \u0635\u0641\u0631\u061b \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628\u060c \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/online-web-design-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/online-web-design-scaled.jpg\",\"width\":2560,\"height\":1709,\"caption\":\"\u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u0644\u0627\u06af\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/\",\"name\":\"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628\",\"description\":\"\u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0648 \u062a\u0631\u0641\u0646\u062f \u0647\u0627\u06cc \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631\u06cc\",\"publisher\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#organization\",\"name\":\"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628\",\"url\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/cropped-bwc-logo-circle-whitebg003.png\",\"contentUrl\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/cropped-bwc-logo-circle-whitebg003.png\",\"width\":512,\"height\":512,\"caption\":\"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628\"},\"image\":{\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/instagram.com\\\/bluewebclub?utm_medium=copy_link\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/#\\\/schema\\\/person\\\/315312f446dc230f885d47d4f191b4f6\",\"name\":\"ali\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a428b5f0e0c978fa5dad838e6f1b893388355306a7d50cda71d7f9c26187f667?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a428b5f0e0c978fa5dad838e6f1b893388355306a7d50cda71d7f9c26187f667?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a428b5f0e0c978fa5dad838e6f1b893388355306a7d50cda71d7f9c26187f667?s=96&d=mm&r=g\",\"caption\":\"ali\"},\"sameAs\":[\"https:\\\/\\\/bluewebclub.com\\\/blog\"],\"url\":\"https:\\\/\\\/bluewebclub.com\\\/blog\\\/author\\\/ali\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 - \u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628","description":"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u0632 \u0635\u0641\u0631\u061b \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628\u060c \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647.","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:\/\/bluewebclub.com\/blog\/\u0633\u0627\u062e\u062a-\u0642\u0627\u0644\u0628-\u0628\u0644\u0627\u06af\u0641\u0627\/","og_locale":"fa_IR","og_type":"article","og_title":"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 - \u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628","og_description":"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u0632 \u0635\u0641\u0631\u061b \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628\u060c \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647.","og_url":"https:\/\/bluewebclub.com\/blog\/\u0633\u0627\u062e\u062a-\u0642\u0627\u0644\u0628-\u0628\u0644\u0627\u06af\u0641\u0627\/","og_site_name":"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628","article_published_time":"2026-09-24T11:36:13+00:00","article_modified_time":"2026-09-24T12:18:21+00:00","og_image":[{"width":2560,"height":1709,"url":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg","type":"image\/jpeg"}],"author":"ali","twitter_card":"summary_large_image","twitter_image":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"ali","\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"15 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/#article","isPartOf":{"@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/"},"author":{"name":"ali","@id":"https:\/\/bluewebclub.com\/blog\/#\/schema\/person\/315312f446dc230f885d47d4f191b4f6"},"headline":"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627","datePublished":"2026-09-24T11:36:13+00:00","dateModified":"2026-09-24T12:18:21+00:00","mainEntityOfPage":{"@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/"},"wordCount":70,"publisher":{"@id":"https:\/\/bluewebclub.com\/blog\/#organization"},"image":{"@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/#primaryimage"},"thumbnailUrl":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg","keywords":["\u0622\u0645\u0648\u0632\u0634 \u0648\u0628","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc","\u0648\u0628\u0644\u0627\u06af"],"articleSection":["html \u0648 css","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0648\u0628","\u0648\u0628\u0644\u0627\u06af \u0646\u0648\u06cc\u0633\u06cc"],"inLanguage":"fa-IR"},{"@type":"WebPage","@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/","url":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/","name":"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627 - \u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628","isPartOf":{"@id":"https:\/\/bluewebclub.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/#primaryimage"},"image":{"@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/#primaryimage"},"thumbnailUrl":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg","datePublished":"2026-09-24T11:36:13+00:00","dateModified":"2026-09-24T12:18:21+00:00","description":"\u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0644\u0627\u06af\u0641\u0627 \u0627\u0632 \u0635\u0641\u0631\u061b \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628\u060c \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0644\u0627\u06af\u0641\u0627 \u0648 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647 \u0639\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0642\u0627\u0644\u0628 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647.","breadcrumb":{"@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/#primaryimage","url":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg","contentUrl":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/05\/online-web-design-scaled.jpg","width":2560,"height":1709,"caption":"\u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u0644\u0627\u06af"},{"@type":"BreadcrumbList","@id":"https:\/\/bluewebclub.com\/blog\/%d8%b3%d8%a7%d8%ae%d8%aa-%d9%82%d8%a7%d9%84%d8%a8-%d8%a8%d9%84%d8%a7%da%af%d9%81%d8%a7\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/bluewebclub.com\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u062f\u0631 \u0628\u0644\u0627\u06af\u0641\u0627"}]},{"@type":"WebSite","@id":"https:\/\/bluewebclub.com\/blog\/#website","url":"https:\/\/bluewebclub.com\/blog\/","name":"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628","description":"\u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0648 \u062a\u0631\u0641\u0646\u062f \u0647\u0627\u06cc \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631\u06cc","publisher":{"@id":"https:\/\/bluewebclub.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bluewebclub.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/bluewebclub.com\/blog\/#organization","name":"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628","url":"https:\/\/bluewebclub.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/bluewebclub.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-bwc-logo-circle-whitebg003.png","contentUrl":"https:\/\/bluewebclub.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-bwc-logo-circle-whitebg003.png","width":512,"height":512,"caption":"\u0628\u0644\u0648 \u0648\u0628 \u06a9\u0644\u0627\u0628"},"image":{"@id":"https:\/\/bluewebclub.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/instagram.com\/bluewebclub?utm_medium=copy_link"]},{"@type":"Person","@id":"https:\/\/bluewebclub.com\/blog\/#\/schema\/person\/315312f446dc230f885d47d4f191b4f6","name":"ali","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/secure.gravatar.com\/avatar\/a428b5f0e0c978fa5dad838e6f1b893388355306a7d50cda71d7f9c26187f667?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a428b5f0e0c978fa5dad838e6f1b893388355306a7d50cda71d7f9c26187f667?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a428b5f0e0c978fa5dad838e6f1b893388355306a7d50cda71d7f9c26187f667?s=96&d=mm&r=g","caption":"ali"},"sameAs":["https:\/\/bluewebclub.com\/blog"],"url":"https:\/\/bluewebclub.com\/blog\/author\/ali\/"}]}},"_links":{"self":[{"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/posts\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":77,"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/posts\/182\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/posts\/182\/revisions\/625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/media\/204"}],"wp:attachment":[{"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/categories?post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluewebclub.com\/blog\/wp-json\/wp\/v2\/tags?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}