https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=09124238193 2026-08-27T12:12:27Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=09124238193&diff=7131&oldid=prev 2026-08-27T10:38:04Z

<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-l527">خط ۵۲۷:</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>{{منوی اصلی/سهند نوین سازه}}</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 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 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>{{محصولات دایره ای/<del style="font-weight: bold; text-decoration: none;">علیرضایی</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>{{محصولات دایره ای/<ins style="font-weight: bold; text-decoration: none;">سهند نوین سازه</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;"><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 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> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-7116:rev-7131:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=09124238193&diff=7116&oldid=prev 2026-08-27T09:27:46Z

<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-l951">خط ۹۵۱:</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;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&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 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>راهنمای انتخاب خدمات تراشکاری CNC <del style="font-weight: bold; text-decoration: none;">دقیق و </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>راهنمای انتخاب خدمات تراشکاری CNC حرفه‌ای</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 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&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&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l961">خط ۹۶۱:</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;"><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 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;article-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;article-card&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/260010-01/260010-01-<del style="font-weight: bold; text-decoration: none;">11</del>.<del style="font-weight: bold; text-decoration: none;">jpg</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>&lt;img src="https://dl.faraghaib.ir/m/260010-01/260010-01-<ins style="font-weight: bold; text-decoration: none;">24</ins>.<ins style="font-weight: bold; text-decoration: none;">png</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>alt=&quot;تراشکاری CNC سفارشی&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>alt=&quot;تراشکاری CNC سفارشی&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;"><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-l978">خط ۹۷۸:</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;article-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;article-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;"><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 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/260010-01/260010-01-<del style="font-weight: bold; text-decoration: none;">12</del>.<del style="font-weight: bold; text-decoration: none;">jpeg</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>&lt;img src="https://dl.faraghaib.ir/m/260010-01/260010-01-<ins style="font-weight: bold; text-decoration: none;">25</ins>.<ins style="font-weight: bold; text-decoration: none;">png</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>alt=&quot;مراحل تراشکاری CNC&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>alt=&quot;مراحل تراشکاری CNC&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;"><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-l990">خط ۹۹۰:</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;article-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;article-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;"><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 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/260010-01/260010-01-<del style="font-weight: bold; text-decoration: none;">13</del>.<del style="font-weight: bold; text-decoration: none;">jpg</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>&lt;img src="https://dl.faraghaib.ir/m/260010-01/260010-01-<ins style="font-weight: bold; text-decoration: none;">26</ins>.<ins style="font-weight: bold; text-decoration: none;">png</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>alt=&quot;قیمت تراشکاری CNC&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>alt=&quot;قیمت تراشکاری CNC&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;"><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> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-7115:rev-7116:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=09124238193&diff=7115&oldid=prev 2026-08-27T09:17:11Z

<p></p> <a href="https://fa.faraghaib.ir/w/index.php?title=09124238193&amp;diff=7115&amp;oldid=7105">نمایش تغییرات</a>

Javid https://fa.faraghaib.ir/w/index.php?title=09124238193&diff=7105&oldid=prev 2026-08-27T08:39:25Z

