پرش به محتوا

کانتینر متن/دماوند پلیمر - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:


<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />


<meta charset="UTF-8">
  <!-- اطلاعات سئو -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>مراحل تولید مخازن پلی اتیلن | تولید مخزن آب استاندارد</title>


<title>مراحل تولید مخازن پلی اتیلن | تولید مخزن سه لایه</title>
  <meta
    name="description"
    content="آشنایی با مراحل تولید مخازن پلی اتیلن شامل انتخاب مواد اولیه، قالب‌گیری دورانی، کنترل کیفیت و آماده‌سازی برای ارسال."
  />


<meta name="description"
  <meta
content="مراحل تولید مخازن پلی اتیلن از انتخاب مواد اولیه تا کنترل کیفیت و بسته بندی">
    name="keywords"
    content="تولید مخازن پلی اتیلن, مخزن آب پلی اتیلن, مراحل ساخت مخزن آب, قالب گیری دورانی مخزن, مخزن پلاستیکی"
  />


<meta name="keywords"
  <meta name="robots" content="index, follow" />
content="مخزن پلی اتیلن, تولید مخزن آب, مخزن سه لایه, مراحل تولید مخزن">
  <meta name="author" content="نام برند شما" />
  <meta name="theme-color" content="#183c87" />


<link rel="stylesheet" href="css/style.css">
  <!-- فونت فارسی -->
 
  <link rel="preconnect" href="https://fonts.googleapis.com" />
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&display=swap" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap"
    rel="stylesheet"
  />


  <link rel="stylesheet" href="style.css" />
</head>
</head>


<body>
<body>
  <main class="production-card" aria-labelledby="page-title">


<section class="production">
    <!-- عنوان اصلی -->
 
    <header class="card-header">
<div class="container">
      <h1 id="page-title">مراحل تولید مخازن پلی اتیلن</h1>
 
      <p>
<h1>
        تولید مخازن مقاوم، بهداشتی و استاندارد با استفاده از مواد اولیه
مراحل تولید مخازن پلی اتیلن
        پلی‌اتیلن مرغوب
</h1>
      </p>
 
    </header>
<div class="steps">
 
<div class="step">
انتخاب مواد اولیه پلی اتیلن
</div>
 
<div class="step">
ترکیب مواد و افزودنی‌ها
</div>
 
<div class="step">
فرآیند قالب گیری دورانی (Rotational Molding)
</div>
 
<div class="step">
سرد شدن و خروج مخزن از قالب
</div>
 
<div class="step">
کنترل کیفیت و تست آب بندی
</div>


<div class="step">
    <!-- لیست مراحل تولید -->
بسته بندی و ارسال
    <section class="steps-section" aria-label="مراحل تولید مخازن پلی اتیلن">
</div>


</div>
      <ol class="steps-list">
        <li class="step-item">
          <span class="step-number">۱</span>
          <span class="step-text">انتخاب مواد اولیه پلی‌اتیلن استاندارد و بهداشتی</span>
        </li>


<div class="image-box">
        <li class="step-item">
          <span class="step-number">۲</span>
          <span class="step-text">ترکیب مواد اولیه با رنگ و افزودنی‌های مقاوم‌کننده</span>
        </li>


<img src="images/tank.png"
        <li class="step-item">
alt="مراحل تولید مخزن پلی اتیلن">
          <span class="step-number">۳</span>
          <span class="step-text">ریختن مواد در قالب مخصوص مخزن</span>
        </li>


</div>
        <li class="step-item">
          <span class="step-number">۴</span>
          <span class="step-text">قالب‌گیری دورانی و حرارت‌دهی یکنواخت</span>
        </li>


<div class="logo">
        <li class="step-item">
          <span class="step-number">۵</span>
          <span class="step-text">خنک‌سازی، خروج مخزن از قالب و پرداخت نهایی</span>
        </li>


<img src="images/logo.png"
        <li class="step-item">
alt="لوگوی شرکت">
          <span class="step-number">۶</span>
          <span class="step-text">کنترل کیفیت، تست نشتی و آماده‌سازی برای ارسال</span>
        </li>
      </ol>


</div>
    </section>


</div>
    <!-- تصویر مرکزی قابل تغییر -->
    <section class="visual-section" aria-label="تصویر تولید مخزن پلی اتیلن">
      <img
        class="main-image"
        src="assets/tank-production.webp"
        alt="تصویر مراحل تولید مخزن پلی اتیلن"
        width="500"
        height="350"
        loading="lazy"
      />
    </section>


