پرش به محتوا

تست برای چاپ - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
برچسب: واگردانی دستی
 
(۱۳ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<div class="patogh-menu-grid">
  {{کارت_پاتوق
    | بج = محبوب
    | نام = چای مخصوص پاتوق
    | توضیحات = چای تازه‌دم سنتی، سرو در استکان کمرباریک.
    | امتیاز = ۴.۹
    | قیمت = ۳۵,۰۰۰
  }}


<html lang="fa" dir="rtl">
  {{کارت_پاتوق
<head>
     | بج = محبوب
<meta charset="UTF-8">
     | نام = املت مخصوص
<meta name="viewport" content="width=device-width, initial-scale=1.0">
     | توضیحات = املت گوجه‌فرنگی داغ با نان سنگک برشته.
 
     | امتیاز = ۴.۸
<title>ساخت دستگاه صنعتی | طراحی و ساخت ماشین‌آلات صنعتی سفارشی</title>
     | قیمت = ۶۵,۰۰۰
 
  }}
<meta name="description"
</div>
content="طراحی و ساخت دستگاه صنعتی سفارشی، ماشین‌آلات صنعتی، تجهیزات خطوط تولید، دستگاه‌های اتوماسیون صنعتی و مهندسی معکوس با طراحی اختصاصی و کیفیت بالا.">
 
<meta name="robots" content="index,follow">
<meta name="author" content="شرکت طراحی و ساخت تجهیزات صنعتی">
 
<link rel="canonical" href="https://example.com/">
 
<!-- Font Awesome -->
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
 
<style>
 
/* =========================================================
  IRANSans
========================================================= */
 
@font-face{
    font-family:"IRANSans";
    src:url("/fonts/IRANSans.woff2") format("woff2"),
        url("/fonts/IRANSans.woff") format("woff");
    font-display:swap;
    font-weight:400;
}
 
@font-face{
     font-family:"IRANSans";
    src:url("/fonts/IRANSans-Bold.woff2") format("woff2"),
        url("/fonts/IRANSans-Bold.woff") format("woff");
    font-display:swap;
    font-weight:700;
}
 
 
/* =========================================================
  RESET
========================================================= */
 
.industrial-page,
.industrial-page *{
     box-sizing:border-box;
}
 
.industrial-page{
    margin:0;
    padding:0;
    font-family:"IRANSans",Tahoma,sans-serif;
    color:#222;
    background:#fff;
    line-height:1.9;
}
 
.industrial-page a{
    text-decoration:none;
    color:inherit;
}
 
.industrial-container{
    width:min(1180px,92%);
    margin:auto;
}
 
 
/* =========================================================
  HEADER
========================================================= */
 
.industrial-header{
     position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:50;
    color:#fff;
}
 
.industrial-header-inner{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
 
.industrial-logo{
    font-size:20px;
    font-weight:700;
    white-space:nowrap;
}
 
.industrial-logo span{
    color:#f52f48;
}
 
 
/* Mobile menu */
 
.industrial-menu-toggle{
    width:42px;
    height:42px;
    border:0;
    border-radius:8px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:20px;
    cursor:pointer;
}
 
.industrial-nav{
    display:none;
}
 
.industrial-nav.active{
    display:flex;
    position:absolute;
    top:65px;
    right:4%;
    left:4%;
    flex-direction:column;
    background:#181818;
    border-radius:10px;
    padding:12px;
    box-shadow:0 15px 35px rgba(0,0,0,.3);
}
 
.industrial-nav a{
    padding:10px 12px;
    font-size:13px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
}
 
.industrial-nav a:last-child{
    border:0;
}
 
.industrial-header-btn{
    display:none;
}
 
 
/* =========================================================
  HERO
========================================================= */
 
.industrial-hero{
     min-height:520px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    overflow:hidden;
    background:
        linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),
        url("images/industrial-hero.jpg") center/cover no-repeat;
}
 
.industrial-hero-content{
    width:min(760px,92%);
    padding-top:55px;
}
 
.industrial-eyebrow{
    font-size:13px;
    font-weight:700;
    color:#fff;
    margin-bottom:8px;
}
 
.industrial-hero h1{
    margin:5px 0 15px;
    font-size:clamp(30px,8vw,62px);
    line-height:1.35;
    font-weight:700;
}
 
.industrial-hero-text{
    font-size:14px;
    max-width:620px;
    margin:0 auto 22px;
    color:#eee;
}
 
.industrial-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:7px 24px;
    border-radius:5px;
    background:#fff;
    color:#222;
    font-size:13px;
    font-weight:700;
    transition:.25s;
}
 
