فراغیب

الگو:کانتینر متن/دماوند پلیمر: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
 
/*    کد کادر متنی دماوند پلیمر    */
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="خرید مستقیم از دماوند پلیمر، تولید کننده انواع مخازن پلی اتیلن، مخزن آب و منبع آب سه لایه ضد جلبک. قیمت کارخانه، کیفیت تضمینی، ارسال سریع، مشاوره تخصصی و فروش انواع مخازن افقی، عمودی و صنعتی.">


<head>
  <style>
    * {
      box-sizing: border-box;
    }


<meta charset="UTF-8">
    body {
<meta name="viewport" content="width=device-width, initial-scale=1.0">
      margin: 0;
      padding: 0;
      background-color: #ffffff;
      font-family: Tahoma, Arial, sans-serif;
    }


<title>مراحل تولید مخازن پلی اتیلن | تولید مخزن سه لایه</title>
    .text-wrap {
      width: 600px;
      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="description"
    .text-box {
content="مراحل تولید مخازن پلی اتیلن از انتخاب مواد اولیه تا کنترل کیفیت و بسته بندی">
      padding: 0;
    }


<meta name="keywords"
    .text-box section {
content="مخزن پلی اتیلن, تولید مخزن آب, مخزن سه لایه, مراحل تولید مخزن">
      font-size: 1rem;
      line-height: 1.9;
      color: #2d3748;
    }


<link rel="stylesheet" href="css/style.css">
    .text-box h2 {
      font-size: 1.25rem;
      margin: 0 0 12px;
      color: #0d6efd;
      line-height: 1.7;
    }


<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&display=swap" rel="stylesheet">
    .text-box p {
      margin: 0 0 12px;
    }


</head>
    .text-box ul {
      margin: 0;
      padding-right: 20px;
    }


<body>
    .text-box li {
      margin-bottom: 6px;
    }


<section class="production">
    @media (max-width: 768px) {
      .text-wrap {
        width: 100%;
        margin: 10px auto;
        padding: 14px;
        border-radius: 10px;
      }


<div class="container">
      .text-box section {
        font-size: 0.97rem;
        line-height: 1.95;
      }


<h1>
      .text-box h2 {
مراحل تولید مخازن پلی اتیلن
        font-size: 1.1rem;
</h1>
        margin-bottom: 10px;
      }


<div class="steps">
      .text-box ul {
        padding-right: 18px;
      }
    }


<div class="step">
    @media (max-width: 480px) {
انتخاب مواد اولیه پلی اتیلن
      .text-wrap {
</div>
        padding: 12px;
        margin: 8px auto;
      }


<div class="step">
      .text-box section {
ترکیب مواد و افزودنی‌ها
        font-size: 0.95rem;
</div>
      }


<div class="step">
      .text-box h2 {
فرآیند قالب گیری دورانی (Rotational Molding)
        font-size: 1.05rem;
</div>
      }
    }


<div class="step">
    .services-list li i {
سرد شدن و خروج مخزن از قالب
      color: #0d6efd !important;
</div>
    }
  </style>
</head>


<div class="step">
<body>
کنترل کیفیت و تست آب بندی
</div>


<div class="step">
<div
بسته بندی و ارسال
  class="text-wrap"
</div>
  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">


</div>
      <!--h2 id="attar-hafez-title" style="font-size:1.25rem;margin:0 0 12px;color:#1a202c;">
      کافی نت نور یکتا
      </h2-->


<div class="image-box">


<img src="images/tank.png"
<style>
alt="مراحل تولید مخزن پلی اتیلن">
  strong {
    color: #5dade2; /* رنگ آبی کم‌رنگ */
    font-weight: bold; /* حفظ حالت بولد */
  }
</style>


</div>
<p>
  <strong>دماوند پلیمر</strong>، پیشرو در تولید مخازن پلی‌اتیلن با <strong>استاندارد اروپایی CA</strong> از سال ۹۸، همراه مطمئن شما در مدیریت منابع آب است. ما با مدیریت <strong>آقای مقصود ملکی</strong>، با شعار <strong>«بالاترین کیفیت برای نگهداری آب»</strong>، مجموعه‌ای کامل از تجهیزات شامل پمپ و سیستم‌های تصفیه آب برند اکواژو را ارائه می‌دهیم. انتخاب ملکی و دماوند پلیمر یعنی بهره‌مندی از <strong>۱۰ سال</strong> ضمانت اصالت و بالاترین رتبه گارانتی در بازار کشور. کیفیت بی‌رقیب محصولات ما، تضمین‌کننده سلامت آب مصرفی و سلامت خانواده شماست. برای مشاوره تخصصی و خرید مستقیم، از ساعت<strong> ۸:۳۰ صبح تا ۷:۳۰ شب</strong> بدون تعطیلی در خدمت شما هستیم.
</p>


<div class="logo">
<p><b style="color: #5dade2;">خدمات و محصولات تخصصی ما شامل:</b></p>


<img src="images/logo.png"
<ul>
alt="لوگوی شرکت">
  <li>تولید و فروش انواع <strong>مخزن پلی اتیلن</strong> افقی و عمودی</li>
  <li>تولید تخصصی <strong>منبع آب ضد جلبک</strong> (سه لایه و چند لایه)</li>
  <li>ارائه <strong>مخازن صنعتی</strong> با مقاومت بالا در برابر مواد شیمیایی</li>
  <li>مشاوره رایگان انتخاب بهترین ابعاد و لیتراژ برای ساختمان</li>
</ul>
<br>


</div>
<p style="margin:12px 0 0;">
  کیفیت کالا، ارائه محصولات اصیل و توجه به رضایت مشتری، از مهم‌ترین ویژگی‌های
  <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>


    </section>
  </div>
</div>
</div>
</section>


</body>
</body>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:'Vazirmatn',sans-serif;
background:#f2f6fb;
display:flex;
justify-content:center;
padding:40px 15px;
}
.production{
width:100%;
max-width:550px;
}
.container{
background:linear-gradient(180deg,#1f3f97,#6cbcff);
border-radius:35px;
padding:35px 25px 0;
position:relative;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.15);
}
h1{
color:#fff;
font-size:34px;
font-weight:700;
text-align:center;
margin-bottom:35px;
}
.steps{
display:flex;
flex-direction:column;
gap:18px;
}
.step{
background:rgba(255,255,255,.12);
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{
background:#fff;
color:#1d4ca1;
transform:translateY(-4px);
}
.image-box{
margin-top:35px;
display:flex;
justify-content:center;
}
.image-box img{
width:65%;
max-width:280px;
display:block;
}
.logo{
display:flex;
justify-content:center;
margin-top:25px;
}
.logo img{
width:120px;
background:white;
padding:12px;
border-radius:18px 18px 0 0;
}
/* ---------- Tablet ---------- */
@media(max-width:768px){
.container{
padding:30px 18px 0;
}
h1{
font-size:28px;
}
.step{
font-size:18px;
padding:15px;
}
.image-box img{
width:72%;
}
}
/* ---------- Mobile ---------- */
@media(max-width:480px){
body{
padding:15px;
}
.container{
border-radius:25px;
padding:22px 15px 0;
}
h1{
font-size:22px;
}
.step{
font-size:15px;
padding:13px;
border-radius:14px;
}
.logo img{
width:90px;
}
.image-box img{
width:80%;
}
}
/* ---------- Large Screen ---------- */
@media(min-width:1400px){
.production{
max-width:650px;
}
h1{
font-size:40px;
}
.step{
font-size:23px;
}
}
</style>
</html>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_متن/دماوند_پلیمر»