|
|
| خط ۱: |
خط ۱: |
| | | /* کد کادر متنی دماوند پلیمر */ |
| <html lang="fa" dir="rtl"> | | <html lang="fa" dir="rtl"> |
| <head> | | <head> |
| <meta charset="UTF-8" /> | | <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <meta name="description" content="خرید مستقیم از دماوند پلیمر، تولید کننده انواع مخازن پلی اتیلن، مخزن آب و منبع آب سه لایه ضد جلبک. قیمت کارخانه، کیفیت تضمینی، ارسال سریع، مشاوره تخصصی و فروش انواع مخازن افقی، عمودی و صنعتی."> |
|
| |
|
| <!-- اطلاعات سئو --> | | <style> |
| <title>مراحل تولید مخازن پلی اتیلن | تولید مخزن آب استاندارد</title>
| | * { |
| | box-sizing: border-box; |
| | } |
|
| |
|
| <meta
| | body { |
| name="description"
| | margin: 0; |
| content="آشنایی با مراحل تولید مخازن پلی اتیلن شامل انتخاب مواد اولیه، قالبگیری دورانی، کنترل کیفیت و آمادهسازی برای ارسال." | | padding: 0; |
| />
| | background-color: #ffffff; |
| | font-family: Tahoma, Arial, sans-serif; |
| | } |
|
| |
|
| <meta
| | .text-wrap { |
| name="keywords"
| | width: 600px; |
| content="تولید مخازن پلی اتیلن, مخزن آب پلی اتیلن, مراحل ساخت مخزن آب, قالب گیری دورانی مخزن, مخزن پلاستیکی" | | max-width: 100%; |
| />
| | margin: 12px auto; |
| | padding: 16px; |
| | direction: rtl; |
| | text-align: right; |
| | background-color: #ffffff; |
| | border: 1px solid #0d6efd; |
| | border-radius: 12px; |
| | } |
|
| |
|
| <meta name="robots" content="index, follow" />
| | .text-box { |
| <meta name="author" content="نام برند شما" />
| | padding: 0; |
| <meta name="theme-color" content="#183c87" />
| | } |
|
| |
|
| <!-- فونت فارسی -->
| | .text-box section { |
| <link rel="preconnect" href="https://fonts.googleapis.com" />
| | font-size: 1rem; |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
| | line-height: 1.9; |
| <link
| | color: #2d3748; |
| href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap"
| | } |
| rel="stylesheet" | |
| />
| |
|
| |
|
| <link rel="stylesheet" href="style.css" />
| | .text-box h2 { |
| </head>
| | font-size: 1.25rem; |
| | margin: 0 0 12px; |
| | color: #0d6efd; |
| | line-height: 1.7; |
| | } |
|
| |
|
| <body>
| | .text-box p { |
| <main class="production-card" aria-labelledby="page-title">
| | margin: 0 0 12px; |
| | } |
|
| |
|
| <!-- عنوان اصلی --> | | .text-box ul { |
| <header class="card-header">
| | margin: 0; |
| <h1 id="page-title">مراحل تولید مخازن پلی اتیلن</h1> | | padding-right: 20px; |
| <p>
| | } |
| تولید مخازن مقاوم، بهداشتی و استاندارد با استفاده از مواد اولیه
| |
| پلیاتیلن مرغوب
| |
| </p>
| |
| </header> | |
|
| |
|
| <!-- لیست مراحل تولید --> | | .text-box li { |
| <section class="steps-section" aria-label="مراحل تولید مخازن پلی اتیلن"> | | margin-bottom: 6px; |
| | } |
|
| |
|
| <ol class="steps-list"> | | @media (max-width: 768px) { |
| <li class="step-item"> | | .text-wrap { |
| <span class="step-number">۱</span>
| | width: 100%; |
| <span class="step-text">انتخاب مواد اولیه پلیاتیلن استاندارد و بهداشتی</span>
| | margin: 10px auto; |
| </li>
| | padding: 14px; |
| | border-radius: 10px; |
| | } |
|
| |
|
| <li class="step-item">
| | .text-box section { |
| <span class="step-number">۲</span>
| | font-size: 0.97rem; |
| <span class="step-text">ترکیب مواد اولیه با رنگ و افزودنیهای مقاومکننده</span>
| | line-height: 1.95; |
| </li>
| | } |
|
| |
|
| <li class="step-item">
| | .text-box h2 { |
| <span class="step-number">۳</span>
| | font-size: 1.1rem; |
| <span class="step-text">ریختن مواد در قالب مخصوص مخزن</span>
| | margin-bottom: 10px; |
| </li>
| | } |
|
| |
|
| <li class="step-item">
| | .text-box ul { |
| <span class="step-number">۴</span>
| | padding-right: 18px; |
| <span class="step-text">قالبگیری دورانی و حرارتدهی یکنواخت</span>
| | } |
| </li>
| | } |
|
| |
|
| <li class="step-item">
| | @media (max-width: 480px) { |
| <span class="step-number">۵</span>
| | .text-wrap { |
| <span class="step-text">خنکسازی، خروج مخزن از قالب و پرداخت نهایی</span>
| | padding: 12px; |
| </li> | | margin: 8px auto; |
| | } |
|
| |
|
| <li class="step-item">
| | .text-box section { |
| <span class="step-number">۶</span>
| | font-size: 0.95rem; |
| <span class="step-text">کنترل کیفیت، تست نشتی و آمادهسازی برای ارسال</span>
| | } |
| </li>
| |
| </ol> | |
|
| |
|
| </section> | | .text-box h2 { |
| | font-size: 1.05rem; |
| | } |
| | } |
|
| |
|
| <!-- تصویر مرکزی قابل تغییر --> | | .services-list li i { |
| <section class="visual-section" aria-label="تصویر تولید مخزن پلی اتیلن"> | | color: #0d6efd !important; |
| <img
| | } |
| class="main-image"
| | </style> |
| src="assets/tank-production.webp"
| | </head> |
| alt="تصویر مراحل تولید مخزن پلی اتیلن"
| |
| width="500"
| |
| height="350"
| |
| loading="lazy"
| |
| />
| |
| </section>
| |
|
| |
|
| <!-- لوگوی پایین کارت قابل تغییر -->
| | <body> |
| <footer class="card-footer">
| |
| <a href="/" class="logo-link" aria-label="صفحه اصلی برند">
| |
| <img
| |
| class="brand-logo"
| |
| src="assets/logo.png"
| |
| alt="لوگوی برند تولیدکننده مخازن پلی اتیلن"
| |
| width="120"
| |
| height="60"
| |
| />
| |
| </a>
| |
| </footer>
| |
|
| |
|
| </main> | | <div |
| </body> | | class="text-wrap" |
| | style="width:100%;max-width:900px; |
| | margin:12px auto; |
| | padding:16px; |
| | direction:rtl; |
| | text-align:justify; |
| | background-color:#ffffff; |
| | border:1px solid #0d6efd; |
| | border-radius:12px; |
| | box-sizing:border-box; |
| | box-shadow: 0px 4px 15px #000011;"> |
| | <div class="text-box" style="padding:0;"> |
| | <section style="font-size:1rem;line-height:1.9;color:#2d3748;" aria-labelledby="attar-hafez-title"> |
|
| |
|
| <style> | | <!--h2 id="attar-hafez-title" style="font-size:1.25rem;margin:0 0 12px;color:#1a202c;"> |
| /* ==========================================
| | کافی نت نور یکتا |
| تنظیمات پایه و متغیرهای رنگی
| | </h2--> |
| ========================================== */
| |
| :root {
| |
| --blue-dark: #17377d;
| |
| --blue-primary: #2155b5;
| |
| --blue-medium: #3f7ad3;
| |
| --blue-light: #84c8ef;
| |
| --blue-sky: #dff4ff;
| |
| --white: #ffffff;
| |
| --text-light: #f8fbff;
| |
| --shadow-color: rgba(10, 38, 100, 0.25);
| |
| }
| |
|
| |
|
| * {
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
|
| html {
| | <style> |
| scroll-behavior: smooth; | | strong { |
| }
| | color: #5dade2; /* رنگ آبی کمرنگ */ |
| | | font-weight: bold; /* حفظ حالت بولد */ |
| body {
| |
| margin: 0;
| |
| min-height: 100vh;
| |
| display: grid;
| |
| place-items: center;
| |
| padding: 24px 16px;
| |
| | |
| font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
| |
| background:
| |
| radial-gradient(circle at top right, #d8f2ff 0%, transparent 40%),
| |
| linear-gradient(135deg, #f4fbff 0%, #d9efff 100%); | |
| }
| |
| | |
| /* ==========================================
| |
| کارت اصلی
| |
| ========================================== */
| |
| .production-card {
| |
| position: relative;
| |
| width: min(100%, 620px);
| |
| overflow: hidden;
| |
| padding: clamp(24px, 5vw, 42px) clamp(16px, 4vw, 38px) 0;
| |
| border-radius: 34px;
| |
| color: var(--white);
| |
| | |
| background:
| |
| radial-gradient(
| |
| circle at 25% 70%,
| |
| rgba(119, 204, 255, 0.25),
| |
| transparent 28%
| |
| ),
| |
| radial-gradient(
| |
| circle at 80% 15%,
| |
| rgba(154, 221, 255, 0.18),
| |
| transparent 24%
| |
| ),
| |
| linear-gradient(
| |
| 145deg,
| |
| var(--blue-dark) 0%,
| |
| var(--blue-primary) 52%,
| |
| var(--blue-medium) 100%
| |
| );
| |
| | |
| box-shadow: 0 18px 45px var(--shadow-color);
| |
| }
| |
| | |
| /* لایه دکوراتیو پسزمینه */ | |
| .production-card::before {
| |
| content: "";
| |
| position: absolute;
| |
| inset: 0;
| |
| pointer-events: none;
| |
| opacity: 0.18;
| |
| background-image:
| |
| linear-gradient(
| |
| 45deg,
| |
| transparent 48%,
| |
| rgba(255, 255, 255, 0.12) 49%,
| |
| rgba(255, 255, 255, 0.12) 51%,
| |
| transparent 52%
| |
| ); | |
| background-size: 30px 30px;
| |
| }
| |
| | |
| /* ==========================================
| |
| سربرگ
| |
| ========================================== */
| |
| .card-header,
| |
| .steps-section,
| |
| .visual-section,
| |
| .card-footer {
| |
| position: relative;
| |
| z-index: 1;
| |
| }
| |
| | |
| .card-header {
| |
| text-align: center;
| |
| margin-bottom: 22px;
| |
| }
| |
| | |
| .card-header h1 {
| |
| margin: 0;
| |
| padding: 14px 18px;
| |
| border: 2px solid rgba(223, 244, 255, 0.95);
| |
| border-radius: 18px;
| |
| | |
| color: var(--white);
| |
| font-size: clamp(1.35rem, 4vw, 2rem);
| |
| font-weight: 800;
| |
| line-height: 1.5;
| |
| | |
| background: linear-gradient(
| |
| 90deg,
| |
| rgba(19, 59, 135, 0.75),
| |
| rgba(89, 172, 225, 0.38)
| |
| );
| |
| }
| |
| | |
| .card-header p {
| |
| margin: 14px auto 0;
| |
| max-width: 500px;
| |
| color: rgba(255, 255, 255, 0.88);
| |
| font-size: clamp(0.78rem, 2.3vw, 0.95rem);
| |
| line-height: 2;
| |
| }
| |
| | |
| /* ========================================== | |
| لیست مراحل تولید
| |
| ========================================== */
| |
| .steps-list {
| |
| list-style: none;
| |
| padding: 0;
| |
| margin: 0;
| |
| display: grid;
| |
| gap: 12px;
| |
| }
| |
| | |
| .step-item {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 12px;
| |
| min-height: 58px;
| |
| padding: 10px 16px;
| |
| | |
| border: 1.5px solid rgba(227, 246, 255, 0.95);
| |
| border-radius: 17px;
| |
| | |
| color: var(--white);
| |
| font-size: clamp(0.86rem, 2.7vw, 1.05rem);
| |
| font-weight: 600;
| |
| line-height: 1.8;
| |
| | |
| background: linear-gradient(
| |
| 100deg,
| |
| rgba(20, 59, 132, 0.9) 0%,
| |
| rgba(42, 107, 194, 0.78) 55%,
| |
| rgba(123, 204, 241, 0.55) 100%
| |
| );
| |
| | |
| box-shadow: 0 6px 14px rgba(7, 32, 87, 0.14);
| |
| transition: transform 0.25s ease, background 0.25s ease;
| |
| }
| |
| | |
| .step-item:hover {
| |
| transform: translateY(-3px);
| |
| background: linear-gradient(
| |
| 100deg,
| |
| #17448f 0%,
| |
| #2e75c9 52%,
| |
| #7bd3f5 100%
| |
| );
| |
| }
| |
| | |
| .step-number {
| |
| flex: 0 0 31px;
| |
| width: 31px;
| |
| height: 31px;
| |
| display: inline-grid;
| |
| place-items: center;
| |
| | |
| border-radius: 50%;
| |
| color: #17448f;
| |
| background-color: var(--blue-sky);
| |
| | |
| font-size: 0.9rem;
| |
| font-weight: 800;
| |
| }
| |
| | |
| .step-text {
| |
| flex: 1;
| |
| }
| |
| | |
| /* ==========================================
| |
| تصویر مرکزی
| |
| ========================================== */
| |
| .visual-section {
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| margin: 26px 0 18px;
| |
| }
| |
| | |
| .main-image {
| |
| display: block;
| |
| width: min(100%, 330px);
| |
| height: auto;
| |
| max-height: 270px;
| |
| object-fit: contain;
| |
| | |
| filter: drop-shadow(0 14px 16px rgba(9, 31, 78, 0.32));
| |
| transition: transform 0.3s ease;
| |
| }
| |
| | |
| .main-image:hover {
| |
| transform: scale(1.04);
| |
| }
| |
| | |
| /* ==========================================
| |
| لوگوی پایین کارت
| |
| ========================================== */
| |
| .card-footer {
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: flex-end;
| |
| min-height: 48px;
| |
| margin-top: 4px;
| |
| }
| |
| | |
| .logo-link {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| | |
| min-width: 92px;
| |
| min-height: 48px;
| |
| padding: 7px 14px 4px;
| |
| | |
| border-radius: 22px 22px 0 0;
| |
| background-color: var(--white);
| |
| | |
| transition: transform 0.25s ease;
| |
| }
| |
| | |
| .logo-link:hover {
| |
| transform: translateY(-3px);
| |
| }
| |
| | |
| .brand-logo {
| |
| display: block;
| |
| width: auto;
| |
| max-width: 115px;
| |
| height: 37px;
| |
| object-fit: contain;
| |
| }
| |
| | |
| /* ==========================================
| |
| ریسپانسیو برای موبایل
| |
| ========================================== */
| |
| @media (max-width: 480px) {
| |
| body {
| |
| padding: 12px 8px;
| |
| } | | } |
| | </style> |
|
| |
|
| .production-card { | | <p> |
| border-radius: 24px;
| | <strong>دماوند پلیمر</strong>، پیشرو در تولید مخازن پلیاتیلن با <strong>استاندارد اروپایی CA</strong> از سال ۹۸، همراه مطمئن شما در مدیریت منابع آب است. ما با مدیریت <strong>آقای مقصود ملکی</strong>، با شعار <strong>«بالاترین کیفیت برای نگهداری آب»</strong>، مجموعهای کامل از تجهیزات شامل پمپ و سیستمهای تصفیه آب برند اکواژو را ارائه میدهیم. انتخاب ملکی و دماوند پلیمر یعنی بهرهمندی از <strong>۱۰ سال</strong> ضمانت اصالت و بالاترین رتبه گارانتی در بازار کشور. کیفیت بیرقیب محصولات ما، تضمینکننده سلامت آب مصرفی و سلامت خانواده شماست. برای مشاوره تخصصی و خرید مستقیم، از ساعت<strong> ۸:۳۰ صبح تا ۷:۳۰ شب</strong> بدون تعطیلی در خدمت شما هستیم. |
| padding: 20px 12px 0;
| | </p> |
| }
| |
|
| |
|
| .card-header h1 {
| | <p><b style="color: #5dade2;">خدمات و محصولات تخصصی ما شامل:</b></p> |
| border-radius: 14px;
| |
| padding: 11px 12px;
| |
| }
| |
|
| |
|
| .card-header p { | | <ul> |
| display: none;
| | <li>تولید و فروش انواع <strong>مخزن پلی اتیلن</strong> افقی و عمودی</li> |
| } | | <li>تولید تخصصی <strong>منبع آب ضد جلبک</strong> (سه لایه و چند لایه)</li> |
| | <li>ارائه <strong>مخازن صنعتی</strong> با مقاومت بالا در برابر مواد شیمیایی</li> |
| | <li>مشاوره رایگان انتخاب بهترین ابعاد و لیتراژ برای ساختمان</li> |
| | </ul> |
| | <br> |
|
| |
|
| .steps-list { | | <p style="margin:12px 0 0;"> |
| gap: 9px; | | کیفیت کالا، ارائه محصولات اصیل و توجه به رضایت مشتری، از مهمترین ویژگیهای |
| } | | <strong>دماوند پلیمر</strong> به شمار میآید. |
| | </p> |
| | <p style="margin:12px 0 0;"> |
| | جهت کسب اطلاعات بیشتر و مشاوره خرید با شماره |
| | <a href="tel:+989123005025" style="text-decoration: none; color: inherit; font-weight: bold;"> |
| | 9123005025 |
| | </a> |
| | تماس بگیرید. |
| | </p> |
|
| |
|
| .step-item {
| | </section> |
| min-height: 50px; | | </div> |
| gap: 9px;
| | </div> |
| padding: 8px 11px;
| |
| border-radius: 14px;
| |
| }
| |
|
| |
|
| .step-number {
| | </body> |
| flex-basis: 27px;
| |
| width: 27px;
| |
| height: 27px;
| |
| font-size: 0.76rem;
| |
| }
| |
| | |
| .visual-section {
| |
| margin: 18px 0 12px;
| |
| }
| |
| | |
| .main-image {
| |
| width: min(100%, 245px);
| |
| max-height: 210px;
| |
| }
| |
| | |
| .logo-link {
| |
| min-width: 80px;
| |
| min-height: 42px;
| |
| border-radius: 18px 18px 0 0;
| |
| }
| |
| | |
| .brand-logo {
| |
| max-width: 90px;
| |
| height: 31px;
| |
| }
| |
| }
| |
| | |
| /* احترام به تنظیمات کاربر برای کاهش حرکت */
| |
| @media (prefers-reduced-motion: reduce) {
| |
| *,
| |
| *::before,
| |
| *::after {
| |
| scroll-behavior: auto !important;
| |
| transition-duration: 0.01ms !important;
| |
| }
| |
| }
| |
| | |
| </style> | |
| </html> | | </html> |