.industrial-btn:hover{
    background:#f52f48;
    color:#fff;
}
 
.industrial-btn--red{
    background:#f52f48;
    color:#fff;
}
 
 
/* Wave */
 
.industrial-hero::after{
    content:"";
    position:absolute;
    bottom:-1px;
    right:-5%;
    width:110%;
    height:75px;
    background:#fff;
    clip-path:ellipse(60% 48% at 50% 100%);
}
 
 
/* =========================================================
  SERVICES ICONS
========================================================= */
 
.industrial-services{
     padding:45px 0 25px;
    background:#fff;
}
 
.industrial-services-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px 12px;
}
 
.industrial-service{
    text-align:center;
}
 
.industrial-service-icon{
    width:72px;
    height:72px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#1b1b1b;
    color:#fff;
    border:4px solid #fff;
    outline:2px solid #f9a4af;
    font-size:27px;
    box-shadow:0 0 0 7px #fff;
}
 
.industrial-service h2{
    font-size:12px;
    margin:15px 0 0;
    font-weight:700;
}
 
 
/* =========================================================
  ABOUT
========================================================= */
 
.industrial-about{
    margin-top:20px;
    padding:40px 0;
    background:#f52f48;
    color:#fff;
    text-align:center;
}
 
.industrial-section-title{
    font-size:24px;
    margin:0 0 15px;
    font-weight:700;
}
 
.industrial-about p{
    max-width:950px;
    margin:0 auto 22px;
    font-size:12px;
    line-height:2.3;
}
 
 
/* =========================================================
  PROJECTS
========================================================= */
 
.industrial-projects{
    padding:45px 0;
}
 
.industrial-heading{
    text-align:center;
    margin-bottom:25px;
}
 
.industrial-heading h2{
    margin:0;
    font-size:23px;
}
 
.industrial-heading p{
    font-size:12px;
    color:#777;
    margin:5px 0 0;
}
 
.industrial-dots{
    display:flex;
    justify-content:center;
    gap:5px;
    margin-top:8px;
}
 
.industrial-dots span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#f52f48;
}
 
.industrial-project-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}
 
.industrial-project{
    overflow:hidden;
    background:#eee;
    aspect-ratio:1/1;
}
 
.industrial-project img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .4s ease;
}
 
.industrial-project:hover img{
    transform:scale(1.05);
}
 
 
/* =========================================================
  STATS
========================================================= */
 
.industrial-stats{
    position:relative;
    padding:50px 0 70px;
    color:#fff;
    text-align:center;
    background:
        linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),
        url("images/industrial-stats.jpg") center/cover no-repeat;
    overflow:hidden;
}
 
.industrial-stats::after{
    content:"";
    position:absolute;
    bottom:-35px;
    right:-5%;
    width:110%;
    height:70px;
    background:#fff;
    clip-path:ellipse(60% 50% at 50% 100%);
}
 
.industrial-stats h2{
    font-size:20px;
    margin:0 0 30px;
}
 
.industrial-stat-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px 10px;
}
 
.industrial-stat strong{
    display:block;
    color:#f52f48;
    font-size:30px;
    line-height:1.2;
}
 
.industrial-stat:nth-child(even) strong{
    color:#fff;
}
 
.industrial-stat span{
    font-size:11px;
}
 
 
/* =========================================================
  ADVANTAGES
========================================================= */
 
