https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_4_%DA%A9%D8%A7%D8%AF%D8%B1%2F%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF 2026-08-26T01:03:03Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_4_%DA%A9%D8%A7%D8%AF%D8%B1/%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF&diff=6728&oldid=prev 2026-08-22T07:58:57Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fa"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ‏۲۲ اوت ۲۰۲۶، ساعت ۰۷:۵۸</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l110">خط ۱۱۰:</td> <td colspan="2" class="diff-lineno">خط ۱۱۰:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;!-- آدرس تصویر خود را در قسمت src قرار دهید --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;!-- آدرس تصویر خود را در قسمت src قرار دهید --&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/260012-01-<del style="font-weight: bold; text-decoration: none;">18</del>.<del style="font-weight: bold; text-decoration: none;">jpg</del>" alt="دوره خودشناسی"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012<ins style="font-weight: bold; text-decoration: none;">-01</ins>/260012-01-<ins style="font-weight: bold; text-decoration: none;">21</ins>.<ins style="font-weight: bold; text-decoration: none;">JPG</ins>" alt="دوره خودشناسی"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt; فضای دلچسب &lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt; فضای دلچسب &lt;/h3&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l118">خط ۱۱۸:</td> <td colspan="2" class="diff-lineno">خط ۱۱۸:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/260012-01-08.jpg" alt="دوره اعتماد به نفس"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012<ins style="font-weight: bold; text-decoration: none;">-01</ins>/260012-01-08.jpg" alt="دوره اعتماد به نفس"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;صبحانه &lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;صبحانه &lt;/h3&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l126">خط ۱۲۶:</td> <td colspan="2" class="diff-lineno">خط ۱۲۶:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/260012-01-04.jpg" alt="دوره سلامت روان"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012<ins style="font-weight: bold; text-decoration: none;">-01</ins>/260012-01-04.jpg" alt="دوره سلامت روان"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;عصرانه&lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;عصرانه&lt;/h3&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l134">خط ۱۳۴:</td> <td colspan="2" class="diff-lineno">خط ۱۳۴:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/260012-01-09.png" alt="دوره فن بیان"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012<ins style="font-weight: bold; text-decoration: none;">-01</ins>/260012-01-09.png" alt="دوره فن بیان"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;سفارش بیرون‌بر&lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;سفارش بیرون‌بر&lt;/h3&gt;</div></td></tr> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-6404:rev-6728:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_4_%DA%A9%D8%A7%D8%AF%D8%B1/%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF&diff=6404&oldid=prev 2026-08-16T12:08:47Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fa"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ‏۱۶ اوت ۲۰۲۶، ساعت ۱۲:۰۸</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l55">خط ۵۵:</td> <td colspan="2" class="diff-lineno">خط ۵۵:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             overflow: hidden;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             overflow: hidden;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             border-radius: 10px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             border-radius: 10px;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>             margin-bottom: <del style="font-weight: bold; text-decoration: none;">20px</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>             margin-bottom: <ins style="font-weight: bold; text-decoration: none;">1px</ins>;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             background-color: #ddd; /* جایگزین موقت تا عکس لود شود */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             background-color: #ddd; /* جایگزین موقت تا عکس لود شود */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l69">خط ۶۹:</td> <td colspan="2" class="diff-lineno">خط ۶۹:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             font-size: 1.1rem;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             font-size: 1.1rem;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             color: #D7CCC8;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             color: #D7CCC8;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>             margin-bottom: <del style="font-weight: bold; text-decoration: none;">25px</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>             margin-bottom: <ins style="font-weight: bold; text-decoration: none;">2px</ins>;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             display: flex;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             display: flex;</div></td></tr> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-6403:rev-6404:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_4_%DA%A9%D8%A7%D8%AF%D8%B1/%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF&diff=6403&oldid=prev 2026-08-16T12:06:59Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fa"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ‏۱۶ اوت ۲۰۲۶، ساعت ۱۲:۰۶</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l110">خط ۱۱۰:</td> <td colspan="2" class="diff-lineno">خط ۱۱۰:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;!-- آدرس تصویر خود را در قسمت src قرار دهید --&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;!-- آدرس تصویر خود را در قسمت src قرار دهید --&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<del style="font-weight: bold; text-decoration: none;">26001201</del>.jpg" alt="دوره خودشناسی"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<ins style="font-weight: bold; text-decoration: none;">260012-01-18</ins>.jpg" alt="دوره خودشناسی"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class="card-title"&gt; فضای دلچسب <del style="font-weight: bold; text-decoration: none;">کافه پاتوق محمد</del>&lt;/h3&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class="card-title"&gt; فضای دلچسب &lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;/article&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;/article&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l118">خط ۱۱۸:</td> <td colspan="2" class="diff-lineno">خط ۱۱۸:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<del style="font-weight: bold; text-decoration: none;">26001202</del>.jpg" alt="دوره اعتماد به نفس"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<ins style="font-weight: bold; text-decoration: none;">260012-01-08</ins>.jpg" alt="دوره اعتماد به نفس"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class="card-title"&gt;<del style="font-weight: bold; text-decoration: none;">رزرو میز</del>&lt;/h3&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class="card-title"&gt;<ins style="font-weight: bold; text-decoration: none;">صبحانه </ins>&lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;/article&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;/article&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l126">خط ۱۲۶:</td> <td colspan="2" class="diff-lineno">خط ۱۲۶:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<del style="font-weight: bold; text-decoration: none;">26001203</del>.jpg" alt="دوره سلامت روان"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<ins style="font-weight: bold; text-decoration: none;">260012-01-04</ins>.jpg" alt="دوره سلامت روان"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class="card-title"&gt;<del style="font-weight: bold; text-decoration: none;">سفارش نوشیدنی</del>&lt;/h3&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class="card-title"&gt;<ins style="font-weight: bold; text-decoration: none;">عصرانه</ins>&lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;/article&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;/article&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l134">خط ۱۳۴:</td> <td colspan="2" class="diff-lineno">خط ۱۳۴:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         &lt;article class=&quot;card&quot;&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;div class=&quot;card-image-wrapper&quot;&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<del style="font-weight: bold; text-decoration: none;">26001204</del>.<del style="font-weight: bold; text-decoration: none;">jpg</del>" alt="دوره فن بیان"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;img src="https://dl.faraghaib.ir/m/260012/<ins style="font-weight: bold; text-decoration: none;">260012-01-09</ins>.<ins style="font-weight: bold; text-decoration: none;">png</ins>" alt="دوره فن بیان"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;سفارش بیرون‌بر&lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>             &lt;h3 class=&quot;card-title&quot;&gt;سفارش بیرون‌بر&lt;/h3&gt;</div></td></tr> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-5611:rev-6403:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_4_%DA%A9%D8%A7%D8%AF%D8%B1/%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF&diff=5611&oldid=prev 2026-08-08T06:43:40Z

