الگو:هدر منحنی/سهند نوین سازه - تاریخچهٔ نسخه‌ها

https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%D9%87%D8%AF%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C%2F%D8%B3%D9%87%D9%86%D8%AF_%D9%86%D9%88%DB%8C%D9%86_%D8%B3%D8%A7%D8%B2%D9%87 الگو:هدر منحنی/سهند نوین سازه - تاریخچهٔ نسخه‌ها 2026-08-27T14:04:03Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%87%D8%AF%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C/%D8%B3%D9%87%D9%86%D8%AF_%D9%86%D9%88%DB%8C%D9%86_%D8%B3%D8%A7%D8%B2%D9%87&diff=7100&oldid=prev Javid در ‏۲۷ اوت ۲۰۲۶، ساعت ۰۸:۰۷ 2026-08-27T08:07:19Z

<p></p> <a href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%87%D8%AF%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C/%D8%B3%D9%87%D9%86%D8%AF_%D9%86%D9%88%DB%8C%D9%86_%D8%B3%D8%A7%D8%B2%D9%87&diff=7100&oldid=7098">نمایش تغییرات</a>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%87%D8%AF%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C/%D8%B3%D9%87%D9%86%D8%AF_%D9%86%D9%88%DB%8C%D9%86_%D8%B3%D8%A7%D8%B2%D9%87&diff=7098&oldid=prev Javid: صفحه‌ای تازه حاوی «<html lang="fa" dir="rtl">  <section class="industrial-hero" aria-labelledby="industrial-hero-title"> <!-- =======================================...» ایجاد کرد 2026-08-27T08:05:57Z