.industrial-advantages{
    padding:35px 0;
}
 
.industrial-advantage-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
}
 
.industrial-advantage{
    padding:20px 15px;
    text-align:center;
    background:#f7f7f7;
    border-radius:4px;
}
 
.industrial-advantage-icon{
    width:55px;
    height:55px;
    margin:0 auto 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#1c1c1c;
    color:#fff;
    border:3px solid #fff;
    outline:2px solid #f6a2ad;
    font-size:20px;
}
 
.industrial-advantage h3{
    font-size:14px;
    margin:7px 0;
}
 
.industrial-advantage p{
    margin:0;
    color:#777;
    font-size:11px;
    line-height:2;
}
 
 
/* =========================================================
  ARTICLES
========================================================= */
 
.industrial-articles{
    padding:35px 0 50px;
}
 
.industrial-articles-heading{
    font-size:22px;
    margin-bottom:20px;
}
 
.industrial-article-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
}
 
.industrial-article{
    position:relative;
    overflow:hidden;
    height:200px;
    border-radius:3px;
}
 
.industrial-article img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
 
.industrial-article::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.8),
        rgba(0,0,0,.1)
    );
}
 
.industrial-article h3{
    position:absolute;
    right:12px;
    left:12px;
    bottom:12px;
    z-index:2;
    margin:0;
    color:#fff;
    font-size:13px;
    line-height:1.8;
}
 
 
/* =========================================================
  CTA
========================================================= */
 
.industrial-cta{
    padding:40px 0;
    text-align:center;
    background:#f7f7f7;
}
 
.industrial-cta h2{
    font-size:22px;
    margin:0 0 10px;
}
 
.industrial-cta p{
    color:#777;
    font-size:12px;
    margin:0 auto 18px;
}
 
 
/* =========================================================
  FOOTER
========================================================= */
 
.industrial-footer{
    position:relative;
    overflow:hidden;
    padding:45px 0 20px;
    background:
        linear-gradient(rgba(20,20,20,.96),rgba(20,20,20,.96)),
        url("images/industrial-footer.jpg") center/cover;
    color:#ddd;
}
 
.industrial-footer-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
}
 
.industrial-footer h3{
    color:#fff;
    font-size:15px;
    margin:0 0 12px;
}
 
.industrial-footer p,
.industrial-footer li{
    font-size:11px;
    line-height:2.2;
    color:#bbb;
}
 
.industrial-footer ul{
    padding:0;
    margin:0;
    list-style:none;
}
 
.industrial-footer li{
    margin-bottom:3px;
}
 
.industrial-footer a:hover{
    color:#f52f48;
}
 
.industrial-social{
    display:flex;
    gap:8px;
    margin-top:15px;
}
 
.industrial-social a{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#292929;
    border-radius:5px;
}
 
.industrial-copyright{
    border-top:1px solid #333;
    margin-top:30px;
    padding-top:15px;
    text-align:center;
    font-size:10px;
    color:#888;
}
 
 
/* =========================================================
  BACK TO TOP
========================================================= */
 
.industrial-top{
    position:fixed;
    bottom:15px;
    left:15px;
    width:38px;
    height:38px;
    border:0;
    border-radius:5px;
    background:#222;
    color:#fff;
    cursor:pointer;
    z-index:100;
}
 
 
/* =========================================================
  TABLET
========================================================= */
 
@media (min-width:600px){
 
    .industrial-services-grid{
        grid-template-columns:repeat(4,1fr);
    }
 
    .industrial-project-grid{
        grid-template-columns:repeat(4,1fr);
    }
 
    .industrial-stat-grid{
        grid-template-columns:repeat(4,1fr);
    }
 
    .industrial-advantage-grid{
        grid-template-columns:repeat(2,1fr);
    }
 
    .industrial-article-grid{
        grid-template-columns:repeat(2,1fr);
    }
 
}
 
 
/* =========================================================
  DESKTOP
========================================================= */
 
