{"id":15169,"date":"2024-01-09T08:28:29","date_gmt":"2024-01-09T04:58:29","guid":{"rendered":"https:\/\/rasanegar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/"},"modified":"2024-01-09T08:28:47","modified_gmt":"2024-01-09T04:58:47","slug":"%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3","status":"publish","type":"post","link":"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/","title":{"rendered":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0627 \u0628\u0646\u06cc\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0633\u0627\u0632\u06cc\u0645"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0633\u0631\u0641\u0635\u0644\u0647\u0627\u06cc \u0645\u0637\u0644\u0628<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%da%86%da%af%d9%88%d9%86%d9%87_%db%8c%da%a9_%d8%a7%db%8c%d9%85%db%8c%d9%84_%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c_%d8%a8%d8%a7_%d8%a8%d9%86%db%8c%d8%a7%d8%af_%d8%a7%db%8c%d9%85%db%8c%d9%84_%d8%a8%d8%b3%d8%a7%d8%b2%db%8c%d9%85\" >\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0627 \u0628\u0646\u06cc\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0633\u0627\u0632\u06cc\u0645<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%a7%d8%b9%d8%af%d8%a7%d8%af_%d8%af%d8%b1%d9%88%d8%ba_%d9%86%d9%85%db%8c_%da%af%d9%88%db%8c%d9%86%d8%af\" >\u0627\u0639\u062f\u0627\u062f \u062f\u0631\u0648\u063a \u0646\u0645\u06cc \u06af\u0648\u06cc\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%b4%d8%b1%d9%88%d8%b9_%d8%b4%d8%af%d9%86\" >\u0634\u0631\u0648\u0639 \u0634\u062f\u0646<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#source_%da%a9%d8%af\" >Source  \u06a9\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d9%86%d8%b5%d8%a8_%d9%88_%d8%b1%d8%a7%d9%87_%d8%a7%d9%86%d8%af%d8%a7%d8%b2%db%8c\" >\u0646\u0635\u0628 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%a7%d8%b1%d8%b2%db%8c%d8%a7%d8%a8%db%8c_%d8%b7%d8%b1%d8%ad\" >\u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0637\u0631\u062d<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%b4%d8%b1%d9%88%d8%b9_%d8%aa%d8%a7%d8%b2%d9%87\" >\u0634\u0631\u0648\u0639 \u062a\u0627\u0632\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d9%81%d9%87%d8%b1%d8%b3%d8%aa_%d9%85%d8%b7%d8%a7%d9%84%d8%a8\" >\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%b5%d9%81%d8%ad%d8%a7%d8%aa\" >\u0635\u0641\u062d\u0627\u062a<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%af%d8%a7%d8%b1%d8%a8%d8%b3%d8%aa_%d9%82%d8%a7%d9%84%d8%a8_%d8%ae%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87\" >\u062f\u0627\u0631\u0628\u0633\u062a \u0642\u0627\u0644\u0628 \u062e\u0628\u0631\u0646\u0627\u0645\u0647<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#html\" >html<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%a7%d8%b6%d8%a7%d9%81%d9%87_%da%a9%d8%b1%d8%af%d9%86_%d8%b3%d8%a8%da%a9_%d9%87%d8%a7\" >\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0633\u0628\u06a9 \u0647\u0627<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%a7%db%8c%d9%85%db%8c%d9%84_%d9%87%d8%a7%db%8c_%d9%be%d8%a7%d8%b3%d8%ae%da%af%d9%88\" >\u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u067e\u0627\u0633\u062e\u06af\u0648<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87_%d8%a7%d8%b2_%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1_%d8%af%d8%b1_%d8%a7%db%8c%d9%85%db%8c%d9%84\" >\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u062f\u0631 \u0627\u06cc\u0645\u06cc\u0644<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%aa%da%af_%d9%87%d8%a7%db%8c_alt_%d8%b6%d8%b1%d9%88%d8%b1%db%8c_%d9%87%d8%b3%d8%aa%d9%86%d8%af\" >\u062a\u06af \u0647\u0627\u06cc Alt \u0636\u0631\u0648\u0631\u06cc \u0647\u0633\u062a\u0646\u062f<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d9%81%d8%a7%db%8c%d9%84_%d9%87%d8%a7%db%8c_%d8%aa%d9%88%d9%84%db%8c%d8%af_%d8%b3%d8%a7%d8%ae%d8%aa%d9%85%d8%a7%d9%86_%d9%88_%d8%aa%d8%b3%d8%aa\" >\u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0648 \u062a\u0633\u062a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d8%a2%d8%b2%d9%85%d8%a7%db%8c%d8%b4_%da%a9%d8%b1%d8%af%d9%86\" >\u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0631\u062f\u0646<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/rasanegaar.com\/blog\/%da%86%da%af%d9%88%d9%86%d9%87-%db%8c%da%a9-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c-%d8%a8%d8%a7-%d8%a8%d9%86%db%8c%d8%a7%d8%af-%d8%a7%db%8c%d9%85%db%8c%d9%84-%d8%a8%d8%b3\/#%d9%84%db%8c%d9%86%da%a9_%d9%87%d8%a7%db%8c_%d9%85%d9%81%db%8c%d8%af\" >\u0644\u06cc\u0646\u06a9 \u0647\u0627\u06cc \u0645\u0641\u06cc\u062f<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">\u0632\u0645\u0627\u0646 \u0644\u0627\u0632\u0645 \u0628\u0631\u0627\u06cc \u0645\u0637\u0627\u0644\u0639\u0647: <\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">\u062f\u0642\u06cc\u0642\u0647<\/span><\/span><p> <br \/>\n<\/p>\n<div class=\"ctnt\">\n<div class=\"atcl__text\">\n<h1 class=\"atcl__text_titl\"><span class=\"ez-toc-section\" id=\"%da%86%da%af%d9%88%d9%86%d9%87_%db%8c%da%a9_%d8%a7%db%8c%d9%85%db%8c%d9%84_%d8%b3%d9%81%d8%a7%d8%b1%d8%b4%db%8c_%d8%a8%d8%a7_%d8%a8%d9%86%db%8c%d8%a7%d8%af_%d8%a7%db%8c%d9%85%db%8c%d9%84_%d8%a8%d8%b3%d8%a7%d8%b2%db%8c%d9%85\"><\/span>\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0627 \u0628\u0646\u06cc\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0633\u0627\u0632\u06cc\u0645<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<\/p><\/div>\n<p>              \u0633\u0627\u062e\u062a\u0646 \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0633\u06cc\u0627\u0631 \u0633\u062e\u062a \u0627\u0633\u062a.  \u0633\u0627\u062e\u062a\u0646 \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u062d\u062a\u06cc \u0633\u062e\u062a\u200c\u062a\u0631 \u0627\u0633\u062a.  \u062e\u0648\u0634\u0628\u062e\u062a\u0627\u0646\u0647\u060c \u0627\u0641\u0631\u0627\u062f \u0645\u0647\u0631\u0628\u0627\u0646 \u062f\u0631 Zurb \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u0646\u062f \u06a9\u0647 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f process \u0633\u0627\u062e\u062a \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u067e\u0627\u0633\u062e\u06af\u0648 \u0631\u0627\u062d\u062a \u062a\u0631 \u0627\u0632 \u0647\u0645\u06cc\u0634\u0647.<\/p>\n<p><a href=\"https:\/\/foundation.zurb.com\/emails.html\" target=\"_blank\" rel=\"noopener\">\u0628\u0646\u06cc\u0627\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644<\/a> (\u0642\u0628\u0644\u0627\u064b Ink) \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\/\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0645\u062f\u0631\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627 \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627\u06cc \u0627\u0645\u0631\u0648\u0632\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u067e\u0627\u0633\u062e\u06af\u0648 \u0628\u0631\u0627\u06cc \u0641\u0631\u062f\u0627 \u0627\u0633\u062a.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%a7%d8%b9%d8%af%d8%a7%d8%af_%d8%af%d8%b1%d9%88%d8%ba_%d9%86%d9%85%db%8c_%da%af%d9%88%db%8c%d9%86%d8%af\"><\/span>\u0627\u0639\u062f\u0627\u062f \u062f\u0631\u0648\u063a \u0646\u0645\u06cc \u06af\u0648\u06cc\u0646\u062f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0647 \u06af\u0641\u062a\u0647 \u0632\u0648\u0631\u0628\u060c 54 \u062f\u0631\u0635\u062f \u0627\u0632 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627 \u0628\u0627\u0632 \u0645\u06cc \u0634\u0648\u0646\u062f \u0631\u0648\u06cc \u06cc\u06a9 \u062f\u0633\u062a\u06af\u0627\u0647 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u0648 \u0627\u06cc\u0646 \u062a\u0639\u062f\u0627\u062f \u0627\u062d\u062a\u0645\u0627\u0644\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u06cc\u0627\u0628\u062f.  \u0628\u0627 \u0648\u062c\u0648\u062f \u0627\u06cc\u0646 \u0631\u0642\u0645\u060c \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06cc\u06a9 \u0642\u0627\u0644\u0628 \u0627\u06cc\u0645\u06cc\u0644 \u067e\u0627\u0633\u062e\u06af\u0648 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a.  \u0632\u0648\u0631\u0628 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u06cc\u0627\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 75 \u062f\u0631\u0635\u062f \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062c\u06cc\u0645\u06cc\u0644 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062f\u0633\u062a\u06af\u0627\u0647 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u062e\u0648\u062f \u0628\u0647 \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u062e\u0648\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0631\u0646\u062f.  \u0635\u0631\u0641 \u0646\u0638\u0631 \u0627\u0632 \u0646\u0648\u0639 \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u0633\u0627\u0644\u06cc\u060c Foundation for Emails \u0634\u0645\u0627 \u0631\u0627 \u062a\u062d\u062a \u067e\u0648\u0634\u0634 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0627\u0633\u062a.  \u062f\u0631 \u0648\u0627\u0642\u0639\u060c \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0633\u0627\u0632\u0646\u062f\u0647 \u067e\u0631\u0648\u0698\u0647 \u0645\u0641\u06cc\u062f \u0622\u0646\u0647\u0627 \u0631\u0627 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0631\u062f\u06cc\u062f\u060c \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f \u062a\u0627 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%b4%d8%b1%d9%88%d8%b9_%d8%b4%d8%af%d9%86\"><\/span>\u0634\u0631\u0648\u0639 \u0634\u062f\u0646<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u0637\u0648\u0644 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0645\u0646 \u0628\u0647 \u0634\u0645\u0627 \u0646\u0634\u0627\u0646 \u062e\u0648\u0627\u0647\u0645 \u062f\u0627\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u0627\u0644\u06af\u0648\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0622\u0698\u0627\u0646\u0633 \u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc \u06a9\u0648\u0686\u06a9 \u062e\u0648\u062f \u0637\u0631\u0627\u062d\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u0645\u060c \u0628\u0627 Foundation for Emails \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f.  \u0645\u0627\u0646\u0646\u062f \u0647\u0631 \u0686\u0627\u0631\u0686\u0648\u0628 \u062f\u06cc\u06af\u0631\u06cc\u060c \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0622\u0646 \u0627\u0631\u062c\u0627\u0639 \u062f\u0647\u06cc\u062f <a href=\"https:\/\/foundation.zurb.com\/emails\/docs\/\" target=\"_blank\" rel=\"noopener\">\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/a>.  \u0645\u0646 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0632\u0648\u0631\u0628 \u0628\u0647 \u062a\u0645\u0627\u0645 \u062c\u0632\u0626\u06cc\u0627\u062a \u0646\u0645\u06cc \u067e\u0631\u062f\u0627\u0632\u0645 <a href=\"https:\/\/foundation.zurb.com\/emails.html\" target=\"_blank\" rel=\"noopener\">\u0642\u0628\u0644\u0627 \u062f\u0627\u0631\u062f<\/a> \u0627\u0645\u0627 \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u06a9\u0627\u0641\u06cc \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f \u062a\u0627 \u0628\u0647 \u0632\u0645\u06cc\u0646 \u0628\u0646\u0634\u06cc\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"source_%da%a9%d8%af\"><\/span>Source  \u06a9\u062f<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u062f \u0645\u0646\u0628\u0639 \u0646\u0647\u0627\u06cc\u06cc \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f \u0631\u0648\u06cc <a href=\"https:\/\/github.com\/justalever\/WDDFoundationForEmailsGuide\" target=\"_blank\" rel=\"noopener\">GitHub<\/a>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%d9%86%d8%b5%d8%a8_%d9%88_%d8%b1%d8%a7%d9%87_%d8%a7%d9%86%d8%af%d8%a7%d8%b2%db%8c\"><\/span>\u0646\u0635\u0628 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u0646\u062a\u06cc \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f <code>CSS<\/code> \u06cc\u0627 <code>Sass<\/code>.  \u0645\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u0645 \u06a9\u0631\u062f <code>Sass<\/code>.  \u062f\u0644\u0627\u06cc\u0644 \u0632\u06cc\u0627\u062f\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u0645 \u0627\u06cc\u0646 \u0645\u0633\u06cc\u0631 \u0631\u0627 \u0628\u0631 \u062e\u0644\u0627\u0641 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0633\u0646\u062a\u06cc \u0628\u0631\u0648\u06cc\u062f <code>CSS<\/code>.  \u0627\u06cc\u0646 \u062f\u0644\u0627\u06cc\u0644 \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n<ul class=\"tight_list\">\n<li>\u06a9\u0646\u062a\u0631\u0644 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0631 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0628\u0635\u0631\u06cc \u0686\u0627\u0631\u0686\u0648\u0628<\/li>\n<li>\u06cc\u06a9 \u0633\u0627\u062e\u062a \u06a9\u0627\u0645\u0644 process \u0627\u0632 \u062c\u0645\u0644\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 Sass \u0648 \u0641\u0634\u0631\u062f\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0648\u06cc\u0631<\/li>\n<li>\u06cc\u06a9 \u0633\u0641\u0627\u0631\u0634 <code>HTML<\/code> \u0632\u0628\u0627\u0646\u06cc \u06a9\u0647 \u0628\u0627 \u0646\u0627\u0645 inky \u0634\u0646\u0627\u062e\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u06a9\u0647 \u0634\u0645\u0627 \u0645\u062c\u0628\u0648\u0631 \u0646\u06cc\u0633\u062a\u06cc\u062f \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u0647\u0627\u06cc \u062c\u062f\u0648\u0644 \u0631\u0627 \u0628\u0627 \u062f\u0633\u062a \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.<\/li>\n<li>\u06cc\u06a9 \u062e\u0637 \u062f\u0627\u062e\u0644\u06cc \u062f\u0627\u062e\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0632\u06cc\u0639 CSS \u0634\u0645\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 CSS \u062f\u0631\u0648\u0646 \u062e\u0637\u06cc<\/li>\n<li>\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u062c\u062f\u062f \u0632\u0646\u062f\u0647<\/li>\n<li>\u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u062f\u0633\u062a\u0647<\/li>\n<\/ul>\n<p><strong>\u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f<\/strong>  <code>Sass<\/code> \u0646\u0633\u062e\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f <a href=\"https:\/\/nodejs.org\/\" target=\"_blank\" rel=\"noopener\">Node.js<\/a> \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627  \u0642\u0628\u0644 \u0627\u0632 \u0631\u0641\u062a\u0646 \u062d\u062a\u0645\u0627 \u0622\u0646 \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n<h4>Foundation CLI \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f<\/h4>\n<p>\u0646\u0635\u0628 process \u0627\u0632 \u0628\u0646\u06cc\u0627\u062f CLI \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.  \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646\u060c \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0637 \u0641\u0631\u0645\u0627\u0646 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0647 \u0648 \u0639\u0628\u0627\u0631\u062a \u0632\u06cc\u0631 \u0631\u0627 \u062a\u0627\u06cc\u067e \u06a9\u0646\u06cc\u062f:<\/p>\n<pre>Bash $ npm install --global foundation-cli<\/pre>\n<p>\u0627\u06af\u0631 \u0628\u0627 \u0647\u0631 \u06af\u0648\u0646\u0647 \u062e\u0637\u0627\u06cc \u0645\u062c\u0648\u0632 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f\u06cc\u062f\u060c \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0647\u0645\u0627\u0646 \u062f\u0633\u062a\u0648\u0631 \u0631\u0627 \u0628\u0627 \u067e\u06cc\u0634\u0648\u0646\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f <em>sudo<\/em>.  \u0627\u0632 \u0634\u0645\u0627 \u062e\u0648\u0627\u0633\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f \u0631\u0645\u0632 \u0639\u0628\u0648\u0631 \u0633\u06cc\u0633\u062a\u0645 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.  \u0628\u0627 \u0646\u0635\u0628 \u0628\u0646\u06cc\u0627\u062f CLI\u060c \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0628\u0646\u06cc\u0627\u062f\u06cc \u062e\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.  \u062d\u062a\u0645\u0627 \u0628\u0647 (<em>cdinto<\/em>) \u067e\u0648\u0634\u0647 \u0627\u06cc \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u062f\u0631 \u0622\u0646 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u067e\u0633 \u062f\u0633\u062a\u0648\u0631 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre>Bash $ foundation new --framework emails<\/pre>\n<p>CLI \u0628\u0627\u06cc\u062f \u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0627\u0632 \u0634\u0645\u0627 \u0628\u062e\u0648\u0627\u0647\u062f (\u0645\u0646 \u0628\u0627 \u0645\u0627\u0644 \u062e\u0648\u062f\u0645 \u062a\u0645\u0627\u0633 \u06af\u0631\u0641\u062a\u0645 <em>\u062e\u0628\u0631\u0646\u0627\u0645\u0647<\/em>).  \u0627\u06cc\u0646 \u0646\u0627\u0645 \u0647\u0645\u0627\u0646 \u067e\u0648\u0634\u0647 \u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0644 \u067e\u0631\u0648\u0698\u0647 \u0628\u0627 \u0622\u0646 \u0628\u0631\u0686\u0633\u0628 \u06af\u0630\u0627\u0631\u06cc \u0645\u06cc \u0634\u0648\u062f.  \u067e\u0633 \u0627\u0632 \u062a\u0646\u0638\u06cc\u0645\u060c \u062a\u0639\u062f\u0627\u062f\u06cc \u0627\u0632 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627 \u0646\u0635\u0628 \u0645\u06cc \u0634\u0648\u0646\u062f.  (\u062f\u0627\u0646\u0644\u0648\u062f \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u06a9\u0645\u06cc \u0637\u0648\u0644 \u0628\u06a9\u0634\u062f.) \u067e\u0633 \u0627\u0632 \u0627\u062a\u0645\u0627\u0645 \u062f\u0627\u0646\u0644\u0648\u062f \u0628\u0627\u06cc\u062f \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre>Bash You\u2019re all set!\n\u2713 New project folder created.\n\u2713 Node modules installed.\n\u2713 Bower components installed.\nNow run foundation watch while inside the &lt;projectname&gt; folder.<\/pre>\n<p><em>\u0633\u06cc \u062f\u06cc <\/em>\u0628\u0627 \u062a\u0627\u06cc\u067e \u06a9\u0631\u062f\u0646\u060c \u0648\u0627\u0631\u062f \u067e\u0648\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0634\u0648\u06cc\u062f<em> \u062e\u0628\u0631\u0646\u0627\u0645\u0647 \u0633\u06cc \u062f\u06cc<\/em>.  \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0646\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 \u067e\u0631\u0648\u0698\u0647 \u0645\u0646 \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0627\u0634\u062f\u060c \u0627\u0645\u0627 \u0627\u06af\u0631 \u062f\u0646\u0628\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0628\u0627\u06cc\u062f \u0634\u0631\u0648\u0639 \u0628\u0647 \u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f.<\/p>\n<h4>\u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u0648\u0631 \u0648 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u062f\u0627\u0631\u0627\u06cc\u06cc \u0647\u0627<\/h4>\n<p>\u0627\u0632 \u062f\u0631\u0648\u0646 terminal \u062f\u0633\u062a\u0648\u0631 \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre>bash $ npm start<\/pre>\n<p>\u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u062e\u0627\u0645\u0648\u0634 \u0634\u062f\u0646 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0645\u06cc \u0634\u0648\u062f process \u0642\u0628\u0644\u0627 \u0627\u0634\u0627\u0631\u0647 \u06a9\u0631\u062f\u0645.  \u0633\u0627\u062e\u062a process HTML \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u062f\u060c Sass \u0631\u0627 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f\u060c \u062a\u0635\u0627\u0648\u06cc\u0631 \u0631\u0627 \u0641\u0634\u0631\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u062f.  \u0645\u0631\u0648\u0631\u06af\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u0628\u0631\u06af\u0647 \u062c\u062f\u06cc\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u062f <em>index.html<\/em> \u0641\u0627\u06cc\u0644 \u0627\u0632 \u0622\u062f\u0631\u0633 <em>localhost: 3000<\/em>.  \u0627\u0632 \u0627\u06cc\u0646 page\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0646\u0645\u0648\u0646\u0647 \u0628\u0646\u06cc\u0627\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u0646\u0635\u0628 \u062f\u06cc\u062f\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%a7%d8%b1%d8%b2%db%8c%d8%a7%d8%a8%db%8c_%d8%b7%d8%b1%d8%ad\"><\/span>\u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0637\u0631\u062d<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0646\u0635\u0628 \u0628\u0646\u06cc\u0627\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0645\u0627 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9\u060c \u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u0627\u06cc\u0645 \u062a\u0627 \u06a9\u0645\u06cc \u0639\u0645\u06cc\u0642 \u062a\u0631 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0637\u0631\u0627\u062d\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u062f\u0631 \u0632\u06cc\u0631 \u0641\u0631\u0648 \u0628\u0631\u0648\u06cc\u0645.<\/p>\n<p>\u062f\u0631 \u0628\u06cc\u0634\u062a\u0631 \u0645\u0648\u0627\u0631\u062f\u060c \u0637\u0631\u0627\u062d\u06cc \u0628\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0646\u06af\u0647\u062f\u0627\u0631\u0646\u062f\u0647 \u0645\u06a9\u0627\u0646 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0628\u06a9 \u062e\u0628\u0631\u0646\u0627\u0645\u0647 \u062d\u062f\u0627\u0642\u0644 \u0627\u0633\u062a.  \u062f\u0631 \u0627\u062f\u0627\u0645\u0647\u060c \u0639\u0646\u0627\u0635\u0631 \u062f\u0631\u0648\u0646 \u0642\u0627\u0644\u0628 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0647\u0631 \u06af\u0648\u0646\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc \u062f\u0647\u06cc\u0645.  \u0627\u06cc\u0646 \u062f\u0633\u062a \u06a9\u0645\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0627\u0633\u062a \u0631\u0648\u06cc \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0627\u0632 \u06cc\u06a9 \u0633\u0627\u0632\u0646\u062f\u0647 \u0627\u06cc\u0645\u06cc\u0644 WYSIWYG \u0645\u0627\u0646\u0646\u062f \u0642\u0627\u0644\u0628 \u0647\u0627\u06cc \u067e\u06cc\u0634 \u0641\u0631\u0636 MailChimp\u060c \u0627\u0645\u0627 \u0628\u0647 \u062e\u0627\u0637\u0631 \u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc\u060c \u0627\u0631\u0632\u0634 \u0648\u0642\u062a \u06af\u0630\u0627\u0634\u062a\u0646 \u0631\u0627 \u062f\u0627\u0631\u062f.  \u0641\u06a9\u0631 \u0645\u06cc \u06a9\u0646\u0645 \u0627\u06a9\u062b\u0631 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u0648\u0627\u0641\u0642 \u0628\u0627\u0634\u0646\u062f.  \u0645\u0637\u0645\u0626\u0646\u0627\u064b \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u06cc\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u062f\u0631 Mailchimp \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u06cc\u062f\u060c \u0627\u0645\u0627 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0628\u0631\u0627\u06cc \u0632\u0645\u0627\u0646 \u062f\u06cc\u06af\u0631\u06cc \u0627\u0633\u062a.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%b4%d8%b1%d9%88%d8%b9_%d8%aa%d8%a7%d8%b2%d9%87\"><\/span>\u0634\u0631\u0648\u0639 \u062a\u0627\u0632\u0647<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0641\u0631\u0636 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <em>\u0633\u0627\u0633<\/em> \u0646\u0633\u062e\u0647\u060c Foundation for Emails \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 Inky HTML \u0627\u0633\u062a \u06a9\u0647 \u0633\u0627\u062e\u062a\u0647 \u062e\u0648\u062f\u0634\u0627\u0646 \u0627\u0633\u062a.  \u0627\u06cc\u0646 HTML \u0645\u0633\u0626\u0648\u0644 \u0633\u0627\u062e\u062a\u0646 \u062c\u062f\u0627\u0648\u0644 \u0648 \u0686\u06cc\u062f\u0645\u0627\u0646 \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062c\u062f\u0648\u0644 \u0627\u0633\u062a.  \u0627\u06cc\u0646 <a href=\"https:\/\/foundation.zurb.com\/emails\/docs\/\" target=\"_blank\" rel=\"noopener\">\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/a> \u0628\u0631\u0627\u06cc Foundation fro Emails \u0628\u0647\u062a\u0631\u06cc\u0646 \u0645\u06a9\u0627\u0646 \u0628\u0631\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0647\u0645\u0647 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f HTML \u0633\u0641\u0627\u0631\u0634\u06cc Inky \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0628\u062f\u0627\u0646\u06cc\u062f.  \u062d\u062a\u0645\u0627\u064b \u0627\u063a\u0644\u0628 \u0628\u0647 \u0622\u0646 \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f.  \u0645\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u06a9\u0627\u0631 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f <em><code>src<\/code> <\/em>\u067e\u0648\u0634\u0647 \u062f\u0631 \u067e\u0648\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 \u0645\u0627.  \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062f\u0631 \u062d\u0627\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0633\u062a\u0646\u062f <em>gulp.js<\/em> \u0648 \u0628\u0631\u062e\u06cc \u0627\u0632 \u067e\u0644\u0627\u06af\u06cc\u0646 \u0647\u0627.  \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a\u06cc \u062f\u0631 \u06a9\u062f \u0627\u0644\u06af\u0648\u06cc \u0645\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u0634\u0648\u062f \u0648\/\u06cc\u0627 \u062a\u0645\u0627\u0645 \u067e\u0631\u0648\u0646\u062f\u0647 \u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0622\u0646 \u0631\u0627 \u0633\u0628\u06a9 \u0645\u06cc \u06a9\u0646\u062f <em>\u062f\u0648\u0631<\/em> \u067e\u0648\u0634\u0647 \u0628\u0631 \u0627\u06cc\u0646 \u0627\u0633\u0627\u0633 \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u0634\u0648\u062f.  \u0645\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0639\u0645\u06cc\u0642 \u0646\u062e\u0648\u0627\u0647\u0645 \u0631\u0633\u06cc\u062f \u0627\u0645\u0627 \u0628\u0647 \u06cc\u0627\u062f \u0645\u06cc \u0622\u0648\u0631\u0645 \u06a9\u0647 \u0648\u0642\u062a\u06cc \u062a\u0627\u0632\u0647 \u0628\u0647 \u0622\u0646 \u0639\u0644\u0627\u0642\u0647 \u062f\u0627\u0634\u062a\u0645 \u060c \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u06cc\u062f \u062c\u0627\u062f\u0648!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%d9%81%d9%87%d8%b1%d8%b3%d8%aa_%d9%85%d8%b7%d8%a7%d9%84%d8%a8\"><\/span>\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0634\u0627\u062e\u0635 page \u0645\u06cc \u0628\u06cc\u0646\u06cc\u062f \u062f\u0627\u062e\u0644 \u0622\u0646 \u06cc\u0627\u0641\u062a \u0645\u06cc \u0634\u0648\u062f <em>src\/layouts\/index-layout.html<\/em>.  \u0628\u0646\u06cc\u0627\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f <a href=\"https:\/\/handlebarsjs.com\/\" target=\"_blank\" rel=\"noopener\">\u062f\u0633\u062a\u0647 \u062f\u0633\u062a\u0647<\/a> \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u067e\u0627\u06cc\u0647 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f <code>HTML<\/code> \u0635\u0641\u062d\u0627\u062a  \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u062c\u0632\u0626\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f <code>HTML<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u0627\u06cc \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u062f\u0631 \u067e\u0631\u0648\u0646\u062f\u0647 \u062f\u06cc\u06af\u0631\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u062f.  \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 <em>{{>\u0628\u062f\u0646}} <\/em>\u0628\u0631\u0686\u0633\u0628 \u0632\u062f\u0646  \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646 \u060c \u062a\u0645\u0627\u0645 \u0645\u0637\u0627\u0644\u0628 \u062f\u0631 \u0648\u0627\u0642\u0639 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0648\u0627\u0631\u062f \u0645\u06cc \u0634\u0648\u0646\u062f \u060c \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646 \u060c \u0628\u0647 \u0644\u0637\u0641 \u062a\u062c\u0632\u06cc\u0647 HTML \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0686\u0627\u0631\u0686\u0648\u0628.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%d8%b5%d9%81%d8%ad%d8%a7%d8%aa\"><\/span>\u0635\u0641\u062d\u0627\u062a<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0647\u0631 page \u062f\u0631\u0648\u0646 \u0631\u0627 \u0645\u06cc \u0628\u06cc\u0646\u06cc\u062f <em>src\/pages\/ <\/em>\u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0647\u0646\u06af\u0627\u0645 \u0627\u062c\u0631\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <em>$ npm \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f <\/em>\u0628\u0631\u0627\u06cc \u0627\u0648\u0644\u06cc\u0646 \u0628\u0627\u0631.  \u0647\u0631 \u06cc\u06a9 page \u06cc\u06a9 \u0627\u0644\u06af\u0648\u06cc \u0646\u0645\u0648\u0646\u0647 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 Zurb \u0627\u0633\u062a.  \u0645\u0637\u0627\u0644\u0628 \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f <em>newsletter.html <\/em>\u0648 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062c\u062f\u06cc\u062f \u0628\u0647 \u0646\u0627\u0645 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f <em>branded-newsletter.html<\/em>.  \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u0631\u0627 \u062f\u0627\u062e\u0644 \u0622\u0646 \u0628\u0686\u0633\u0628\u0627\u0646\u06cc\u062f.  \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0646\u062f\u0647 \u060c \u0645\u0627 \u0627\u0644\u06af\u0648\u06cc \u0645\u0627\u0631\u06a9 \u0634\u062f\u0647 \u0627\u06cc \u0631\u0627 \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0647 \u0627\u0645 \u062e\u0648\u0627\u0647\u06cc\u0645 \u0633\u0627\u062e\u062a.  \u062f\u0631 \u062f\u0627\u062e\u0644 \u067e\u0631\u0648\u0646\u062f\u0647 \u060c \u0628\u0627\u06cc\u062f \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc HTML \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f.  \u0627\u06cc\u0646\u0647\u0627 \u0628\u062e\u0634\u06cc \u0627\u0632 Inky HTML \u0647\u0633\u062a\u0646\u062f.  \u0627\u0633\u0627\u0633\u0627\u064b \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646\u0647\u0627 \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0647 \u0647\u0631\u06af\u0632 \u0627\u0632 \u0646\u0638\u0631 \u062c\u0633\u0645\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062c\u062f\u0648\u0644 \u0631\u0627 \u06a9\u062f\u06af\u0630\u0627\u0631\u06cc \u0646\u06a9\u0646\u06cc\u062f \u060c \u062f\u0648\u0631 \u0634\u0648\u06cc\u062f.  (\u0646\u0645\u06cc\u062a\u0648\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc <em>divs <\/em>\u062f\u0631 \u062f\u0627\u062e\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627 \u0645\u0627\u0646\u0646\u062f \u0635\u0641\u062d\u0627\u062a \u0648\u0628.  \u0647\u0645\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0631\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631\u06cc \u0646\u06cc\u0632 \u0635\u0627\u062f\u0642 \u0627\u0633\u062a <code>CSS<\/code> \u062e\u0648\u0627\u0635.) \u062f\u0631 \u0632\u06cc\u0631 \u06cc\u06a9 \u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc \u0627\u0632 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u0627 \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0631\u0627 \u0627\u0632 \u0622\u0646\u0647\u0627 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u0634\u062a:<\/p>\n<ul>\n<li><em><container> <\/em>&#8211; \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u06a9\u0647 \u062f\u0627\u0631\u0627\u06cc \u0639\u0631\u0636 \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/li>\n<li><em><\u0631\u062f\u06cc\u0641> <\/em>&#8211; \u0628\u0631\u0627\u06cc \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0633\u062a\u0648\u0646 \u0647\u0627\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0634\u0627\u0628\u0647 \u0628\u0627 \u06cc\u06a9 \u0634\u0628\u06a9\u0647 \u0634\u0646\u0627\u0648\u0631 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u0631\u0648\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627<\/li>\n<li><em><\u0633\u062a\u0648\u0646> <\/em>&#8211; \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u062f\u0631 \u0622\u0646 \u0632\u0646\u062f\u06af\u06cc \u0645\u06cc \u06a9\u0646\u062f.  \u0627\u06cc\u0646\u0647\u0627 \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u0637\u0631\u062d 12 \u0633\u062a\u0648\u0646 \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0631\u062f.  \u0622\u0646\u0647\u0627 \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 \u0642\u0637\u0639\u0647 \u0634\u0646\u0627\u0648\u0631 \u06cc\u0627 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u0631\u0641\u062a\u0627\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f \u0627\u0645\u0627 \u0645\u06cc\u0632\u0647\u0627 \u0631\u0627 \u062f\u0631\u06af\u06cc\u0631 \u0645\u06cc \u06a9\u0646\u0646\u062f.<\/li>\n<li><em><\u0645\u0646\u0648> <\/em>&#8211; \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062c\u062f\u0627\u0648\u0644 \u06cc\u06a9 \u0645\u0646\u0648 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 HTML \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/li>\n<li><em><spacer> <\/em>&#8211; \u0641\u0627\u0635\u0644\u0647 \u0639\u0645\u0648\u062f\u06cc \u0628\u0631\u0627\u06cc \u0642\u0627\u0644\u0628 \u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644.  \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0645\u0634\u062a\u0631\u06cc \u0647\u0627\u06cc \u067e\u0633\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0632 \u0637\u0631\u06cc\u0642 CSS \u0628\u0647 \u062d\u0627\u0634\u06cc\u0647 \u06cc\u0627 \u0628\u0627\u0644\u0634\u062a\u06a9 \u0627\u062d\u062a\u0631\u0627\u0645 \u0646\u0645\u06cc \u06af\u0630\u0627\u0631\u0646\u062f.  \u0627\u06cc\u0646 \u06cc\u06a9 \u0631\u0627\u0647 \u062d\u0644 \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0622\u0646 \u0627\u0633\u062a.  \u0647\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f: <em><spacer size=\"16\"><\/spacer><\/em>.<\/li>\n<li><em><\u062f\u06a9\u0645\u0647> <\/em>&#8211; \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0628\u0627 \u062c\u062f\u0627\u0648\u0644.<\/li>\n<\/ul>\n<p>\u062f\u0631 \u0628\u0627\u0644\u0627\u06cc \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u06a9\u0644\u0627\u0633 \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc CSS \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0637\u0631\u06cc\u0642 SASS \u0627\u0636\u0627\u0641\u0647 \u060c \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0648 \u06af\u0633\u062a\u0631\u0634 \u062f\u0647\u06cc\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%af%d8%a7%d8%b1%d8%a8%d8%b3%d8%aa_%d9%82%d8%a7%d9%84%d8%a8_%d8%ae%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87\"><\/span>\u062f\u0627\u0631\u0628\u0633\u062a \u0642\u0627\u0644\u0628 \u062e\u0628\u0631\u0646\u0627\u0645\u0647<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0647 \u062e\u0627\u0637\u0631 \u06a9\u0648\u062a\u0627\u0647 \u0628\u0648\u062f\u0646 \u060c \u0645\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0631\u0627 \u062e\u0644\u0627\u0635\u0647 \u0645\u06cc \u06a9\u0646\u0645 process \u0648 \u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0633\u0628\u06a9 \u06a9\u0646\u0645 \u060c \u0647\u0645\u0647 HTML \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f.  \u0627\u06cc\u0646 \u0628\u0647 \u0645\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0627\u0633\u06a9\u0644\u062a \u0627\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0644\u06af\u0648\u06cc \u0628\u0633\u0627\u0632\u0645 \u0648 \u0628\u0639\u062f\u0627\u064b \u062f\u0631\u0628\u0627\u0631\u0647 \u0633\u0628\u06a9 \u0647\u0627 \u0646\u06af\u0631\u0627\u0646 \u0628\u0627\u0634\u0645.  \u062f\u0631 \u0632\u06cc\u0631 \u0627\u0633\u062a <code>HTML<\/code> \u0645\u0646 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0628\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0631\u0633\u06cc\u062f\u0645.  \u0627\u06cc\u0646 \u0627\u0644\u06af\u0648 \u0628\u0627 <em>\u0635\u0641\u062d\u0627\u062a <\/em>\u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc \u0648 \u062f\u0631 \u0622\u0646 \u06af\u0646\u062c\u0627\u0646\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <em>layouts\/index-layout.html <\/em>\u0641\u0627\u06cc\u0644\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f <em>{{> \u0628\u062f\u0646}} <\/em>\u0628\u0631\u0686\u0633\u0628 \u0632\u062f\u0646<\/p>\n<h3><span class=\"ez-toc-section\" id=\"html\"><\/span>html<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<pre>&lt;container&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;p class=\"text-center\"&gt; &lt;small&gt;Email not displaying correctly? &lt;a href=\"#\"&gt;Click here&lt;\/a&gt;&lt;\/small&gt; &lt;\/p&gt; &lt;spacer size=\"36\"&gt;&lt;\/spacer&gt; &lt;a href=\"https:\/\/coupleofcreatives.com\" class=\"logo\"&gt; &lt;img src=\"https:\/\/coupleofcreatives.com\/public\/logo.svg\" alt=\"Couple of Creatives Logo\" width=\"135\" height=\"68\" class=\"text-center logo\" \/&gt; &lt;\/a&gt; &lt;spacer size=\"24\"&gt;&lt;\/spacer&gt; &lt;row class=\"main-nav\"&gt; &lt;columns&gt; &lt;menu class=\"small-vertical\"&gt; &lt;item href=\"https:\/\/coupleofcreatives.com\/work\"&gt;RECENT WORK&lt;\/item&gt; &lt;item href=\"https:\/\/coupleofcreatives.com\/blog\"&gt;BLOG&lt;\/item&gt; &lt;item href=\"https:\/\/bit.ly\/2oOk3SW\"&gt;YOUTUBE&lt;\/item&gt; &lt;item href=\"https:\/\/coupleofcreatives.com\/contact\"&gt;WORK WITH US&lt;\/item&gt; &lt;\/menu&gt; &lt;\/columns&gt; &lt;\/row&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;p class=\"issue-meta\"&gt; &lt;span class=\"issue-number\"&gt;ISSUE #100&lt;\/span&gt; &lt;span class=\"issue-sep\"&gt;\u2022&lt;\/span&gt; &lt;span class=\"issue-date\"&gt;MARCH 29, 2017&lt;\/span&gt; &lt;p&gt; &lt;spacer size=\"5\"&gt;&lt;\/spacer&gt; &lt;p class=\"intro\"&gt; Maecenas faucibus mollis interdum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna.Maecenas faucibus mollis interdum. Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna. &lt;\/p&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;hr class=\"divider\" \/&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;h2&gt;Recent case study&lt;\/h2&gt; &lt;img src=\"https:\/\/coupleofcreatives.com\/public\/case-study-image.png\" width=\"600\" height=\"324\" alt=\"Screen shot of a case study for Wildwood Family Dentistry from Couple of Creatives\" \/&gt; &lt;container class=\"case-study-description\"&gt; &lt;columns class=\"content\"&gt; &lt;h4&gt;Wildwood Family Dentistry&lt;\/h4&gt; &lt;p&gt;Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.&lt;\/p&gt; &lt;spacer size=\"12\"&gt;&lt;\/spacer&gt; &lt;button href=\"https:\/\/coupleofcreatives.com\/work\/wildwood-family-dentistry\/\" class=\"small-expanded\"&gt;View Case Study&lt;\/button&gt; &lt;\/columns&gt; &lt;\/container&gt; &lt;spacer size=\"48\"&gt;&lt;\/spacer&gt; &lt;container class=\"blog\"&gt; &lt;h2&gt;From the blog&lt;\/h2&gt; &lt;a href=\"#\"&gt;This is a headling to a external link&lt;\/a&gt; &lt;p&gt;Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;\/p&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;a href=\"#\"&gt;Donec id elit non mi porta gravida at eget metus.&lt;\/a&gt; &lt;p&gt;Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;\/p&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;a href=\"#\"&gt;This is a headling to a external link&lt;\/a&gt; &lt;p&gt;Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;\/p&gt; &lt;\/container&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;hr class=\"divider\" \/&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;h2&gt;Watch our latest video&lt;\/h2&gt; &lt;a href=\"#\"&gt; &lt;img src=\"https:\/\/coupleofcreatives.com\/public\/video-image.png\" width=\"600\" height=\"337\" alt=\"A still of a Couple of Creatives during a video shoot\" \/&gt; &lt;\/a&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;p&gt;Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;\/p&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;button href=\"#\" class=\"secondary small-expanded\"&gt;Subscribe to our channel&lt;\/button&gt; &lt;spacer size=\"32\"&gt;&lt;\/spacer&gt; &lt;hr class=\"divider\" \/&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;h2&gt;Follow us \u0631\u0648\u06cc instagram&lt;\/h2&gt; &lt;a href=\"https:\/\/instagram.com\/coupleofcreatives\"&gt; &lt;img src=\"https:\/\/coupleofcreatives.com\/public\/instagram-image.png\" alt=\"Instragram photos of Couple of Creatives\" width=\"600\" height=\"294\" \/&gt; &lt;\/a&gt; &lt;spacer size=\"36\"&gt;&lt;\/spacer&gt; &lt;hr class=\"divider\" \/&gt; &lt;spacer size=\"16\"&gt;&lt;\/spacer&gt; &lt;container class=\"footer\"&gt; &lt;a href=\"https:\/\/coupleofcreatives.com\" class=\"logo\"&gt; &lt;img src=\"https:\/\/coupleofcreatives.com\/public\/logo.svg\" alt=\"Couple of Creatives Logo\" width=\"135\" height=\"68\" class=\"text-center logo\" \/&gt; &lt;\/a&gt; &lt;spacer size=\"32\"&gt;&lt;\/spacer&gt; &lt;row class=\"footer-social-links\"&gt; &lt;columns&gt; &lt;table class=\"social-menu\"&gt; &lt;tr&gt; &lt;td&gt; &lt;table&gt; &lt;tr&gt; &lt;th class=\"menu-item\"&gt; &lt;a href=\"https:\/\/facebook.com\/coupleofcreatives\"&gt; &lt;img class=\"text-center\" src=\"https:\/\/coupleofcreatives.com\/public\/facebook.png\" alt=\"facebook\" width=\"21\" height=\"21\" \/&gt; &lt;\/a&gt; &lt;\/th&gt; &lt;th class=\"menu-item\"&gt; &lt;a href=\"https:\/\/twitter.com\/couplecreatives\"&gt; &lt;img class=\"text-center\" src=\"https:\/\/coupleofcreatives.com\/public\/twitter.png\" alt=\"twitter\" width=\"21\" height=\"21\" \/&gt; &lt;\/a&gt; &lt;\/th&gt; &lt;th class=\"menu-item\"&gt; &lt;a href=\"https:\/\/instagram.com\/coupleofcreatives\"&gt; &lt;img class=\"text-center\" src=\"https:\/\/coupleofcreatives.com\/public\/instagram.png\" alt=\"instagram\" width=\"21\" height=\"21\" \/&gt; &lt;\/a&gt; &lt;\/th&gt; &lt;th class=\"menu-item\"&gt; &lt;a href=\"https:\/\/www.youtube.com\/channel\/UCwLgeZi57pzy-Q4LgvBBXRA\"&gt; &lt;img class=\"text-center\" src=\"https:\/\/coupleofcreatives.com\/public\/youtube.png\" alt=\"youtube\" width=\"21\" height=\"21\" \/&gt; &lt;\/a&gt; &lt;\/th&gt; &lt;th class=\"menu-item\"&gt; &lt;a href=\"https:\/\/www.linkedin.com\/company-beta\/10487750\/\"&gt; &lt;img class=\"text-center\" src=\"https:\/\/coupleofcreatives.com\/public\/linkedin.png\" alt=\"linkedin\" width=\"21\" height=\"21\" \/&gt; &lt;\/a&gt; &lt;\/th&gt; &lt;th class=\"menu-item\"&gt; &lt;a href=\"https:\/\/plus.google.com\/+Coupleofcreatives\"&gt; &lt;img class=\"text-center\" src=\"https:\/\/coupleofcreatives.com\/public\/googleplus.png\" alt=\"google plus\" width=\"21\" height=\"21\" \/&gt; &lt;\/a&gt; &lt;\/th&gt; &lt;\/tr&gt; &lt;\/table&gt; &lt;\/td&gt; &lt;\/tr&gt; &lt;\/table&gt; &lt;\/columns&gt; &lt;\/row&gt; &lt;\/container&gt; &lt;spacer size=\"12\"&gt;&lt;\/spacer&gt; &lt;p class=\"text-center\"&gt;&lt;a class=\"footer-cta\" href=\"https:\/\/coupleofcreatives.com\/contact\"&gt;Need marketing? Hire this creative duo&lt;\/a&gt;&lt;\/p&gt; &lt;spacer size=\"12\"&gt;&lt;\/spacer&gt; &lt;p class=\"text-center\"&gt;&lt;small&gt;You received this email because you\u2019re signed up to get updates from us. &lt;a href=\"#\"&gt;Click here to unsubscribe.&lt;\/a&gt;&lt;\/small&gt;&lt;\/p&gt; &lt;\/container&gt;<\/pre>\n<p>\u062f\u0631\u0648\u0646 <code>HTML<\/code> \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0630\u06a9\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a \u0631\u0627 \u0645\u0634\u0627\u0647\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u062f \u06a9\u0631\u062f.  \u0627\u06cc\u0646 <code>spacer<\/code> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u060c \u0639\u0646\u0635\u0631 \u0632\u06cc\u0627\u062f\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0641\u0627\u0635\u0644\u0647 \u0639\u0645\u0648\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645.  \u0645\u0646 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0641\u0642\u0637 \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u0645 \u06a9\u0647 \u0647\u0645\u0647 \u0645\u0634\u062a\u0631\u06cc \u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u062d\u0627\u0634\u06cc\u0647 \u0648 \u0628\u0627\u0644\u0634\u062a\u06a9 \u0631\u0627 \u0627\u0641\u062a\u062e\u0627\u0631 \u0646\u0645\u06cc \u06a9\u0646\u0646\u062f.  \u0628\u0631\u0627\u06cc \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0633\u0631 \u0648 \u0635\u062f\u0627 \u060c \u0639\u0646\u0635\u0631 Spacer \u0628\u0647 \u0637\u0631\u0632 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%d8%a7%d8%b6%d8%a7%d9%81%d9%87_%da%a9%d8%b1%d8%af%d9%86_%d8%b3%d8%a8%da%a9_%d9%87%d8%a7\"><\/span>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0633\u0628\u06a9 \u0647\u0627<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u0632 \u0622\u0646\u062c\u0627 \u06a9\u0647 \u0645\u0646 \u0627\u0632 \u0646\u0633\u062e\u0647 SASS \u0628\u0646\u06cc\u0627\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645 \u060c \u0645\u0646 \u0642\u0627\u062f\u0631 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062c\u0632\u0626\u06cc \u0647\u0633\u062a\u0645 \u0648 import \u06a9\u0633\u0627\u0646\u06cc \u06a9\u0647 \u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0627\u062f \u0634\u062f\u0646\u062f <em>app.scss <\/em>\u0641\u0627\u06cc\u0644\u06cc \u06a9\u0647 \u062f\u0631 \u0639\u0648\u0636 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f <em>\u062f\u0648\u0631 <\/em>\u067e\u0648\u0634\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 <em>app.css<\/em>.  \u0645\u0646 \u0627\u0632 \u0641\u0648\u0646\u062a\u06cc \u0628\u0647 \u0646\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645 <a href=\"https:\/\/www.typography.com\/fonts\/ideal-sans\/overview\/\" target=\"_blank\" rel=\"noopener\">\u0627\u06cc\u062f\u0647 \u0622\u0644 \u0633\u0627\u0646\u0633<\/a>.  \u0645\u062a\u0627\u0633\u0641\u0627\u0646\u0647 \u0641\u0642\u0637 \u0645\u06cc\u062a\u0648\u0646\u0645 \u0627\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0645 \u0631\u0648\u06cc \u062f\u0627\u0645\u0646\u0647 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0645\u0646 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0642\u0627\u062f\u0631 \u0628\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u0639\u0646\u0627\u0648\u06cc\u0646 \u0646\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0648\u062f \u0631\u0648\u06cc \u067e\u0627\u06cc\u0627\u0646 \u0634\u0645\u0627  \u0627\u06af\u0631 \u062f\u0631 \u0627\u0645\u062a\u062f\u0627\u062f \u0639\u0646\u0627\u0648\u06cc\u0646 \u067e\u06cc\u0631\u0648\u06cc \u06a9\u0646\u06cc\u062f \u060c \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0646 \u0642\u0644\u0645 \u067e\u0627\u06cc\u0647 \u060c Arial \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.  \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0647\u0645\u0631\u0627\u0647 \u062f\u0631 \u062f\u0627\u062e\u0644 \u0686\u0627\u0631\u0686\u0648\u0628 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f \u062f\u0631 <code>assets\/scss\/_settings.scss<\/code>.  \u0627\u06cc\u0646 \u067e\u0631\u0648\u0646\u062f\u0647 \u062f\u0627\u0631\u0627\u06cc \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0645\u0637\u0627\u0628\u0642\u062a \u0628\u0627 \u0645\u0627\u0631\u06a9 \u062a\u062c\u0627\u0631\u06cc \u062e\u0648\u062f \u0622\u0645\u0627\u062f\u0647 \u0647\u0633\u062a\u0646\u062f.  \u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u060c \u0645\u0646 \u0628\u062e\u0634\u06cc \u0627\u0632 \u062e\u0648\u062f\u0645 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0645.  \u0645\u0646 \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0647\u0627 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u0645 <em>app.scss <\/em>\u0641\u0627\u06cc\u0644.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%a7%db%8c%d9%85%db%8c%d9%84_%d9%87%d8%a7%db%8c_%d9%be%d8%a7%d8%b3%d8%ae%da%af%d9%88\"><\/span>\u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u067e\u0627\u0633\u062e\u06af\u0648<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0646\u06cc\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u067e\u0627\u0633\u062e\u06af\u0648 \u062e\u0627\u0631\u062c \u0627\u0632 \u062c\u0639\u0628\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f.  \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0634\u062f\u0647 <em><container>\u060c <\u0631\u062f\u06cc\u0641><\/em> \u0648<em> <\u0633\u062a\u0648\u0646 \u0647\u0627> <\/em>\u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0633\u0627\u0633\u0627\u064b \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0645\u0627\u0646 \u06a9\u0627\u0631 \u0645\u0641\u06cc\u062f \u0631\u0627 \u06a9\u0647 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.  \u062f\u0631 \u062f\u0627\u062e\u0644 <em>\u0633\u062a\u0648\u0646 \u0647\u0627 <\/em>\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0634\u0628\u06a9\u0647 12 \u0633\u062a\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0644\u0627\u0633\u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0631\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f.  \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u060c \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0633\u062a\u0645 \u06cc\u06a9 \u0634\u0628\u06a9\u0647 \u062f\u0648 \u0633\u062a\u0648\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0645 \u0645\u06cc \u0646\u0648\u0634\u062a\u0645:<\/p>\n<pre>html &lt;container&gt; &lt;row&gt; &lt;columns small=\"12\" large=\"6\"&gt; Column 1 &lt;\/columns&gt; &lt;columns small=\"12\" large=\"6\"&gt; Column 2 &lt;\/columns&gt; &lt;\/row&gt; &lt;\/container&gt;<\/pre>\n<p>\u0645\u0633\u062a\u0642\u0631 \u0631\u0648\u06cc \u0627\u0646\u062f\u0627\u0632\u0647 \u0635\u0641\u062d\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0627\u06cc\u0646 \u0633\u062a\u0648\u0646 \u0647\u0627 \u062f\u0631 \u0639\u0631\u0636 50 \u062f\u0631\u0635\u062f \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u0646\u062f \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0628\u0632\u0631\u06af\u062a\u0631 \u0648 100\u066a \u0639\u0631\u0636 \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631  \u0627\u06af\u0631 \u0628\u0627 \u0641\u0631\u06cc\u0645 \u0648\u0631\u06a9 \u0647\u0627\u06cc CSS \u0645\u062d\u0628\u0648\u0628 \u0645\u0627\u0646\u0646\u062f Bootstrap \u06cc\u0627 Foundation \u0622\u0634\u0646\u0627 \u0647\u0633\u062a\u06cc\u062f\u060c \u062f\u0631\u06a9 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0628\u0627\u06cc\u062f \u0628\u0633\u06cc\u0627\u0631 \u0622\u0633\u0627\u0646 \u0628\u0627\u0634\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87_%d8%a7%d8%b2_%d8%aa%d8%b5%d8%a7%d9%88%db%8c%d8%b1_%d8%af%d8%b1_%d8%a7%db%8c%d9%85%db%8c%d9%84\"><\/span>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u062f\u0631 \u0627\u06cc\u0645\u06cc\u0644<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u0635\u0627\u0648\u06cc\u0631 \u0628\u0627\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0633\u0631\u0648\u0631 \u0648\u0628 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc URL \u0645\u0637\u0644\u0642 \u0648 \u062a\u0631\u062c\u06cc\u062d\u0627\u064b \u0627\u0632 \u0647\u0645\u0627\u0646 \u062f\u0627\u0645\u0646\u0647 \u0627\u06cc \u06a9\u0647 \u0627\u06cc\u0645\u06cc\u0644 \u0634\u062e\u0635\u06cc \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0634\u0648\u062f.  \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u0645 \u0627\u06cc\u0645\u06cc\u0644\u06cc \u0627\u0632 (\u0627\u06cc\u0645\u06cc\u0644 \u0645\u062d\u0627\u0641\u0638\u062a \u0634\u062f\u0647) \u0628\u0631\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9\u0627\u0646\u0645 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u0645\u060c \u062a\u0635\u0627\u0648\u06cc\u0631 \u0628\u0627\u06cc\u062f \u062a\u062d\u062a \u0647\u0645\u0627\u0646 \u0646\u0627\u0645 \u062f\u0627\u0645\u0646\u0647 webdesignerdepot.com \u0632\u0646\u062f\u06af\u06cc \u06a9\u0646\u0646\u062f.  \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u062d\u062a\u0645\u0627\u0644 \u0647\u062f\u0627\u06cc\u062a \u0627\u0634\u062a\u0628\u0627\u0647 \u0627\u06cc\u0645\u06cc\u0644 \u0634\u0645\u0627 \u0628\u0647 \u067e\u0648\u0634\u0647 \u0627\u0633\u067e\u0645 \u0631\u0627 \u0627\u0632 \u0628\u06cc\u0646 \u0645\u06cc \u0628\u0631\u062f \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u062d\u0631\u0641\u0647 \u0627\u06cc \u062a\u0631 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%d8%aa%da%af_%d9%87%d8%a7%db%8c_alt_%d8%b6%d8%b1%d9%88%d8%b1%db%8c_%d9%87%d8%b3%d8%aa%d9%86%d8%af\"><\/span>\u062a\u06af \u0647\u0627\u06cc Alt \u0636\u0631\u0648\u0631\u06cc \u0647\u0633\u062a\u0646\u062f<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06af\u0631 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0639\u0645\u0648\u0644 \u0627\u0632 \u062a\u06af \u0647\u0627\u06cc alt \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u06cc \u06a9\u0646\u06cc\u062f (\u0646\u0645\u06cc \u062f\u0627\u0646\u0645 \u0686\u0631\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0646\u0645\u06cc \u06a9\u0646\u06cc\u062f). <em><strong>\u0646\u06cc\u0627\u0632<\/strong><\/em>  \u0628\u0647 \u062f\u0631 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627  \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0633\u0631\u0648\u06cc\u0633 \u06af\u06cc\u0631\u0646\u062f\u0647 \u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0631\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0627\u06cc\u0646 \u0628\u0647 \u062e\u0648\u062f \u06a9\u0627\u0631\u0628\u0631 \u0628\u0633\u062a\u06af\u06cc \u062f\u0627\u0631\u062f.  \u062a\u06af\u200c\u0647\u0627\u06cc Alt \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647 \u062a\u0648\u0635\u06cc\u0641 \u062a\u0635\u0648\u06cc\u0631 \u0642\u0628\u0644 \u0627\u0632 \u062f\u06cc\u062f\u0646 \u0622\u0646 \u062a\u0648\u0633\u0637 \u06a9\u0627\u0631\u0628\u0631 \u06a9\u0645\u06a9 \u06a9\u0646\u0646\u062f.  \u0627\u06cc\u0646 \u0647\u0645 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0639\u0627\u0644\u06cc \u0627\u0633\u062a \u0648 \u0647\u0645 \u0628\u0631\u0627\u06cc \u06a9\u0633\u0627\u0646\u06cc \u06a9\u0647 \u0639\u0644\u0627\u0642\u0647 \u0627\u06cc \u0628\u0647 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u062f\u0631 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u0646\u062f \u0646\u062f\u0627\u0631\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d9%81%d8%a7%db%8c%d9%84_%d9%87%d8%a7%db%8c_%d8%aa%d9%88%d9%84%db%8c%d8%af_%d8%b3%d8%a7%d8%ae%d8%aa%d9%85%d8%a7%d9%86_%d9%88_%d8%aa%d8%b3%d8%aa\"><\/span>\u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0648 \u062a\u0633\u062a<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u062a\u0648\u0644\u06cc\u062f \u0628\u0627\u06cc\u062f CSS \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u062e\u0637\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.  \u062e\u0637 \u06a9\u0634\u06cc \u0627\u0633\u062a process \u062a\u0639\u0631\u06cc\u0641 \u0633\u0628\u06a9 \u0647\u0627 \u0631\u0648\u06cc \u062e\u0648\u062f \u0639\u0646\u0635\u0631 \u0628\u0647 \u062c\u0627\u06cc \u067e\u06cc\u0648\u0646\u062f \u0627\u0632 \u06cc\u06a9 \u0634\u06cc\u0648\u0647 \u0646\u0627\u0645\u0647 \u062e\u0627\u0631\u062c\u06cc.  Foundation for Emails \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0633\u0627\u062e\u062a \u0645\u0641\u06cc\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u062f.  \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0646\u0647\u0627\u06cc\u06cc \u062f\u0631 \u062f\u0627\u062e\u0644 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0648 \u06a9\u0648\u0686\u06a9 \u0645\u06cc \u0634\u0648\u0646\u062f <em>\u062f\u0648\u0631 <\/em>\u067e\u0648\u0634\u0647  \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u06cc\u060c \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0627 \u062a\u0627\u06cc\u067e \u06a9\u0631\u062f\u0646\u060c \u0633\u0631\u0648\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627 \u0647\u0633\u062a\u0646\u062f \u0631\u0627 \u0627\u0632 \u0628\u06cc\u0646 \u0628\u0628\u0631\u06cc\u062f <em>ctrl + c <\/em>\u062f\u0631 \u0634\u0645\u0627 terminal \u0628\u0631\u0646\u0627\u0645\u0647  \u0627\u0632 \u0622\u0646\u062c\u0627 \u062a\u0627\u06cc\u067e \u06a9\u0646\u06cc\u062f:<\/p>\n<pre>Bash $ npm run build<\/pre>\n<p>\u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0627\u06cc\u0645\u06cc\u0644 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u0627\u0632 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0627\u06cc\u062f \u0647\u0645\u0627\u0646 \u0686\u06cc\u0632\u06cc \u0631\u0627 \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc \u06a9\u0631\u062f\u06cc\u062f \u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0646\u06cc\u062f.  \u0627\u0645\u0627\u060c \u0627\u06af\u0631 \u0627\u0632 \u0646\u0632\u062f\u06cc\u06a9 \u0628\u0647 \u0645\u0646\u0628\u0639 \u0622\u0646 \u0646\u06af\u0627\u0647 \u06a9\u0646\u06cc\u062f page \u06a9\u062f \u0628\u0647 \u0647\u0645 \u0631\u06cc\u062e\u062a\u0647 \u0627\u06cc \u0631\u0627 \u062e\u0648\u0627\u0647\u06cc\u062f \u062f\u06cc\u062f.  \u0627\u06cc\u0646 \u0646\u062a\u06cc\u062c\u0647 \u0633\u0627\u062e\u062a \u0627\u0633\u062a process \u0648 \u0628\u0627 \u0641\u0631\u0636 \u0627\u06cc\u0646\u06a9\u0647 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u062e\u0648\u0628 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f\u060c \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0637\u0628\u06cc\u0639\u062a \u0627\u0633\u062a.<\/p>\n<p><img decoding=\"async\" class=\"image-border\" src=\"https:\/\/coupleofcreatives.com\/public\/minified-code.png\" alt=\"\u06a9\u062f \u06a9\u0648\u0686\u06a9 \u0634\u062f\u0647\" loading=\"lazy\" title=\"\"><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d8%a2%d8%b2%d9%85%d8%a7%db%8c%d8%b4_%da%a9%d8%b1%d8%af%d9%86\"><\/span>\u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0631\u062f\u0646<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0645\u0646 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u0645 \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u06a9\u0627\u0641\u06cc \u062a\u0627\u06a9\u06cc\u062f \u06a9\u0646\u0645 \u06a9\u0647 \u0622\u0632\u0645\u0627\u06cc\u0634 \u0686\u0642\u062f\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a \u0631\u0648\u06cc \u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.  \u0637\u0631\u0627\u062d\u06cc \u0634\u0645\u0627 \u0627\u062d\u062a\u0645\u0627\u0644\u0627 \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f \u0631\u0648\u06cc \u0647\u0645\u0647 \u0622\u0646\u0647\u0627 \u0627\u0645\u0627 \u0647\u062f\u0641 \u0627\u06cc\u062c\u0627\u062f \u0631\u0627\u0647 \u062d\u0644\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062d\u062f\u0627\u0642\u0644 \u062f\u0631 \u0627\u06a9\u062b\u0631 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627 \u0633\u0627\u0632\u06af\u0627\u0631 \u0648 \u062e\u0648\u0627\u0646\u0627 \u0628\u0647 \u0646\u0638\u0631 \u0628\u0631\u0633\u062f.  \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u06cc \u0628\u0647 \u0646\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <a href=\"https:\/\/litmus.com\/\" class=\"broken_link\" target=\"_blank\" rel=\"noopener\">\u062a\u0648\u0631\u0646\u0633\u0644<\/a> \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u062a\u0633\u062a  \u06cc\u06a9 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f <a href=\"https:\/\/putsmail.com\/\" target=\"_blank\" rel=\"noopener\">\u0646\u0633\u062e\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0627\u0628\u0632\u0627\u0631<\/a> \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u062f \u062e\u0648\u062f \u0631\u0627 \u06a9\u067e\u06cc \u0648 \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0631\u0627\u06cc \u062e\u0648\u062f \u06cc\u0627 \u0647\u0645\u06a9\u0627\u0631 \u062e\u0648\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.  \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0631\u0627 \u062d\u062a\u0645\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f.  \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0628\u062f\u06cc\u0647\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0639\u062f \u0627\u0632 \u0627\u06cc\u0646 \u0648\u0627\u0642\u0639\u06cc\u062a \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0631\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%d9%84%db%8c%d9%86%da%a9_%d9%87%d8%a7%db%8c_%d9%85%d9%81%db%8c%d8%af\"><\/span>\u0644\u06cc\u0646\u06a9 \u0647\u0627\u06cc \u0645\u0641\u06cc\u062f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><a href=\"https:\/\/github.com\/justalever\/WDDFoundationForEmailsGuide\" target=\"_blank\" rel=\"noopener\">Source  \u06a9\u062f \u0627\u06cc\u0646 \u067e\u0631\u0648\u0698\u0647<\/a><\/li>\n<li><a href=\"https:\/\/putsmail.com\/\" target=\"_blank\" rel=\"noopener\">\u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062a\u0633\u062a \u06a9\u0646\u06cc\u062f<\/a><\/li>\n<li><a href=\"https:\/\/foundation.zurb.com\/emails\/getting-started.html\" target=\"_blank\" rel=\"noopener\">\u0628\u0646\u06cc\u0627\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644<\/a><\/li>\n<li><a href=\"https:\/\/foundation.zurb.com\/emails\/docs\/\" target=\"_blank\" rel=\"noopener\">\u0628\u0646\u06cc\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 &#8211; Documentation<\/a><\/li>\n<li><a href=\"https:\/\/mailchimp.com\/resources\/email-design-guide\/\" class=\"broken_link\" target=\"_blank\" rel=\"noopener\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0627\u06cc\u0645\u06cc\u0644 Mailchimp<\/a><\/li>\n<\/ul>\n<\/div>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>    (\u0628\u0631\u0686\u0633\u0628\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u062a\u0631\u062c\u0645\u0647 )send<br \/>\n<br \/><br \/>\n<br \/>\u0645\u0646\u062a\u0634\u0631 \u0634\u062f\u0647 \u062f\u0631 1403-01-09 08:28:02<br \/>\n<br \/><a href=\"https:\/\/www.webdesignerdepot.com\/2017\/04\/how-to-build-a-custom-email-with-foundation-for-emails\/\" target=\"_blank\" rel=\"noopener\">\u0645\u0646\u0628\u0639 \u0646\u0648\u0634\u062a\u0627\u0631 <\/a><br \/>\n<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-center kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:&quot;15169&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;0&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;0&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;\u0627\u0645\u062a\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628&quot;,&quot;legend&quot;:&quot;0\\\/5 (0 \u0631\u0627\u06cc)&quot;,&quot;size&quot;:&quot;30&quot;,&quot;title&quot;:&quot;\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0627 \u0628\u0646\u06cc\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0633\u0627\u0632\u06cc\u0645&quot;,&quot;width&quot;:&quot;0&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} ({count} \u0631\u0627\u06cc)&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 0px;\">\n            <div class=\"kksr-star\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-left: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 30px; height: 30px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 24px;\">\n            <span class=\"kksr-muted\">\u0627\u0645\u062a\u06cc\u0627\u0632 \u0634\u0645\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0637\u0644\u0628<\/span>\n    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">\u0632\u0645\u0627\u0646 \u0644\u0627\u0632\u0645 \u0628\u0631\u0627\u06cc \u0645\u0637\u0627\u0644\u0639\u0647: <\/span> <span class=\"rt-time\"> 10<\/span> <span class=\"rt-label rt-postfix\">\u062f\u0642\u06cc\u0642\u0647<\/span><\/span>\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u0627\u06cc\u0645\u06cc\u0644 \u0633\u0641\u0627\u0631\u0634\u06cc \u0628\u0627 \u0628\u0646\u06cc\u0627\u062f \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0633\u0627\u0632\u06cc\u0645 \u0633\u0627\u062e\u062a\u0646 \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 \u0628\u0633\u06cc\u0627\u0631 \u0633\u062e\u062a \u0627\u0633\u062a. \u0633\u0627\u062e\u062a\u0646 \u0627\u06cc\u0645\u06cc\u0644\u200c\u0647\u0627\u06cc \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 \u062d\u062a\u06cc \u0633\u062e\u062a\u200c\u062a\u0631 \u0627\u0633\u062a. \u062e\u0648\u0634\u0628\u062e\u062a\u0627\u0646\u0647\u060c \u0627\u0641\u0631\u0627\u062f \u0645\u0647\u0631\u0628\u0627\u0646 \u062f\u0631 Zurb \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u0646\u062f \u06a9\u0647 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f process \u0633\u0627\u062e\u062a \u0627\u06cc\u0645\u06cc\u0644 \u0647\u0627\u06cc \u067e\u0627\u0633\u062e\u06af\u0648 \u0631\u0627\u062d\u062a \u062a\u0631 \u0627\u0632 \u0647\u0645\u06cc\u0634\u0647. \u0628\u0646\u06cc\u0627\u062f \u0628\u0631\u0627\u06cc \u0627\u06cc\u0645\u06cc\u0644 (\u0642\u0628\u0644\u0627\u064b Ink) \u06cc\u06a9 \u0686\u0627\u0631\u0686\u0648\u0628 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\/\u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":15170,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[206],"tags":[],"class_list":["post-15169","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/posts\/15169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/comments?post=15169"}],"version-history":[{"count":0,"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/posts\/15169\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/media\/15170"}],"wp:attachment":[{"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/media?parent=15169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/categories?post=15169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rasanegaar.com\/blog\/wp-json\/wp\/v2\/tags?post=15169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}