<p>صفحه‌ای تازه حاوی « &lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;دوره های روانشناسی و خودشناسی&lt;/title&gt; &lt;style&gt; :root { --primary-green: #2d5a4c; <span class="autocomment">سبز تیره برای متون و دکمه: </span> --light-green: #3B2F2F; <span class="autocomment">سبز بسیار ملایم برای پس‌زمینه کارت: </span>...» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div><br /> &lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt;<br /> &lt;head&gt;<br /> &lt;meta charset=&quot;UTF-8&quot;&gt;<br /> &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<br /> &lt;title&gt;دوره های روانشناسی و خودشناسی&lt;/title&gt;<br /> &lt;style&gt;<br /> :root {<br /> --primary-green: #2d5a4c; /* سبز تیره برای متون و دکمه */<br /> --light-green: #3B2F2F; /* سبز بسیار ملایم برای پس‌زمینه کارت */<br /> --hover-green: #3d7a67;<br /> --border-radius: 12px;<br /> }<br /> <br /> body {<br /> font-family: &#039;iransans&#039;, sans-serif;<br /> background-color: #fdfdfd;<br /> margin: 0;<br /> padding: 20px;<br /> }<br /> <br /> /* کانتینر اصلی با چیدمان گرید */<br /> .card-grid {<br /> display: grid;<br /> gap: 20px;<br /> max-width: 1200px;<br /> margin: 0 auto;<br /> /* Mobile-First: پیش‌فرض ۱ ستون */<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> /* استایل کارت مشابه تصویر */<br /> .card {<br /> background: var(--light-green);<br /> border: 1px solid #e0e6e3;<br /> border-radius: var(--border-radius);<br /> padding: 8px;<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> text-align: center;<br /> box-shadow: 0 4px 6px rgba(0,0,0,0.02);<br /> transition: all 0.3s ease;<br /> }<br /> <br /> .card:hover {<br /> box-shadow: 0 10px 20px rgba(45, 90, 76, 0.1);<br /> transform: translateY(-5px);<br /> }<br /> <br /> /* بخش تصویر دوره */<br /> .card-image-wrapper {<br /> width: 100%;<br /> aspect-ratio: 16 / 9; /* حفظ تناسب تصویر */<br /> overflow: hidden;<br /> border-radius: 10px;<br /> margin-bottom: 20px;<br /> background-color: #ddd; /* جایگزین موقت تا عکس لود شود */<br /> }<br /> <br /> .card-image-wrapper img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover; /* تصویر را بدون دفرمه شدن فیت می‌کند */<br /> }<br /> <br /> /* عنوان دوره (سئو شده با h3) */<br /> .card-title {<br /> font-size: 1.1rem;<br /> color: #D7CCC8;<br /> margin-bottom: 25px;<br /> min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> }<br /> <br /> /* استایل دکمه اطلاعات بیشتر */<br /> .btn-info {<br /> background-color: #0d004d; /* رنگ تیره دکمه در عکس اصلی */<br /> color: white;<br /> text-decoration: none;<br /> padding: 12px 35px;<br /> border-radius: 8px;<br /> font-size: 0.9rem;<br /> font-weight: bold;<br /> width: 80%; /* دکمه عریض مشابه عکس */<br /> transition: background 0.3s;<br /> }<br /> <br /> .btn-info:hover {<br /> background-color: var(--primary-green);<br /> }<br /> <br /> /* تغییر چیدمان برای تبلت و دسکتاپ */<br /> @media (min-width: 768px) {<br /> .card-grid { grid-template-columns: repeat(2, 1fr); }<br /> }<br /> <br /> @media (min-width: 1024px) {<br /> .card-grid { grid-template-columns: repeat(4, 1fr); }<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;div class=&quot;card-grid&quot;&gt;<br /> &lt;!-- کارت اول --&gt;<br /> &lt;article class=&quot;card&quot;&gt;<br /> &lt;div class=&quot;card-image-wrapper&quot;&gt;<br /> &lt;!-- آدرس تصویر خود را در قسمت src قرار دهید --&gt;<br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260012/26001201.jpg&quot; alt=&quot;دوره خودشناسی&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h3 class=&quot;card-title&quot;&gt; فضای دلچسب کافه پاتوق محمد&lt;/h3&gt;<br /> &lt;/article&gt;<br /> <br /> &lt;!-- کارت دوم --&gt;<br /> &lt;article class=&quot;card&quot;&gt;<br /> &lt;div class=&quot;card-image-wrapper&quot;&gt;<br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260012/26001202.jpg&quot; alt=&quot;دوره اعتماد به نفس&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h3 class=&quot;card-title&quot;&gt;رزرو میز&lt;/h3&gt;<br /> &lt;/article&gt;<br /> <br /> &lt;!-- کارت سوم --&gt;<br /> &lt;article class=&quot;card&quot;&gt;<br /> &lt;div class=&quot;card-image-wrapper&quot;&gt;<br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260012/26001203.jpg&quot; alt=&quot;دوره سلامت روان&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h3 class=&quot;card-title&quot;&gt;سفارش نوشیدنی&lt;/h3&gt;<br /> &lt;/article&gt;<br /> <br /> &lt;!-- کارت چهارم --&gt;<br /> &lt;article class=&quot;card&quot;&gt;<br /> &lt;div class=&quot;card-image-wrapper&quot;&gt;<br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260012/26001204.jpg&quot; alt=&quot;دوره فن بیان&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h3 class=&quot;card-title&quot;&gt;سفارش بیرون‌بر&lt;/h3&gt;<br /> &lt;/article&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;</div>

Javid