@media (min-width:900px){
 
    .industrial-header-inner{
        min-height:80px;
    }
 
    .industrial-menu-toggle{
        display:none;
    }
 
    .industrial-nav{
        display:flex;
        align-items:center;
        gap:22px;
    }
 
    .industrial-nav.active{
        position:static;
        flex-direction:row;
        background:none;
        padding:0;
        box-shadow:none;
    }
 
    .industrial-nav a{
        border:0;
        padding:5px 0;
        font-size:12px;
        position:relative;
    }
 
    .industrial-nav a::after{
        content:"";
        position:absolute;
        right:0;
        bottom:-4px;
        width:0;
        height:2px;
        background:#f52f48;
        transition:.25s;
    }
 
    .industrial-nav a:hover::after{
        width:100%;
    }
 
    .industrial-header-btn{
        display:inline-flex;
        padding:7px 18px;
        background:#fff;
        color:#222;
        border-radius:4px;
        font-size:11px;
        font-weight:700;
    }
 
    .industrial-hero{
        min-height:570px;
    }
 
    .industrial-services{
        margin-top:-5px;
        padding:55px 0 35px;
    }
 
    .industrial-service-icon{
        width:75px;
        height:75px;
    }
 
    .industrial-about{
        padding:42px 0;
    }
 
    .industrial-about p{
        font-size:12px;
    }
 
    .industrial-advantage-grid{
        grid-template-columns:repeat(4,1fr);
    }
 
    .industrial-article-grid{
        grid-template-columns:repeat(4,1fr);
    }
 
    .industrial-article{
        height:210px;
    }
 
    .industrial-footer-grid{
        grid-template-columns:1fr 1fr 1fr;
    }
 
}
 
 
/* =========================================================
  LARGE DESKTOP
========================================================= */
 
@media (min-width:1200px){
 
    .industrial-container{
        width:1180px;
    }
 
    .industrial-hero h1{
        font-size:58px;
    }
 
    .industrial-hero-text{
        font-size:15px;
    }
 
}
 
 
/* =========================================================
  ACCESSIBILITY
========================================================= */
 
@media (prefers-reduced-motion:reduce){
 
    .industrial-page *,
    .industrial-page *::before,
    .industrial-page *::after{
        scroll-behavior:auto !important;
        transition:none !important;
        animation:none !important;
    }
 
}
 
</style>
</head>
 
 
<body>
 
<div class="industrial-page">
 
<!-- =====================================================
    HEADER
===================================================== -->
 
<header class="industrial-header">
 
    <div class="industrial-container industrial-header-inner">
 
        <a href="/" class="industrial-logo"
          aria-label="صفحه اصلی شرکت طراحی و ساخت دستگاه های صنعتی">
            صنعت<span>ساز</span>
        </a>
 
        <nav class="industrial-nav" id="industrialNav"
            aria-label="منوی اصلی سایت">
 
            <a href="#about">درباره ما</a>
            <a href="#services">خدمات مهندسی</a>
            <a href="#projects">پروژه‌ها</a>
            <a href="#articles">مقالات صنعتی</a>
            <a href="#contact">تماس با ما</a>
 
        </nav>
 
        <a href="#contact" class="industrial-header-btn">
            ثبت سفارش
        </a>
 
        <button
            class="industrial-menu-toggle"
            type="button"
            aria-label="باز کردن منوی سایت"
            aria-expanded="false"
            aria-controls="industrialNav"
            onclick="industrialMenu()">
 
            <i class="fa-solid fa-bars"></i>
 
        </button>
 
    </div>
 
</header>
 
 
<!-- =====================================================
    HERO
===================================================== -->
 
<main>
 