<p>صفحه‌ای تازه حاوی «<html lang="fa" dir="rtl">  <section class="industrial-hero" aria-labelledby="industrial-hero-title"> <br /> <br /> <section class="industrial-hero"<br /> aria-labelledby="industrial-hero-title"><br /> <br /> <br /> <br /> <img<br /> class="industrial-hero__image"<br /> src="https://dl.faraghaib.ir/m/260010-01/baner-01-01"<br /> alt="تراشکاری CNC و خدمات تخصصی ماشین‌کاری صنعتی"<br /> loading="eager"<br /> fetchpriority="high"<br /> decoding="async"<br /> ><br /> <br /> <br /> <br /> <br /> <div<br /> class="industrial-hero__overlay"<br /> aria-hidden="true"><br /> </div><br /> <br /> <br /> <br /> <br /> <div class="industrial-hero__content"><br /> <br /> <p class="industrial-hero__eyebrow"><br /> تخصصی‌ترین خدمات تراشکاری CNC<br /> </p><br /> <br /> <h1<br /> id="industrial-hero-title"<br /> class="industrial-hero__title"><br /> <br /> مدیریت آقای پور ابراهیمی<br /> <br /> </h1><br /> <br /> <a<br /> href="#contact"<br /> class="industrial-hero__button"<br /> aria-label="ثبت سفارش و دریافت مشاوره درباره تراشکاری CNC"><br /> <br /> ثبت سفارش فوری<br /> <br /> </a><br /> <br /> </div><br /> <br /> <br /> <br /> <br /> <div<br /> class="industrial-hero__wave"<br /> aria-hidden="true"><br /> <br /> <svg<br /> viewBox="0 0 1440 130"<br /> preserveAspectRatio="none"<br /> xmlns="http://www.w3.org/2000/svg"><br /> <br /> <path<br /> d="<br /> M0 58<br /> C130 92 245 112 380 108<br /> C530 104 650 67 780 35<br /> C920 1 1035 2 1155 20<br /> C1270 37 1360 55 1440 60<br /> L1440 130<br /> L0 130<br /> Z<br /> "<br /> fill="#ffffff"><br /> </path><br /> <br /> </svg><br /> <br /> </div><br /> <br /> </section><br /> <br /> <br /> <style><br /> <br /> /* =========================================================<br /> RESET<br /> ========================================================= */<br /> <br /> .industrial-hero,<br /> .industrial-hero *,<br /> .industrial-hero *::before,<br /> .industrial-hero *::after {<br /> <br /> box-sizing: border-box;<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> HERO<br /> ارتفاع توسط خود تصویر تعیین می‌شود<br /> ========================================================= */<br /> <br /> .industrial-hero {<br /> <br /> position: relative;<br /> <br /> width: 100%;<br /> <br /> /*<br /> بسیار مهم:<br /> دیگر min-height ثابت نداریم.<br /> ارتفاع Hero بر اساس تصویر تعیین می‌شود.<br /> */<br /> <br /> overflow: hidden;<br /> <br /> isolation: isolate;<br /> <br /> background: #111;<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> IMAGE<br /> تصویر تعیین‌کننده ارتفاع کانتینر است<br /> ========================================================= */<br /> <br /> .industrial-hero__image {<br /> <br /> /*<br /> تصویر در جریان عادی صفحه قرار دارد<br /> و بنابراین ارتفاع Hero را خودش تعیین می‌کند.<br /> */<br /> <br /> position: relative;<br /> <br /> z-index: 0;<br /> <br /> display: block;<br /> <br /> width: 100%;<br /> <br /> /*<br /> ارتفاع کاملاً خودکار<br /> نسبت اصلی تصویر حفظ می‌شود.<br /> */<br /> <br /> height: auto;<br /> <br /> max-width: 100%;<br /> <br /> /*<br /> تصویر بریده نمی‌شود<br /> */<br /> <br /> object-fit: contain;<br /> <br /> /*<br /> تنظیم کیفیت و ظاهر<br /> */<br /> <br /> filter:<br /> brightness(0.88)<br /> contrast(1.05)<br /> saturate(0.95);<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> DARK OVERLAY<br /> ========================================================= */<br /> <br /> .industrial-hero__overlay {<br /> <br /> position: absolute;<br /> <br /> z-index: 1;<br /> <br /> inset: 0;<br /> <br /> pointer-events: none;<br /> <br /> background:<br /> <br /> linear-gradient(<br /> 180deg,<br /> rgba(0, 0, 0, 0.34) 0%,<br /> rgba(0, 0, 0, 0.25) 45%,<br /> rgba(0, 0, 0, 0.40) 100%<br /> );<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> CONTENT<br /> ========================================================= */<br /> <br /> .industrial-hero__content {<br /> <br /> position: absolute;<br /> <br /> z-index: 2;<br /> <br /> inset: 0;<br /> <br /> width: 100%;<br /> <br /> padding:<br /> <br /> 45px<br /> 20px<br /> 120px;<br /> <br /> display: flex;<br /> <br /> flex-direction: column;<br /> <br /> align-items: center;<br /> <br /> justify-content: center;<br /> <br /> text-align: center;<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> EYEBROW<br /> ========================================================= */<br /> <br /> .industrial-hero__eyebrow {<br /> <br /> margin:<br /> <br /> 0<br /> 0<br /> 18px;<br /> <br /> color: #ffffff;<br /> <br /> font-size:<br /> <br /> clamp(<br /> 15px,<br /> 3.5vw,<br /> 21px<br /> );<br /> <br /> font-weight: 600;<br /> <br /> line-height: 1.8;<br /> <br /> text-shadow:<br /> <br /> 0<br /> 2px<br /> 8px<br /> rgba(0, 0, 0, 0.75);<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> H1<br /> ========================================================= */<br /> <br /> .industrial-hero__title {<br /> <br /> margin:<br /> <br /> 0<br /> 0<br /> 30px;<br /> <br /> color: #ffffff;<br /> <br /> font-size:<br /> <br /> clamp(<br /> 34px,<br /> 8vw,<br /> 78px<br /> );<br /> <br /> font-weight: 800;<br /> <br /> line-height: 1.2;<br /> <br /> letter-spacing: -1px;<br /> <br /> text-shadow:<br /> <br /> 0<br /> 3px<br /> 12px<br /> rgba(0, 0, 0, 0.80);<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> CTA BUTTON<br /> ========================================================= */<br /> <br /> .industrial-hero__button {<br /> <br /> display: inline-flex;<br /> <br /> align-items: center;<br /> <br /> justify-content: center;<br /> <br /> min-width: 145px;<br /> <br /> min-height: 50px;<br /> <br /> padding:<br /> <br /> 12px<br /> 25px;<br /> <br /> background: #FF8A00;<br /> <br /> color: #ffffff;<br /> <br /> text-decoration: none;<br /> <br /> font-size: 15px;<br /> <br /> font-weight: 700;<br /> <br /> line-height: 1.5;<br /> <br /> border-radius: 10px;<br /> <br /> box-shadow:<br /> <br /> 0<br /> 6px<br /> 20px<br /> rgba(0, 0, 0, 0.25);<br /> <br /> transition:<br /> <br /> transform 0.25s ease,<br /> box-shadow 0.25s ease,<br /> background-color 0.25s ease;<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> HOVER<br /> ========================================================= */<br /> <br /> @media (hover: hover) and (pointer: fine) {<br /> <br /> .industrial-hero__button:hover {<br /> <br /> transform: translateY(-3px);<br /> <br /> background: #f5b400;<br /> <br /> color: #ffffff;<br /> <br /> box-shadow:<br /> <br /> 0<br /> 10px<br /> 25px<br /> rgba(0, 0, 0, 0.30);<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> WAVE<br /> موج متناسب با اندازه تصویر<br /> ========================================================= */<br /> <br /> .industrial-hero__wave {<br /> <br /> position: absolute;<br /> <br /> z-index: 3;<br /> <br /> left: 0;<br /> <br /> right: 0;<br /> <br /> bottom: -1px;<br /> <br /> width: 100%;<br /> <br /> /*<br /> ارتفاع موج نسبت به عرض صفحه تنظیم می‌شود.<br /> بنابراین در اندازه‌های مختلف ظاهر طبیعی دارد.<br /> */<br /> <br /> height: clamp(<br /> 55px,<br /> 7vw,<br /> 135px<br /> );<br /> <br /> pointer-events: none;<br /> <br /> line-height: 0;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__wave svg {<br /> <br /> display: block;<br /> <br /> width: 100%;<br /> <br /> height: 100%;<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> MOBILE<br /> ========================================================= */<br /> <br /> @media (max-width: 599px) {<br /> <br /> .industrial-hero__content {<br /> <br /> /*<br /> چون تصویر در موبایل باریک‌تر می‌شود،<br /> فاصله‌های داخلی نیز کاهش پیدا می‌کنند.<br /> */<br /> <br /> padding:<br /> <br /> 30px<br /> 15px<br /> 75px;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__eyebrow {<br /> <br /> margin-bottom: 10px;<br /> <br /> font-size: 14px;<br /> <br /> line-height: 1.7;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__title {<br /> <br /> margin-bottom: 20px;<br /> <br /> font-size: clamp(<br /> 27px,<br /> 8vw,<br /> 42px<br /> );<br /> <br /> line-height: 1.25;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__button {<br /> <br /> min-width: 135px;<br /> <br /> min-height: 46px;<br /> <br /> padding:<br /> <br /> 10px<br /> 20px;<br /> <br /> font-size: 14px;<br /> <br /> border-radius: 9px;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__wave {<br /> <br /> height: 55px;<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> TABLET<br /> ========================================================= */<br /> <br /> @media (min-width: 600px) and (max-width: 991px) {<br /> <br /> .industrial-hero__content {<br /> <br /> padding:<br /> <br /> 50px<br /> 25px<br /> 100px;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__title {<br /> <br /> font-size:<br /> <br /> clamp(<br /> 45px,<br /> 8vw,<br /> 65px<br /> );<br /> <br /> }<br /> <br /> <br /> .industrial-hero__wave {<br /> <br /> height: 85px;<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> DESKTOP<br /> ========================================================= */<br /> <br /> @media (min-width: 992px) {<br /> <br /> .industrial-hero__image {<br /> <br /> filter:<br /> <br /> brightness(0.92)<br /> contrast(1.05)<br /> saturate(0.95);<br /> <br /> }<br /> <br /> <br /> .industrial-hero__overlay {<br /> <br /> background:<br /> <br /> linear-gradient(<br /> 180deg,<br /> rgba(0, 0, 0, 0.30) 0%,<br /> rgba(0, 0, 0, 0.22) 48%,<br /> rgba(0, 0, 0, 0.34) 100%<br /> );<br /> <br /> }<br /> <br /> <br /> .industrial-hero__content {<br /> <br /> padding:<br /> <br /> 65px<br /> 30px<br /> 130px;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__eyebrow {<br /> <br /> font-size: 20px;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__title {<br /> <br /> font-size:<br /> <br /> clamp(<br /> 58px,<br /> 6vw,<br /> 82px<br /> );<br /> <br /> }<br /> <br /> <br /> .industrial-hero__wave {<br /> <br /> height: 115px;<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> LARGE DESKTOP<br /> ========================================================= */<br /> <br /> @media (min-width: 1400px) {<br /> <br /> .industrial-hero__content {<br /> <br /> padding-bottom: 145px;<br /> <br /> }<br /> <br /> <br /> .industrial-hero__wave {<br /> <br /> height: 135px;<br /> <br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> ACCESSIBILITY<br /> ========================================================= */<br /> <br /> .industrial-hero__button:focus-visible {<br /> <br /> outline:<br /> <br /> 3px solid<br /> #f5b400;<br /> <br /> outline-offset: 4px;<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> REDUCED MOTION<br /> ========================================================= */<br /> <br /> @media (prefers-reduced-motion: reduce) {<br /> <br /> .industrial-hero__button {<br /> <br /> transition: none;<br /> <br /> }<br /> <br /> }<br /> <br /> </style><br /> <br /> </html></div>

Javid