</section>
    <!-- لوگوی پایین کارت قابل تغییر -->
    <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>
</body>
</body>


<style>
<style>
*{
/* ==========================================
margin:0;
  تنظیمات پایه و متغیرهای رنگی
padding:0;
========================================== */
box-sizing:border-box;
: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);
}
}


body{
* {
 
  box-sizing: border-box;
font-family:'Vazirmatn',sans-serif;
}
 
background:#f2f6fb;
 
display:flex;
 
justify-content:center;
 
padding:40px 15px;


html {
  scroll-behavior: smooth;
}
}


body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px 16px;


.production{
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
 
  background:
width:100%;
    radial-gradient(circle at top right, #d8f2ff 0%, transparent 40%),
max-width:550px;
    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);


.container{
  background:
 
    radial-gradient(
background:linear-gradient(180deg,#1f3f97,#6cbcff);
      circle at 25% 70%,
 
      rgba(119, 204, 255, 0.25),
border-radius:35px;
      transparent 28%
 
    ),
padding:35px 25px 0;
    radial-gradient(
 
      circle at 80% 15%,
position:relative;
      rgba(154, 221, 255, 0.18),
 
      transparent 24%
overflow:hidden;
    ),
 
    linear-gradient(
box-shadow:0 15px 40px rgba(0,0,0,.15);
      145deg,
      var(--blue-dark) 0%,
      var(--blue-primary) 52%,
      var(--blue-medium) 100%
    );


  box-shadow: 0 18px 45px var(--shadow-color);
}
}


h1{
/* لایه دکوراتیو پس‌زمینه */
 
.production-card::before {
color:#fff;
  content: "";
 
  position: absolute;
font-size:34px;
  inset: 0;
 
  pointer-events: none;
font-weight:700;
  opacity: 0.18;
 
  background-image:
text-align:center;
    linear-gradient(
 
      45deg,
margin-bottom:35px;
      transparent 48%,
 
      rgba(255, 255, 255, 0.12) 49%,
      rgba(255, 255, 255, 0.12) 51%,
      transparent 52%
    );
  background-size: 30px 30px;
}
}


 
/* ==========================================
.steps{
  سربرگ
 
========================================== */
display:flex;
.card-header,
 
.steps-section,
flex-direction:column;
.visual-section,
 
.card-footer {
gap:18px;
  position: relative;
 
  z-index: 1;
}
}


.step{
.card-header {
 
  text-align: center;
background:rgba(255,255,255,.12);
  margin-bottom: 22px;
 
border:2px solid rgba(255,255,255,.8);
 
border-radius:18px;
 
padding:18px;
 
text-align:center;
 
color:#fff;
 
font-size:21px;
 
transition:.3s;
 
backdrop-filter:blur(4px);
 
}
}


.step:hover{
.card-header h1 {
 
  margin: 0;
background:#fff;
  padding: 14px 18px;
  border: 2px solid rgba(223, 244, 255, 0.95);
  border-radius: 18px;


color:#1d4ca1;
  color: var(--white);
 
  font-size: clamp(1.35rem, 4vw, 2rem);
transform:translateY(-4px);
  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 {
.image-box{
  margin: 14px auto 0;
 
  max-width: 500px;
margin-top:35px;
  color: rgba(255, 255, 255, 0.88);
 
  font-size: clamp(0.78rem, 2.3vw, 0.95rem);
display:flex;
  line-height: 2;
 
justify-content:center;
 
}
}


.image-box img{
/* ==========================================
 
  لیست مراحل تولید
width:65%;
========================================== */
 
.steps-list {
max-width:280px;
  list-style: none;
 
  padding: 0;
display:block;
  margin: 0;
 
  display: grid;
  gap: 12px;
}
}


.logo{
.step-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 10px 16px;


display:flex;
  border: 1.5px solid rgba(227, 246, 255, 0.95);
  border-radius: 17px;


justify-content:center;
  color: var(--white);
  font-size: clamp(0.86rem, 2.7vw, 1.05rem);
  font-weight: 600;
  line-height: 1.8;


margin-top:25px;
  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;
}
}


.logo img{
.step-item:hover {
 
  transform: translateY(-3px);
width:120px;
  background: linear-gradient(
 
    100deg,
background:white;
    #17448f 0%,
 
    #2e75c9 52%,
padding:12px;
    #7bd3f5 100%
 
  );
border-radius:18px 18px 0 0;
 
}
}


/* ---------- Tablet ---------- */
.step-number {
  flex: 0 0 31px;
  width: 31px;
  height: 31px;
  display: inline-grid;
  place-items: center;


@media(max-width:768px){
  border-radius: 50%;
 
  color: #17448f;
.container{
  background-color: var(--blue-sky);
 
padding:30px 18px 0;


  font-size: 0.9rem;
  font-weight: 800;
}
}


h1{
.step-text {
 
  flex: 1;
font-size:28px;
 
}
}


.step{
/* ==========================================
 
  تصویر مرکزی
font-size:18px;
========================================== */
 
.visual-section {
padding:15px;
  display: flex;
 
  justify-content: center;
  align-items: center;
  margin: 26px 0 18px;
}
}


.image-box img{
.main-image {
 
  display: block;
width:72%;
  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);
}
}


/* ---------- Mobile ---------- */
/* ==========================================
 
  لوگوی پایین کارت
@media(max-width:480px){
========================================== */
 
.card-footer {
body{
  display: flex;
 
  justify-content: center;
padding:15px;
  align-items: flex-end;
 
  min-height: 48px;
  margin-top: 4px;
}
}


.container{
.logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;


border-radius:25px;
  min-width: 92px;
  min-height: 48px;
  padding: 7px 14px 4px;


padding:22px 15px 0;
  border-radius: 22px 22px 0 0;
  background-color: var(--white);


  transition: transform 0.25s ease;
}
}