<section class="industrial-hero"
        aria-labelledby="industrial-main-title">
 
    <div class="industrial-hero-content">
 
        <div class="industrial-eyebrow">
            تخصص در طراحی و ساخت تجهیزات و ماشین‌آلات صنعتی
        </div>
 
        <h1 id="industrial-main-title">
            طراحی و ساخت دستگاه صنعتی
        </h1>
 
        <p class="industrial-hero-text">
            طراحی، ساخت و تولید دستگاه‌های صنعتی سفارشی،
            ماشین‌آلات خطوط تولید، تجهیزات اتوماسیون صنعتی
            و سیستم‌های مکانیکی متناسب با نیاز کسب‌وکار شما.
        </p>
 
        <a href="#contact" class="industrial-btn">
            مشاوره رایگان
        </a>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    SERVICES
===================================================== -->
 
<section class="industrial-services"
        id="services"
        aria-labelledby="services-title">
 
    <div class="industrial-container">
 
        <div class="industrial-services-grid">
 
            <a href="#services" class="industrial-service">
                <div class="industrial-service-icon">
                    <i class="fa-solid fa-gears"></i>
                </div>
                <h2>ساخت دستگاه صنعتی</h2>
            </a>
 
            <a href="#services" class="industrial-service">
                <div class="industrial-service-icon">
                    <i class="fa-solid fa-industry"></i>
                </div>
                <h2>طراحی ماشین‌آلات</h2>
            </a>
 
            <a href="#services" class="industrial-service">
                <div class="industrial-service-icon">
                    <i class="fa-solid fa-robot"></i>
                </div>
                <h2>اتوماسیون صنعتی</h2>
            </a>
 
            <a href="#services" class="industrial-service">
                <div class="industrial-service-icon">
                    <i class="fa-solid fa-conveyor-belt"></i>
                </div>
                <h2>تجهیزات خطوط تولید</h2>
            </a>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    ABOUT
===================================================== -->
 
<section class="industrial-about"
        id="about"
        aria-labelledby="about-title">
 
    <div class="industrial-container">
 
        <h2 class="industrial-section-title" id="about-title">
            درباره شرکت ساخت دستگاه صنعتی
        </h2>
 
        <p>
            ما با تکیه بر دانش مهندسی، تجربه صنعتی و استفاده از
            تجهیزات مدرن، در زمینه طراحی و ساخت دستگاه‌های صنعتی
            فعالیت می‌کنیم. هدف ما ارائه راهکارهای اختصاصی برای
            افزایش بهره‌وری خطوط تولید و کاهش هزینه‌های عملیاتی است.
            از طراحی اولیه و تهیه نقشه‌های مهندسی تا ساخت، مونتاژ،
            تست و راه‌اندازی دستگاه صنعتی، تمام مراحل پروژه با
            نظارت فنی انجام می‌شود.
        </p>
 
        <p>
            ساخت ماشین‌آلات صنعتی سفارشی، دستگاه‌های تولیدی،
            تجهیزات انتقال مواد، سیستم‌های مکانیکی، تجهیزات
            اتوماسیون و خطوط تولید از جمله خدمات تخصصی مجموعه ماست.
        </p>
 
        <a href="#contact" class="industrial-btn">
            دریافت مشاوره رایگان
        </a>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    PROJECTS
===================================================== -->
 
<section class="industrial-projects"
        id="projects"
        aria-labelledby="projects-title">
 
    <div class="industrial-container">
 
        <div class="industrial-heading">
 
            <h2 id="projects-title">
                جدیدترین پروژه‌های ساخت دستگاه صنعتی
            </h2>
 
            <p>
                نمونه پروژه‌های طراحی، ساخت و اجرای ماشین‌آلات صنعتی
            </p>
 
            <div class="industrial-dots"
                aria-hidden="true">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
 
        </div>
 
 
        <div class="industrial-project-grid">
 
            <figure class="industrial-project">
                <img src="images/project-01.jpg"
                    alt="ساخت دستگاه صنعتی سفارشی و ماشین‌آلات تولیدی"
                    width="400"
                    height="400"
                    loading="lazy"
                    decoding="async">
            </figure>
 
            <figure class="industrial-project">
                <img src="images/project-02.jpg"
                    alt="طراحی و ساخت ماشین‌آلات صنعتی"
                    width="400"
                    height="400"
                    loading="lazy"
                    decoding="async">
            </figure>
 
            <figure class="industrial-project">
                <img src="images/project-03.jpg"
                    alt="ساخت تجهیزات خطوط تولید صنعتی"
                    width="400"
                    height="400"
                    loading="lazy"
                    decoding="async">
            </figure>
 
            <figure class="industrial-project">
                <img src="images/project-04.jpg"
                    alt="ساخت دستگاه صنعتی سفارشی برای کارخانه"
                    width="400"
                    height="400"
                    loading="lazy"
                    decoding="async">
            </figure>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    STATS
