|
|
| (۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۴۱۰: |
خط ۴۱۰: |
| .about{ | | .about{ |
|
| |
|
| background:#f52d48;
| | |
| | color: #FFF8C9; |
|
| |
|
| color:white;
| | text-align:center; |
|
| |
|
| text-align:center;
| | padding:45px 0; |
|
| |
|
| padding:45px 0;
| | } |
|
| |
|
| }
| |
|
| |
|
| | .my-div { |
| | position: relative; |
| | width: 100%; |
| | min-height: 220px; |
|
| |
|
| | background: |
| | url("https://dl.faraghaib.ir/m/260023-01/260023-01-13.png") |
| | center / cover |
| | no-repeat; |
| | } |
|
| |
|
| .about h2{ | | /* لایه خاکستری شفاف */ |
| | .my-div::before { |
| | content: ""; |
| | position: absolute; |
| | inset: 0; |
| | background: rgba(80, 80, 80, 0.5); |
| | } |
|
| |
|
| font-size:24px;
| | /* محتوای روی تصویر */ |
| | .my-div > * { |
| | position: relative; |
| | z-index: 1; |
| | } |
|
| |
|
| margin-bottom:20px;
| | /* تبلت */ |
| | @media (min-width: 768px) { |
| | .my-div { |
| | min-height: 300px; |
| | } |
| | } |
|
| |
|
| | /* دسکتاپ */ |
| | @media (min-width: 1024px) { |
| | .my-div { |
| | min-height: 400px; |
| | } |
| } | | } |
|
| |
|
| خط ۴۹۱: |
خط ۵۲۰: |
|
| |
|
|
| |
|
| <header class="header"> | | <header > |
|
| |
|
|
| |
|
| <div class="container header-box"> | | <div > |
|
| |
|
| | | </html> |
| <div class="logo"> | | <big>نمونه ای برای صفحات صنعتی(صفحه آقای علیزضایی فرق دارد این نیست)!!</big> |
| | | {{منوی اصلی/اقای علیرضایی}} |
| صنعت<span>ساز</span>
| | {{هدر منحنی/علیرضایی}} |
| | {{محصولات دایره ای/علیرضایی}} |
| | <html> |
|
| |
|
| </div> | | </div> |
|
| |
|
| |
|
| |
| <nav class="nav">
| |
|
| |
|
| |
| <a href="#">
| |
| خانه
| |
| </a>
| |
|
| |
|
| |
| <a href="#">
| |
| خدمات مهندسی
| |
| </a>
| |
|
| |
|
| |
| <a href="#">
| |
| پروژه ها
| |
| </a>
| |
|
| |
|
| |
| <a href="#">
| |
| مقالات صنعتی
| |
| </a>
| |
|
| |
|
| |
| <a href="#">
| |
| تماس با ما
| |
| </a>
| |
|
| |
|
| |
| </nav>
| |
|
| |
|
| |
|
| |
| <a class="header-contact"
| |
| href="#">
| |
| ثبت سفارش
| |
| </a>
| |
|
| |
|
| |
|
| |
| <button class="menu-btn">
| |
|
| |
| <i class="fa-solid fa-bars"></i>
| |
|
| |
| </button>
| |
|
| |
|
| |
|
| |
| </div>
| |
|
| |
|
| |
|
| </header> | | </header> |
| خط ۵۶۱: |
خط ۵۴۰: |
|
| |
|
|
| |
|
| <section class="hero">
| |
|
| |
|
| |
| <div class="hero-content">
| |
|
| |
|
| |
| <div class="hero-small">
| |
|
| |
| تخصصیترین مجموعه طراحی و ساخت تجهیزات صنعتی
| |
|
| |
| </div>
| |
|
| |
|
| |
|
| |
| <h1>
| |
|
| |
| ساخت دستگاه صنعتی سفارشی
| |
|
| |
| </h1>
| |
|
| |
|
| |
|
| |
| <p>
| |
|
| |
| طراحی و تولید ماشینآلات صنعتی،
| |
| تجهیزات خطوط تولید،
| |
| دستگاههای سفارشی و سیستمهای اتوماسیون صنعتی
| |
| با استانداردهای مهندسی روز.
| |
|
| |
| </p>
| |
|
| |
|
| |
|
| |
| <a href="#" class="main-btn">
| |
|
| |
| مشاوره رایگان
| |
|
| |
| </a>
| |
|
| |
|
| |
|
| |
| </div>
| |
|
| |
|
| |
| </section>
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| <section class="services">
| |
|
| |
|
| |
| <div class="container">
| |
|
| |
|
| |
| <div class="services-grid">
| |
|
| |
|
|
| |
|
|
| |
|
| <div class="service">
| |
|
| |
|
|
| |
|
| <div class="service-icon">
| |
|
| |
|
| <i class="fa-solid fa-gears"></i>
| |
|
| |
|
| </div>
| |
|
| |
|
| | | <section class="my-div about"> |
| <h3> | |
| | |
| ساخت دستگاه صنعتی
| |
| | |
| </h3>
| |
| | |
| | |
| </div>
| |
| | |
| | |
| | |
| | |
| | |
| <div class="service">
| |
| | |
| | |
| <div class="service-icon">
| |
| | |
| <i class="fa-solid fa-industry"></i>
| |
| | |
| </div>
| |
| | |
| | |
| <h3>
| |
| | |
| ماشین آلات صنعتی
| |
| | |
| </h3>
| |
| | |
| | |
| </div>
| |
| | |
| | |
| | |
| | |
| | |
| <div class="service">
| |
| | |
| | |
| <div class="service-icon">
| |
| | |
| <i class="fa-solid fa-boxes-stacked"></i>
| |
| | |
| </div>
| |
| | |
| | |
| <h3>
| |
| | |
| تجهیزات خطوط تولید
| |
| | |
| </h3>
| |
| | |
| | |
| </div>
| |
| | |
| | |
| | |
| | |
| | |
| <div class="service">
| |
| | |
| | |
| <div class="service-icon">
| |
| | |
| <i class="fa-solid fa-robot"></i>
| |
| | |
| </div>
| |
| | |
| | |
| <h3>
| |
| | |
| اتوماسیون صنعتی
| |
| | |
| </h3>
| |
| | |
| | |
| </div>
| |
| | |
| | |
| | |
| | |
| </div>
| |
| | |
| | |
| </div>
| |
| | |
| | |
| </section>
| |
| | |
| | |
| | |
| | |
| | |
| | |
| <section class="about">
| |
|
| |
|
|
| |
|
| خط ۷۸۵: |
خط ۶۰۸: |
| </h2> | | </h2> |
|
| |
|
| <div class="dots">
| |
|
| |
|
| <span></span>
| |
| <span></span>
| |
| <span></span>
| |
| <span></span>
| |
|
| |
| </div>
| |
|
| |
|
| </div> | | </div> |