h1{
.logo-link:hover {
 
  transform: translateY(-3px);
font-size:22px;
 
}
 
.step{
 
font-size:15px;
 
padding:13px;
 
border-radius:14px;
 
}
}


.logo img{
.brand-logo {
 
  display: block;
width:90px;
  width: auto;
 
  max-width: 115px;
  height: 37px;
  object-fit: contain;
}
}


.image-box img{
/* ==========================================
  ریسپانسیو برای موبایل
========================================== */
@media (max-width: 480px) {
  body {
    padding: 12px 8px;
  }


width:80%;
  .production-card {
    border-radius: 24px;
    padding: 20px 12px 0;
  }


}
  .card-header h1 {
    border-radius: 14px;
    padding: 11px 12px;
  }


}
  .card-header p {
    display: none;
  }


/* ---------- Large Screen ---------- */
  .steps-list {
    gap: 9px;
  }


@media(min-width:1400px){
  .step-item {
    min-height: 50px;
    gap: 9px;
    padding: 8px 11px;
    border-radius: 14px;
  }


.production{
  .step-number {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
    font-size: 0.76rem;
  }


max-width:650px;
  .visual-section {
    margin: 18px 0 12px;
  }


}
  .main-image {
    width: min(100%, 245px);
    max-height: 210px;
  }


h1{
  .logo-link {
 
    min-width: 80px;
font-size:40px;
    min-height: 42px;
    border-radius: 18px 18px 0 0;
  }


  .brand-logo {
    max-width: 90px;
    height: 31px;
  }
}
}


.step{
/* احترام به تنظیمات کاربر برای کاهش حرکت */
 
@media (prefers-reduced-motion: reduce) {
font-size:23px;
  *,
 
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
}


}
</style>
</style>
</html>
</html>

نسخهٔ ‏۴ اوت ۲۰۲۶، ساعت ۰۸:۲۵

مراحل تولید مخازن پلی اتیلن | تولید مخزن آب استاندارد

مراحل تولید مخازن پلی اتیلن

تولید مخازن مقاوم، بهداشتی و استاندارد با استفاده از مواد اولیه پلی‌اتیلن مرغوب

  1. ۱ انتخاب مواد اولیه پلی‌اتیلن استاندارد و بهداشتی
  2. ۲ ترکیب مواد اولیه با رنگ و افزودنی‌های مقاوم‌کننده
  3. ۳ ریختن مواد در قالب مخصوص مخزن
  4. ۴ قالب‌گیری دورانی و حرارت‌دهی یکنواخت
  5. ۵ خنک‌سازی، خروج مخزن از قالب و پرداخت نهایی
  6. ۶ کنترل کیفیت، تست نشتی و آماده‌سازی برای ارسال
تصویر مراحل تولید مخزن پلی اتیلن

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=الگو:کانتینر_متن/دماوند_پلیمر&oldid=5019»