===================================================== -->
 
<section class="industrial-stats"
        aria-labelledby="stats-title">
 
    <div class="industrial-container">
 
        <h2 id="stats-title">
            تجربه‌ای جدید از خدمات ساخت دستگاه صنعتی!
        </h2>
 
        <div class="industrial-stat-grid">
 
            <div class="industrial-stat">
                <strong>+۱۰</strong>
                <span>سال تجربه صنعتی</span>
            </div>
 
            <div class="industrial-stat">
                <strong>+۱۰۰</strong>
                <span>پروژه طراحی و ساخت</span>
            </div>
 
            <div class="industrial-stat">
                <strong>۹۸٪</strong>
                <span>رضایت مشتریان</span>
            </div>
 
            <div class="industrial-stat">
                <strong>+۳۵۰</strong>
                <span>نمونه کار مهندسی</span>
            </div>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    ADVANTAGES
===================================================== -->
 
<section class="industrial-advantages"
        aria-labelledby="advantages-title">
 
    <div class="industrial-container">
 
        <div class="industrial-heading">
 
            <h2 id="advantages-title">
                چرا ساخت دستگاه صنعتی را به ما بسپارید؟
            </h2>
 
        </div>
 
        <div class="industrial-advantage-grid">
 
            <article class="industrial-advantage">
 
                <div class="industrial-advantage-icon">
                    <i class="fa-solid fa-compass-drafting"></i>
                </div>
 
                <h3>طراحی مهندسی</h3>
 
                <p>
                    طراحی دستگاه و ماشین‌آلات صنعتی بر اساس
                    نیاز واقعی خط تولید و شرایط کاری مجموعه.
                </p>
 
            </article>
 
 
            <article class="industrial-advantage">
 
                <div class="industrial-advantage-icon">
                    <i class="fa-solid fa-medal"></i>
                </div>
 
                <h3>کنترل کیفیت</h3>
 
                <p>
                    بررسی کیفیت قطعات، مونتاژ و عملکرد دستگاه
                    پیش از تحویل نهایی به مشتری.
                </p>
 
            </article>
 
 
            <article class="industrial-advantage">
 
                <div class="industrial-advantage-icon">
                    <i class="fa-solid fa-truck-fast"></i>
                </div>
 
                <h3>تحویل و ارسال</h3>
 
                <p>
                    برنامه‌ریزی ساخت، تست و تحویل دستگاه صنعتی
                    مطابق زمان‌بندی پروژه.
                </p>
 
            </article>
 
 
            <article class="industrial-advantage">
 
                <div class="industrial-advantage-icon">
                    <i class="fa-solid fa-stopwatch"></i>
                </div>
 
                <h3>زمان‌بندی دقیق</h3>
 
                <p>
                    مدیریت مراحل طراحی و ساخت برای تحویل سریع‌تر
                    و جلوگیری از توقف خطوط تولید.
                </p>
 
            </article>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    ARTICLES
===================================================== -->
 