<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;meta name=&quot;description&quot; content=&quot; طراحی و ساخت دستگاه صنعتی سفارشی، ماشین آلات صنعتی، تجهیزات خطوط تولید، اتوماسیون...» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div>&lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt;<br /> <br /> &lt;head&gt;<br /> <br /> &lt;meta charset=&quot;UTF-8&quot;&gt;<br /> <br /> &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<br /> <br /> &lt;title&gt;<br /> ساخت دستگاه صنعتی | طراحی و تولید ماشین آلات صنعتی سفارشی<br /> &lt;/title&gt;<br /> <br /> &lt;meta name=&quot;description&quot;<br /> content=&quot;<br /> طراحی و ساخت دستگاه صنعتی سفارشی، ماشین آلات صنعتی،<br /> تجهیزات خطوط تولید، اتوماسیون صنعتی و ساخت تجهیزات کارخانه با کیفیت مهندسی.<br /> &quot;&gt;<br /> <br /> &lt;link rel=&quot;stylesheet&quot;<br /> href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css&quot;&gt;<br /> <br /> <br /> &lt;style&gt;<br /> <br /> /* ===============================<br /> FONT<br /> ================================ */<br /> <br /> @font-face{<br /> <br /> font-family:IRANSans;<br /> <br /> src:url(&quot;fonts/IRANSans.woff2&quot;);<br /> <br /> }<br /> <br /> <br /> <br /> *{<br /> <br /> box-sizing:border-box;<br /> <br /> margin:0;<br /> <br /> padding:0;<br /> <br /> }<br /> <br /> <br /> body{<br /> <br /> font-family:IRANSans,Tahoma,sans-serif;<br /> <br /> direction:rtl;<br /> <br /> background:#fff;<br /> <br /> color:#222;<br /> <br /> }<br /> <br /> <br /> img{<br /> <br /> max-width:100%;<br /> <br /> display:block;<br /> <br /> }<br /> <br /> <br /> a{<br /> <br /> text-decoration:none;<br /> <br /> color:inherit;<br /> <br /> }<br /> <br /> <br /> .container{<br /> <br /> width:92%;<br /> <br /> max-width:1200px;<br /> <br /> margin:auto;<br /> <br /> }<br /> <br /> <br /> <br /> /* ===============================<br /> HEADER<br /> ================================ */<br /> <br /> <br /> .header{<br /> <br /> position:absolute;<br /> <br /> top:0;<br /> <br /> right:0;<br /> <br /> width:100%;<br /> <br /> z-index:20;<br /> <br /> color:white;<br /> <br /> }<br /> <br /> <br /> <br /> .header-box{<br /> <br /> height:75px;<br /> <br /> display:flex;<br /> <br /> align-items:center;<br /> <br /> justify-content:space-between;<br /> <br /> }<br /> <br /> <br /> .logo{<br /> <br /> font-size:24px;<br /> <br /> font-weight:bold;<br /> <br /> }<br /> <br /> <br /> <br /> .logo span{<br /> <br /> color:#f32845;<br /> <br /> }<br /> <br /> <br /> <br /> .menu-btn{<br /> <br /> background:none;<br /> <br /> border:none;<br /> <br /> color:white;<br /> <br /> font-size:25px;<br /> <br /> cursor:pointer;<br /> <br /> }<br /> <br /> <br /> <br /> .nav{<br /> <br /> display:none;<br /> <br /> }<br /> <br /> <br /> <br /> .nav a{<br /> <br /> font-size:13px;<br /> <br /> padding:10px;<br /> <br /> }<br /> <br /> <br /> <br /> .header-contact{<br /> <br /> display:none;<br /> <br /> background:white;<br /> <br /> color:#222;<br /> <br /> padding:8px 20px;<br /> <br /> border-radius:5px;<br /> <br /> font-size:12px;<br /> <br /> }<br /> <br /> <br /> <br /> /* ===============================<br /> HERO<br /> ================================ */<br /> <br /> <br /> .hero{<br /> <br /> height:540px;<br /> <br /> position:relative;<br /> <br /> background:<br /> <br /> linear-gradient(<br /> rgba(0,0,0,.75),<br /> rgba(0,0,0,.75)<br /> ),<br /> <br /> url(&quot;images/industrial-bg.jpg&quot;);<br /> <br /> background-size:cover;<br /> <br /> background-position:center;<br /> <br /> display:flex;<br /> <br /> align-items:center;<br /> <br /> justify-content:center;<br /> <br /> text-align:center;<br /> <br /> color:white;<br /> <br /> overflow:hidden;<br /> <br /> }<br /> <br /> <br /> <br /> .hero:after{<br /> <br /> content:&quot;&quot;;<br /> <br /> position:absolute;<br /> <br /> bottom:-45px;<br /> <br /> right:-5%;<br /> <br /> width:110%;<br /> <br /> height:90px;<br /> <br /> background:#fff;<br /> <br /> border-radius:50% 50% 0 0;<br /> <br /> }<br /> <br /> <br /> <br /> .hero-content{<br /> <br /> width:90%;<br /> <br /> max-width:700px;<br /> <br /> }<br /> <br /> <br /> <br /> .hero-small{<br /> <br /> font-size:14px;<br /> <br /> margin-bottom:15px;<br /> <br /> }<br /> <br /> <br /> <br /> .hero h1{<br /> <br /> font-size:36px;<br /> <br /> line-height:1.6;<br /> <br /> margin-bottom:15px;<br /> <br /> }<br /> <br /> <br /> <br /> .hero p{<br /> <br /> font-size:13px;<br /> <br /> line-height:2;<br /> <br /> color:#ddd;<br /> <br /> margin-bottom:25px;<br /> <br /> }<br /> <br /> <br /> <br /> .main-btn{<br /> <br /> display:inline-flex;<br /> <br /> background:white;<br /> <br /> color:#222;<br /> <br /> padding:12px 30px;<br /> <br /> border-radius:4px;<br /> <br /> font-size:13px;<br /> <br /> font-weight:bold;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> /* ===============================<br /> SERVICES<br /> ================================ */<br /> <br /> <br /> .services{<br /> <br /> padding:45px 0 30px;<br /> <br /> }<br /> <br /> <br /> <br /> .services-grid{<br /> <br /> display:grid;<br /> <br /> grid-template-columns:repeat(2,1fr);<br /> <br /> gap:35px 15px;<br /> <br /> }<br /> <br /> <br /> <br /> .service{<br /> <br /> text-align:center;<br /> <br /> }<br /> <br /> <br /> <br /> .service-icon{<br /> <br /> width:70px;<br /> <br /> height:70px;<br /> <br /> border-radius:50%;<br /> <br /> margin:auto;<br /> <br /> background:#111;<br /> <br /> color:white;<br /> <br /> display:flex;<br /> <br /> align-items:center;<br /> <br /> justify-content:center;<br /> <br /> font-size:28px;<br /> <br /> border:3px solid white;<br /> <br /> outline:2px solid #ff9aaa;<br /> <br /> }<br /> <br /> <br /> <br /> .service h3{<br /> <br /> font-size:13px;<br /> <br /> margin-top:15px;<br /> <br /> font-weight:normal;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> /* ===============================<br /> ABOUT<br /> ================================ */<br /> <br /> <br /> .about{<br /> <br /> <br /> color: #FFF8C9;<br /> <br /> text-align:center;<br /> <br /> padding:45px 0;<br /> <br /> }<br /> <br /> <br /> .my-div {<br /> position: relative;<br /> width: 100%;<br /> min-height: 220px;<br /> <br /> background:<br /> url(&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-13.png&quot;)<br /> center / cover<br /> no-repeat;<br /> }<br /> <br /> /* لایه خاکستری شفاف */<br /> .my-div::before {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> inset: 0;<br /> background: rgba(80, 80, 80, 0.5);<br /> }<br /> <br /> /* محتوای روی تصویر */<br /> .my-div &gt; * {<br /> position: relative;<br /> z-index: 1;<br /> }<br /> <br /> /* تبلت */<br /> @media (min-width: 768px) {<br /> .my-div {<br /> min-height: 300px;<br /> }<br /> }<br /> <br /> /* دسکتاپ */<br /> @media (min-width: 1024px) {<br /> .my-div {<br /> min-height: 400px;<br /> }<br /> }<br /> <br /> <br /> <br /> .about p{<br /> <br /> font-size:13px;<br /> <br /> line-height:2.3;<br /> <br /> margin-bottom:15px;<br /> <br /> }<br /> <br /> <br /> .about .main-btn{<br /> <br /> margin-top:15px;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> /* ===============================<br /> TABLET<br /> ================================ */<br /> <br /> <br /> @media(min-width:768px){<br /> <br /> <br /> .services-grid{<br /> <br /> grid-template-columns:repeat(4,1fr);<br /> <br /> }<br /> <br /> <br /> <br /> .hero h1{<br /> <br /> font-size:55px;<br /> <br /> }<br /> <br /> <br /> <br /> }<br /> <br /> <br /> <br /> &lt;/style&gt;<br /> <br /> <br /> &lt;/head&gt;<br /> <br /> <br /> <br /> &lt;body&gt;<br /> <br /> <br /> <br /> &lt;header &gt;<br /> <br /> <br /> &lt;div &gt;<br /> <br /> &lt;/html&gt;<br /> <br /> {{منوی اصلی/سهند نوین سازه}}<br /> {{هدر منحنی/سهند نوین سازه}}<br /> {{محصولات دایره ای/علیرضایی}}<br /> <br /> <br /> <br /> <br /> &lt;html&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/header&gt;<br /> &lt;section class=&quot;my-div about&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;h2&gt;<br /> <br /> درباره ما<br /> <br /> &lt;/h2&gt;<br /> <br /> <br /> <br /> &lt;p&gt;<br /> <br /> شرکت ما با تجربه در زمینه طراحی و ساخت دستگاه‌های صنعتی،<br /> ماشین‌آلات سفارشی و تجهیزات کارخانه،<br /> راهکارهای مهندسی اختصاصی برای صنایع مختلف ارائه می‌دهد.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;p&gt;<br /> <br /> از طراحی اولیه و نقشه‌کشی صنعتی تا ساخت،<br /> مونتاژ و راه‌اندازی دستگاه،<br /> تمام مراحل پروژه توسط تیم مهندسی انجام می‌شود.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> <br /> &lt;a href=&quot;#&quot; class=&quot;main-btn&quot;&gt;<br /> <br /> دریافت مشاوره<br /> <br /> &lt;/a&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/section&gt;<br /> <br /> &lt;!-- ==========================================<br /> PROJECTS<br /> ========================================== --&gt;<br /> <br /> &lt;section class=&quot;projects&quot;&gt;<br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;section-title&quot;&gt;<br /> <br /> &lt;h2&gt;<br /> جدیدترین پروژه‌های ما<br /> &lt;/h2&gt;<br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;project-grid&quot;&gt;<br /> <br /> <br /> <br /> &lt;article class=&quot;project-item&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-11.jpg&quot;<br /> alt=&quot;ساخت دستگاه صنعتی سفارشی&quot;&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> <br /> <br /> &lt;article class=&quot;project-item&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-12.jpg&quot;<br /> alt=&quot;طراحی ماشین آلات صنعتی&quot;&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> <br /> <br /> &lt;article class=&quot;project-item&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-07.jpg&quot;<br /> alt=&quot;ساخت تجهیزات خطوط تولید&quot;&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> <br /> <br /> &lt;article class=&quot;project-item&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-01.jpg&quot;<br /> alt=&quot;تولید دستگاه صنعتی کارخانه&quot;&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/section&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;!-- ==========================================<br /> STATISTICS<br /> ========================================== --&gt;<br /> <br /> <br /> &lt;section class=&quot;statistics&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;h2&gt;<br /> <br /> تجربه‌ای جدید از خدمات ساخت صنعتی!<br /> <br /> &lt;/h2&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;stat-grid&quot;&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;stat&quot;&gt;<br /> <br /> &lt;strong&gt;<br /> 10+<br /> &lt;/strong&gt;<br /> <br /> &lt;span&gt;<br /> سال تجربه صنعتی<br /> &lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;stat&quot;&gt;<br /> <br /> &lt;strong&gt;<br /> 110<br /> &lt;/strong&gt;<br /> <br /> &lt;span&gt;<br /> پروژه انجام شده<br /> &lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;stat&quot;&gt;<br /> <br /> &lt;strong&gt;<br /> 98%<br /> &lt;/strong&gt;<br /> <br /> &lt;span&gt;<br /> رضایت مشتریان<br /> &lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;stat&quot;&gt;<br /> <br /> &lt;strong&gt;<br /> 350+<br /> &lt;/strong&gt;<br /> <br /> &lt;span&gt;<br /> دستگاه ساخته شده<br /> &lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/section&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;!-- ==========================================<br /> ADVANTAGES<br /> ========================================== --&gt;<br /> <br /> <br /> &lt;section class=&quot;advantages&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;section-title&quot;&gt;<br /> <br /> &lt;h2&gt;<br /> <br /> خدمات تخصصی ما<br /> <br /> &lt;/h2&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;adv-grid&quot;&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;adv-box&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;adv-icon&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-compass-drafting&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;h3&gt;<br /> <br /> طراحی مهندسی<br /> <br /> &lt;/h3&gt;<br /> <br /> <br /> &lt;p&gt;<br /> <br /> طراحی سه بعدی و نقشه‌کشی صنعتی<br /> براساس نیاز خط تولید مشتری.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;adv-box&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;adv-icon&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-award&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;h3&gt;<br /> <br /> کنترل کیفیت نهایی<br /> <br /> &lt;/h3&gt;<br /> <br /> <br /> &lt;p&gt;<br /> <br /> بررسی عملکرد دستگاه قبل از تحویل<br /> برای تضمین کیفیت و دوام.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;adv-box&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;adv-icon&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-truck-fast&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;h3&gt;<br /> <br /> تحویل و نصب دستگاه<br /> <br /> &lt;/h3&gt;<br /> <br /> <br /> &lt;p&gt;<br /> <br /> ارسال، نصب و راه‌اندازی تجهیزات<br /> در محل کارخانه مشتری.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;adv-box&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;adv-icon&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-clock&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;h3&gt;<br /> <br /> زمان‌بندی دقیق<br /> <br /> &lt;/h3&gt;<br /> <br /> <br /> &lt;p&gt;<br /> <br /> اجرای پروژه طبق برنامه مشخص<br /> و کاهش زمان توقف تولید.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/section&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;!-- ==========================================<br /> ARTICLES<br /> ========================================== --&gt;<br /> <br /> <br /> &lt;section class=&quot;articles&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;section-title&quot;&gt;<br /> <br /> <br /> &lt;h2&gt;<br /> <br /> جدیدترین مطالب صنعتی<br /> <br /> &lt;/h2&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;article-grid&quot;&gt;<br /> <br /> <br /> <br /> <br /> <br /> &lt;article class=&quot;article-card&quot;&gt;<br /> <br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-23.jpg&quot;<br /> alt=&quot;راهنمای خرید دستگاه صنعتی&quot;&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;article-overlay&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> <br /> راهنمای انتخاب دستگاه صنعتی مناسب خط تولید<br /> <br /> &lt;/h3&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/article&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;article class=&quot;article-card&quot;&gt;<br /> <br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-24.jpg&quot;<br /> alt=&quot;مهندسی معکوس دستگاه صنعتی&quot;&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;article-overlay&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> <br /> مهندسی معکوس و ساخت دستگاه صنعتی سفارشی<br /> <br /> &lt;/h3&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/article&gt;<br /> <br /> &lt;article class=&quot;article-card&quot;&gt;<br /> <br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-03.jpeg&quot;<br /> alt=&quot;مراحل ساخت ماشین آلات صنعتی&quot;&gt;<br /> <br /> &lt;div class=&quot;article-overlay&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> <br /> مراحل طراحی و ساخت ماشین آلات صنعتی<br /> <br /> &lt;/h3&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/article&gt;<br /> <br /> &lt;article class=&quot;article-card&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-16.jpg&quot;<br /> alt=&quot;قیمت ساخت دستگاه صنعتی&quot;&gt;<br /> <br /> &lt;div class=&quot;article-overlay&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> <br /> عوامل موثر بر قیمت ساخت دستگاه صنعتی<br /> <br /> &lt;/h3&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/article&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/section&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;style&gt;<br /> <br /> <br /> /* ======================================<br /> PROJECTS STYLE<br /> ====================================== */<br /> <br /> <br /> .projects{<br /> <br /> padding:45px 0;<br /> <br /> }<br /> <br /> <br /> .section-title{<br /> <br /> text-align:center;<br /> <br /> margin-bottom:30px;<br /> <br /> }<br /> <br /> <br /> .section-title h2{<br /> <br /> font-size:24px;<br /> <br /> font-weight:bold;<br /> <br /> }<br /> <br /> <br /> <br /> .dots{<br /> <br /> display:flex;<br /> <br /> justify-content:center;<br /> <br /> gap:5px;<br /> <br /> margin-top:10px;<br /> <br /> }<br /> <br /> <br /> .dots span{<br /> <br /> width:8px;<br /> <br /> height:8px;<br /> <br /> background:#f52d48;<br /> <br /> border-radius:50%;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> .project-grid{<br /> <br /> display:grid;<br /> <br /> grid-template-columns:repeat(2,1fr);<br /> <br /> gap:20px;<br /> <br /> }<br /> <br /> <br /> <br /> .project-item{<br /> <br /> overflow:hidden;<br /> <br /> height:170px;<br /> <br /> }<br /> <br /> <br /> <br /> .project-item img{<br /> <br /> width:100%;<br /> <br /> height:100%;<br /> <br /> object-fit:cover;<br /> <br /> transition:.3s;<br /> <br /> }<br /> <br /> <br /> <br /> .project-item:hover img{<br /> <br /> transform:scale(1.08);<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> STATISTICS<br /> ====================================== */<br /> <br /> <br /> .statistics{<br /> <br /> <br /> padding:55px 0 70px;<br /> <br /> <br /> color:#fff;<br /> <br /> <br /> text-align:center;<br /> <br /> <br /> background:<br /> <br /> linear-gradient(<br /> rgba(0,0,0,.7),<br /> rgba(0,0,0,.7)<br /> ),<br /> <br /> url(&quot;images/stat-bg.jpg&quot;);<br /> <br /> background-size:cover;<br /> <br /> background-position:center;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> .statistics h2{<br /> <br /> font-size:22px;<br /> <br /> margin-bottom:35px;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> .stat-grid{<br /> <br /> <br /> display:grid;<br /> <br /> grid-template-columns:repeat(2,1fr);<br /> <br /> gap:30px 10px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .stat strong{<br /> <br /> <br /> display:block;<br /> <br /> font-size:38px;<br /> <br /> color:#f52d48;<br /> <br /> line-height:1;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .stat span{<br /> <br /> font-size:12px;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> ADVANTAGES<br /> ====================================== */<br /> <br /> <br /> <br /> .advantages{<br /> <br /> padding:45px 0;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> .adv-grid{<br /> <br /> <br /> display:grid;<br /> <br /> grid-template-columns:1fr;<br /> <br /> gap:20px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .adv-box{<br /> <br /> <br /> background:#f5f5f5;<br /> <br /> padding:25px 15px;<br /> <br /> text-align:center;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .adv-icon{<br /> <br /> <br /> width:60px;<br /> <br /> height:60px;<br /> <br /> background:#151515;<br /> <br /> color:#fff;<br /> <br /> display:flex;<br /> <br /> align-items:center;<br /> <br /> justify-content:center;<br /> <br /> border-radius:50%;<br /> <br /> margin:auto;<br /> <br /> <br /> font-size:22px;<br /> <br /> <br /> border:3px solid white;<br /> <br /> outline:2px solid #f59aaa;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .adv-box h3{<br /> <br /> font-size:15px;<br /> <br /> margin:12px 0;<br /> <br /> }<br /> <br /> <br /> <br /> .adv-box p{<br /> <br /> font-size:12px;<br /> <br /> line-height:2;<br /> <br /> color:#777;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> ARTICLES<br /> ====================================== */<br /> <br /> <br /> .articles{<br /> <br /> padding:30px 0 60px;<br /> <br /> }<br /> <br /> <br /> <br /> .article-grid{<br /> <br /> <br /> display:grid;<br /> <br /> grid-template-columns:1fr;<br /> <br /> gap:20px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .article-card{<br /> <br /> <br /> height:230px;<br /> <br /> position:relative;<br /> <br /> overflow:hidden;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .article-card img{<br /> <br /> <br /> width:100%;<br /> <br /> height:100%;<br /> <br /> object-fit:cover;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .article-overlay{<br /> <br /> <br /> position:absolute;<br /> <br /> right:0;<br /> <br /> bottom:0;<br /> <br /> left:0;<br /> <br /> padding:15px;<br /> <br /> background:<br /> <br /> linear-gradient(<br /> transparent,<br /> rgba(0,0,0,.85)<br /> );<br /> <br /> height:100%;<br /> <br /> display:flex;<br /> <br /> align-items:flex-end;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .article-overlay h3{<br /> <br /> <br /> color:white;<br /> <br /> font-size:14px;<br /> <br /> line-height:2;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> TABLET<br /> ====================================== */<br /> <br /> <br /> @media(min-width:768px){<br /> <br /> <br /> <br /> .project-grid{<br /> <br /> grid-template-columns:repeat(4,1fr);<br /> <br /> }<br /> <br /> <br /> <br /> .project-item{<br /> <br /> height:120px;<br /> <br /> }<br /> <br /> <br /> <br /> .stat-grid{<br /> <br /> grid-template-columns:repeat(4,1fr);<br /> <br /> }<br /> <br /> <br /> <br /> .adv-grid{<br /> <br /> grid-template-columns:repeat(4,1fr);<br /> <br /> }<br /> <br /> <br /> <br /> .article-grid{<br /> <br /> grid-template-columns:repeat(4,1fr);<br /> <br /> }<br /> <br /> <br /> <br /> .article-card{<br /> <br /> height:200px;<br /> <br /> }<br /> <br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;/style&gt;<br /> <br /> &lt;!-- ==========================================<br /> CLIENT LOGOS<br /> ========================================== --&gt;<br /> <br /> <br /> &lt;section class=&quot;clients&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;section-title&quot;&gt;<br /> <br /> <br /> &lt;h2&gt;<br /> <br /> برخی از ماشین آلات ما<br /> <br /> &lt;/h2&gt;<br /> <br /> <br /> &lt;p&gt;<br /> <br /> همکاری با مجموعه‌های صنعتی معتبر<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;client-grid&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;client-logo&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-08.jpg&quot;<br /> alt=&quot;لوگوی مشتری صنعتی&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;client-logo&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-10.png&quot;<br /> alt=&quot;لوگوی کارخانه&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;client-logo&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-13.png&quot;<br /> alt=&quot;لوگوی شرکت تولیدی&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;client-logo&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-14.jpg&quot;<br /> alt=&quot;لوگوی مجموعه صنعتی&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;client-logo&quot;&gt;<br /> <br /> &lt;img src=&quot;https://dl.faraghaib.ir/m/260023-01/260023-01-25.jpg&quot;<br /> alt=&quot;لوگوی مشتری&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/section&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;!-- ==========================================<br /> CTA<br /> ========================================== --&gt;<br /> <br /> <br /> &lt;section class=&quot;cta&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;h2&gt;<br /> <br /> دستگاه صنعتی مورد نیاز خود را سفارش دهید<br /> <br /> &lt;/h2&gt;<br /> <br /> <br /> <br /> &lt;p&gt;<br /> <br /> طراحی و ساخت دستگاه‌های صنعتی سفارشی<br /> براساس نیاز کارخانه و خط تولید شما.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> <br /> <br /> &lt;a href=&quot;#&quot; class=&quot;main-btn red&quot;&gt;<br /> <br /> دریافت مشاوره رایگان<br /> <br /> &lt;/a&gt;<br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/section&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;!-- ==========================================<br /> FOOTER<br /> ========================================== --&gt;<br /> <br /> <br /> &lt;footer class=&quot;footer&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;container&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;footer-grid&quot;&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;footer-about&quot;&gt;<br /> <br /> <br /> &lt;h3&gt;<br /> <br /> درباره شرکت<br /> <br /> &lt;/h3&gt;<br /> <br /> <br /> &lt;p&gt;<br /> <br /> مجموعه ما با تخصص در طراحی و ساخت دستگاه صنعتی،<br /> تولید ماشین‌آلات سفارشی و اجرای پروژه‌های صنعتی،<br /> راهکارهای مهندسی برای صنایع مختلف ارائه می‌دهد.<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;social&quot;&gt;<br /> <br /> <br /> &lt;a href=&quot;#&quot;&gt;<br /> &lt;i class=&quot;fa-brands fa-instagram&quot;&gt;&lt;/i&gt;<br /> &lt;/a&gt;<br /> <br /> <br /> &lt;a href=&quot;#&quot;&gt;<br /> &lt;i class=&quot;fa-brands fa-whatsapp&quot;&gt;&lt;/i&gt;<br /> &lt;/a&gt;<br /> <br /> <br /> &lt;a href=&quot;#&quot;&gt;<br /> &lt;i class=&quot;fa-brands fa-telegram&quot;&gt;&lt;/i&gt;<br /> &lt;/a&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;footer-links&quot;&gt;<br /> <br /> <br /> &lt;h3&gt;<br /> <br /> خدمات ما<br /> <br /> &lt;/h3&gt;<br /> <br /> <br /> &lt;ul&gt;<br /> <br /> <br /> &lt;li&gt;<br /> &lt;a href=&quot;#&quot;&gt;<br /> ساخت دستگاه صنعتی<br /> &lt;/a&gt;<br /> &lt;/li&gt;<br /> <br /> <br /> &lt;li&gt;<br /> &lt;a href=&quot;#&quot;&gt;<br /> طراحی ماشین آلات صنعتی<br /> &lt;/a&gt;<br /> &lt;/li&gt;<br /> <br /> <br /> &lt;li&gt;<br /> &lt;a href=&quot;#&quot;&gt;<br /> تجهیزات خطوط تولید<br /> &lt;/a&gt;<br /> &lt;/li&gt;<br /> <br /> <br /> &lt;li&gt;<br /> &lt;a href=&quot;#&quot;&gt;<br /> اتوماسیون صنعتی<br /> &lt;/a&gt;<br /> &lt;/li&gt;<br /> <br /> <br /> &lt;li&gt;<br /> &lt;a href=&quot;#&quot;&gt;<br /> مهندسی معکوس<br /> &lt;/a&gt;<br /> &lt;/li&gt;<br /> <br /> <br /> &lt;/ul&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;footer-contact&quot;&gt;<br /> <br /> <br /> &lt;h3&gt;<br /> <br /> تماس با ما<br /> <br /> &lt;/h3&gt;<br /> <br /> <br /> &lt;p&gt;<br /> &lt;i class=&quot;fa-solid fa-location-dot&quot;&gt;&lt;/i&gt;<br /> <br /> تهران، شهرک صنعتی<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;p&gt;<br /> &lt;i class=&quot;fa-solid fa-phone&quot;&gt;&lt;/i&gt;<br /> <br /> 021-12345678<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;p&gt;<br /> &lt;i class=&quot;fa-solid fa-mobile&quot;&gt;&lt;/i&gt;<br /> <br /> 09121234567<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> &lt;p&gt;<br /> &lt;i class=&quot;fa-solid fa-envelope&quot;&gt;&lt;/i&gt;<br /> <br /> info@example.com<br /> <br /> &lt;/p&gt;<br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;div class=&quot;copyright&quot;&gt;<br /> <br /> <br /> تمامی حقوق این سایت متعلق به شرکت طراحی و ساخت دستگاه‌های صنعتی است.<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/footer&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;!-- ==========================================<br /> BACK TO TOP<br /> ========================================== --&gt;<br /> <br /> <br /> &lt;button class=&quot;top-btn&quot;<br /> onclick=&quot;window.scrollTo({top:0,behavior:&#039;smooth&#039;})&quot;&gt;<br /> <br /> <br /> &lt;i class=&quot;fa-solid fa-angle-up&quot;&gt;&lt;/i&gt;<br /> <br /> <br /> &lt;/button&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;style&gt;<br /> <br /> <br /> /* ======================================<br /> CLIENTS<br /> ====================================== */<br /> <br /> <br /> .clients{<br /> <br /> <br /> padding:45px 0;<br /> <br /> background:#fff;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .client-grid{<br /> <br /> <br /> display:grid;<br /> <br /> grid-template-columns:repeat(2,1fr);<br /> <br /> gap:20px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .client-logo{<br /> <br /> <br /> height:90px;<br /> <br /> display:flex;<br /> <br /> align-items:center;<br /> <br /> justify-content:center;<br /> <br /> background:#fafafa;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .client-logo img{<br /> <br /> <br /> max-width:130px;<br /> <br /> max-height:60px;<br /> <br /> filter:grayscale(100%);<br /> <br /> opacity:.7;<br /> <br /> transition:.3s;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .client-logo:hover img{<br /> <br /> filter:none;<br /> <br /> opacity:1;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> CTA<br /> ====================================== */<br /> <br /> <br /> .cta{<br /> <br /> <br /> padding:45px 0;<br /> <br /> text-align:center;<br /> <br /> background:#f6f6f6;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .cta h2{<br /> <br /> <br /> font-size:24px;<br /> <br /> margin-bottom:15px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .cta p{<br /> <br /> <br /> font-size:13px;<br /> <br /> color:#777;<br /> <br /> margin-bottom:25px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .main-btn.red{<br /> <br /> <br /> background:#f52d48;<br /> <br /> color:white;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> FOOTER<br /> ====================================== */<br /> <br /> <br /> <br /> .footer{<br /> <br /> <br /> background:<br /> <br /> linear-gradient(<br /> rgba(20,20,20,.96),<br /> rgba(20,20,20,.96)<br /> ),<br /> <br /> url(&quot;images/footer-bg.jpg&quot;);<br /> <br /> <br /> background-size:cover;<br /> <br /> color:white;<br /> <br /> padding:55px 0 20px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .footer-grid{<br /> <br /> <br /> display:grid;<br /> <br /> grid-template-columns:1fr;<br /> <br /> gap:35px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .footer h3{<br /> <br /> <br /> font-size:17px;<br /> <br /> margin-bottom:18px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .footer p,<br /> .footer li,<br /> .footer a{<br /> <br /> <br /> font-size:12px;<br /> <br /> color:#bbb;<br /> <br /> line-height:2.2;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .footer ul{<br /> <br /> <br /> list-style:none;<br /> <br /> padding:0;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .footer li{<br /> <br /> <br /> margin-bottom:5px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .footer a:hover{<br /> <br /> color:#f52d48;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> .social{<br /> <br /> <br /> display:flex;<br /> <br /> gap:10px;<br /> <br /> margin-top:20px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> .social a{<br /> <br /> <br /> width:38px;<br /> <br /> height:38px;<br /> <br /> display:flex;<br /> <br /> align-items:center;<br /> <br /> justify-content:center;<br /> <br /> background:#292929;<br /> <br /> border-radius:50%;<br /> <br /> font-size:18px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .copyright{<br /> <br /> <br /> margin-top:35px;<br /> <br /> padding-top:20px;<br /> <br /> border-top:1px solid #333;<br /> <br /> text-align:center;<br /> <br /> font-size:11px;<br /> <br /> color:#888;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> TOP BUTTON<br /> ====================================== */<br /> <br /> <br /> .top-btn{<br /> <br /> <br /> position:fixed;<br /> <br /> bottom:20px;<br /> <br /> left:20px;<br /> <br /> width:40px;<br /> <br /> height:40px;<br /> <br /> border:none;<br /> <br /> border-radius:5px;<br /> <br /> background:#f52d48;<br /> <br /> color:white;<br /> <br /> cursor:pointer;<br /> <br /> z-index:100;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> MOBILE MENU<br /> ====================================== */<br /> <br /> <br /> <br /> @media(max-width:767px){<br /> <br /> <br /> .nav{<br /> <br /> <br /> position:absolute;<br /> <br /> top:70px;<br /> <br /> right:4%;<br /> <br /> left:4%;<br /> <br /> background:#111;<br /> <br /> padding:15px;<br /> <br /> border-radius:5px;<br /> <br /> flex-direction:column;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .nav.show{<br /> <br /> display:flex;<br /> <br /> <br /> }<br /> <br /> <br /> .nav a{<br /> <br /> border-bottom:1px solid #333;<br /> <br /> padding:12px;<br /> <br /> }<br /> <br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> /* ======================================<br /> DESKTOP<br /> ====================================== */<br /> <br /> <br /> @media(min-width:768px){<br /> <br /> <br /> <br /> .menu-btn{<br /> <br /> display:none;<br /> <br /> }<br /> <br /> <br /> <br /> .nav{<br /> <br /> <br /> display:flex;<br /> <br /> align-items:center;<br /> <br /> gap:18px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .header-contact{<br /> <br /> display:block;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .client-grid{<br /> <br /> <br /> grid-template-columns:repeat(5,1fr);<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .footer-grid{<br /> <br /> <br /> grid-template-columns:2fr 1fr 1fr;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> .footer-about p{<br /> <br /> <br /> max-width:350px;<br /> <br /> <br /> }<br /> <br /> <br /> <br /> }<br /> <br /> <br /> <br /> <br /> &lt;/style&gt;<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> &lt;script&gt;<br /> <br /> <br /> const menuButton =<br /> document.querySelector(&quot;.menu-btn&quot;);<br /> <br /> <br /> const nav =<br /> document.querySelector(&quot;.nav&quot;);<br /> <br /> <br /> <br /> menuButton.addEventListener(&quot;click&quot;,()=&gt;{<br /> <br /> <br /> nav.classList.toggle(&quot;show&quot;);<br /> <br /> <br /> });<br /> <br /> <br /> <br /> &lt;/script&gt;<br /> &lt;/HTML&gt;</div>

Javid