<section class="industrial-articles"
        id="articles"
        aria-labelledby="articles-title">
 
    <div class="industrial-container">
 
        <h2 class="industrial-articles-heading"
            id="articles-title">
 
            جدیدترین مطالب تخصصی ساخت دستگاه صنعتی
 
        </h2>
 
 
        <div class="industrial-article-grid">
 
            <article class="industrial-article">
 
                <a href="#">
                    <img src="images/article-01.jpg"
                        alt="راهنمای انتخاب دستگاه صنعتی مناسب خط تولید"
                        width="500"
                        height="400"
                        loading="lazy">
 
                    <h3>
                        راهنمای انتخاب دستگاه صنعتی مناسب برای خط تولید
                    </h3>
                </a>
 
            </article>
 
 
            <article class="industrial-article">
 
                <a href="#">
                    <img src="images/article-02.jpg"
                        alt="مهندسی معکوس و ساخت دستگاه صنعتی"
                        width="500"
                        height="400"
                        loading="lazy">
 
                    <h3>
                        مهندسی معکوس دستگاه صنعتی چیست و چه کاربردی دارد؟
                    </h3>
                </a>
 
            </article>
 
 
            <article class="industrial-article">
 
                <a href="#">
                    <img src="images/article-03.jpg"
                        alt="مراحل طراحی و ساخت ماشین آلات صنعتی"
                        width="500"
                        height="400"
                        loading="lazy">
 
                    <h3>
                        مراحل طراحی و ساخت ماشین‌آلات صنعتی سفارشی
                    </h3>
                </a>
 
            </article>
 
 
            <article class="industrial-article">
 
                <a href="#">
                    <img src="images/article-04.jpg"
                        alt="هزینه ساخت دستگاه صنعتی سفارشی"
                        width="500"
                        height="400"
                        loading="lazy">
 
                    <h3>
                        عوامل مؤثر بر قیمت ساخت دستگاه صنعتی سفارشی
                    </h3>
                </a>
 
            </article>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    CTA
===================================================== -->
 
<section class="industrial-cta">
 
    <div class="industrial-container">
 
        <h2>
            دستگاه صنعتی مورد نیازتان را سفارشی طراحی کنید
        </h2>
 
        <p>
            برای طراحی و ساخت ماشین‌آلات صنعتی، تجهیزات خطوط تولید
            و دستگاه‌های سفارشی با کارشناسان ما مشورت کنید.
        </p>
 
        <a href="#contact"
          class="industrial-btn industrial-btn--red">
 
            درخواست مشاوره و استعلام قیمت
 
        </a>
 
    </div>
 
</section>
 
</main>
 
 
<!-- =====================================================
    FOOTER
===================================================== -->
 
<footer class="industrial-footer"
        id="contact">
 
    <div class="industrial-container">
 
        <div class="industrial-footer-grid">
 
 
            <div>
 
                <h3>
                    درباره ما
                </h3>
 
                <p>
                    مجموعه ما در زمینه طراحی و ساخت دستگاه‌های صنعتی،
                    ماشین‌آلات سفارشی، تجهیزات خطوط تولید و
                    اتوماسیون صنعتی فعالیت می‌کند.
                </p>
 
                <div class="industrial-social">
 
                    <a href="#"
                      aria-label="اینستاگرام">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
 
                    <a href="#"
                      aria-label="واتساپ">
                        <i class="fa-brands fa-whatsapp"></i>
                    </a>
 
                </div>
 
            </div>
 
 
            <div>
 
                <h3>
                    خدمات تخصصی
                </h3>
 
                <ul>
 
                    <li>
                        <a href="#services">
                            طراحی دستگاه صنعتی
                        </a>
                    </li>
 
                    <li>
                        <a href="#services">
                            ساخت ماشین‌آلات صنعتی
                        </a>
                    </li>
 
                    <li>
                        <a href="#services">
                            ساخت دستگاه سفارشی
                        </a>
                    </li>
 
                    <li>
                        <a href="#services">
                            اتوماسیون صنعتی
                        </a>
                    </li>
 
                    <li>
                        <a href="#services">
                            مهندسی معکوس
                        </a>
                    </li>
 
                    <li>
                        <a href="#services">
                            تجهیزات خطوط تولید
                        </a>
                    </li>
 
                </ul>
 
            </div>
 
 
            <div>
 
                <h3>
                    ارتباط با ما
                </h3>
 
                <p>
                    <i class="fa-solid fa-phone"></i>
                    ۰۲۱-۱۲۳۴۵۶۷۸
                </p>
 
                <p>
                    <i class="fa-solid fa-mobile-screen"></i>
                    ۰۹۱۲۱۲۳۴۵۶۷
                </p>
 
                <p>
                    <i class="fa-solid fa-envelope"></i>
                    info@example.com
                </p>
 
                <p>
                    <i class="fa-solid fa-location-dot"></i>
                    تهران، شهرک صنعتی، دفتر مرکزی شرکت
                </p>
 
            </div>
 
        </div>
 
 
        <div class="industrial-copyright">
 
            © تمامی حقوق این وب‌سایت برای
            <strong>شرکت طراحی و ساخت دستگاه‌های صنعتی</strong>
            محفوظ است.
 
        </div>
 
    </div>
 
</footer>
 
 
<!-- =====================================================
    BACK TO TOP
===================================================== -->
 
<button class="industrial-top"
        type="button"
        aria-label="بازگشت به بالای صفحه"
        onclick="window.scrollTo({top:0,behavior:'smooth'})">
 
    <i class="fa-solid fa-chevron-up"></i>
 
</button>


<div class="patogh-grid-2x2">
  {{کارت_مقاله
    | تصویر =https://dl.faraghaib.ir/m/۲۶۰۰۱۲-01/۲۶۰۰۱۲-01-102.png
    | عنوان = چرا چای بخش جدانشدنی دورهمی‌های ایرانی است؟
    | توضیحات = نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمی‌های دوستانه.
    | لینک = صفحه_مقاله_اول
  }}


  {{کارت_مقاله
    | تصویر = https://cdn.example.com/images/breakfast.webp
    | عنوان = یک صبحانه سنتی خوب چه ویژگی‌هایی دارد؟
    | توضیحات = صبحانه ساده، گرم و خوشمزه؛ همان چیزی که یک روز خوب نیاز دارد.
    | لینک = صفحه_مقاله_second
  }}
</div>
</div>




<script>
{{کارت_مقاله
 
     | تصویر = https://dl.faraghaib.ir/m/260009-01/260009-01-102.png
/* =========================================================
     | عنوان = چرا چای بخش جدانشدنی دورهمی‌های ایرانی است؟
  MOBILE MENU
     | توضیحات = نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمی‌های دوستانه.
========================================================= */
     | لینک = تست۳
 
  }}
function industrialMenu(){
 
     const nav = document.getElementById("industrialNav");
    const button = document.querySelector(".industrial-menu-toggle");
 
    nav.classList.toggle("active");
 
     const isOpen = nav.classList.contains("active");
 
     button.setAttribute(
        "aria-expanded",
        isOpen ? "true" : "false"
     );
 
}
 
 
/* بستن منوی موبایل بعد از کلیک */
 
document.querySelectorAll(".industrial-nav a").forEach(function(link){
 
    link.addEventListener("click",function(){
 
        document
            .getElementById("industrialNav")
            .classList.remove("active");
 
        document
            .querySelector(".industrial-menu-toggle")
            .setAttribute("aria-expanded","false");
 
    });
 
});
 
</script>
 
</body>
</html>
```

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

[[{{{لینک}}}|{{{عنوان}}}]]

چای تازه‌دم سنتی، سرو در استکان کمرباریک.

[[{{{لینک}}}|{{{عنوان}}}]]

املت گوجه‌فرنگی داغ با نان سنگک برشته.

چرا چای بخش جدانشدنی دورهمی‌های ایرانی است؟

نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمی‌های دوستانه.

یک صبحانه سنتی خوب چه ویژگی‌هایی دارد؟

صبحانه ساده، گرم و خوشمزه؛ همان چیزی که یک روز خوب نیاز دارد.


چرا چای بخش جدانشدنی دورهمی‌های ایرانی است؟

نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمی‌های دوستانه.

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=تست_برای_چاپ&oldid=7075»