پرش به محتوا

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

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۷ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:


<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">


<title>ساخت دستگاه صنعتی | طراحی و ساخت ماشین‌آلات صنعتی سفارشی</title>
<title>
ساخت دستگاه صنعتی | طراحی و تولید ماشین آلات صنعتی سفارشی
</title>


<meta name="description"
<meta name="description"
content="طراحی و ساخت دستگاه صنعتی سفارشی، ماشین‌آلات صنعتی، تجهیزات خطوط تولید، دستگاه‌های اتوماسیون صنعتی و مهندسی معکوس با طراحی اختصاصی و کیفیت بالا.">
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"
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">


<style>
<style>


/* =========================================================
/* ===============================
   IRANSans
   FONT
========================================================= */
================================ */


@font-face{
@font-face{
    font-family:"IRANSans";
 
    src:url("/fonts/IRANSans.woff2") format("woff2"),
font-family:IRANSans;
        url("/fonts/IRANSans.woff") format("woff");
 
    font-display:swap;
src:url("fonts/IRANSans.woff2");
    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;
box-sizing:border-box;
    font-weight:700;
 
margin:0;
 
padding:0;
 
}
}




/* =========================================================
body{
  RESET
 
========================================================= */
font-family:IRANSans,Tahoma,sans-serif;
 
direction:rtl;
 
background:#fff;
 
color:#222;


.industrial-page,
.industrial-page *{
    box-sizing:border-box;
}
}


.industrial-page{
 
    margin:0;
img{
    padding:0;
 
    font-family:"IRANSans",Tahoma,sans-serif;
max-width:100%;
    color:#222;
 
    background:#fff;
display:block;
    line-height:1.9;
 
}
}


.industrial-page a{
 
    text-decoration:none;
a{
    color:inherit;
 
text-decoration:none;
 
color:inherit;
 
}
}


.industrial-container{
 
    width:min(1180px,92%);
.container{
    margin:auto;
 
width:92%;
 
max-width:1200px;
 
margin:auto;
 
}
}




/* =========================================================
  HEADER
========================================================= */


.industrial-header{
/* ===============================
    position:absolute;
HEADER
    top:0;
================================ */
    right:0;
 
    left:0;
 
    z-index:50;
.header{
    color:#fff;
 
position:absolute;
 
top:0;
 
right:0;
 
width:100%;
 
z-index:20;
 
color:white;
 
}
}


.industrial-header-inner{
 
    min-height:70px;
 
    display:flex;
.header-box{
    align-items:center;
 
    justify-content:space-between;
height:75px;
    gap:15px;
 
display:flex;
 
align-items:center;
 
justify-content:space-between;
 
}
}


.industrial-logo{
 
    font-size:20px;
.logo{
    font-weight:700;
 
    white-space:nowrap;
font-size:24px;
 
font-weight:bold;
 
}
}


.industrial-logo span{
 
    color:#f52f48;
 
.logo span{
 
color:#f32845;
 
}
}




/* Mobile menu */


.industrial-menu-toggle{
.menu-btn{
    width:42px;
 
    height:42px;
background:none;
    border:0;
 
    border-radius:8px;
border:none;
    background:rgba(255,255,255,.12);
 
    color:#fff;
color:white;
    font-size:20px;
 
    cursor:pointer;
font-size:25px;
 
cursor:pointer;
 
}
}


.industrial-nav{
 
    display:none;
 
.nav{
 
display:none;
 
}
}


.industrial-nav.active{
 
    display:flex;
 
    position:absolute;
.nav a{
    top:65px;
 
    right:4%;
font-size:13px;
    left:4%;
 
    flex-direction:column;
padding:10px;
    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;
.header-contact{
    color:#fff;
 
    border-bottom:1px solid rgba(255,255,255,.08);
display:none;
 
background:white;
 
color:#222;
 
padding:8px 20px;
 
border-radius:5px;
 
font-size:12px;
 
}
}


.industrial-nav a:last-child{
 
    border:0;
 
/* ===============================
HERO
================================ */
 
 
.hero{
 
height:540px;
 
position:relative;
 
background:
 
linear-gradient(
rgba(0,0,0,.75),
rgba(0,0,0,.75)
),
 
url("images/industrial-bg.jpg");
 
background-size:cover;
 
background-position:center;
 
display:flex;
 
align-items:center;
 
justify-content:center;
 
text-align:center;
 
color:white;
 
overflow:hidden;
 
}
}


.industrial-header-btn{
 
    display:none;
 
.hero:after{
 
content:"";
 
position:absolute;
 
bottom:-45px;
 
right:-5%;
 
width:110%;
 
height:90px;
 
background:#fff;
 
border-radius:50% 50% 0 0;
 
}
}




/* =========================================================
  HERO
========================================================= */


.industrial-hero{
.hero-content{
    min-height:520px;
 
    position:relative;
width:90%;
    display:flex;
 
    align-items:center;
max-width:700px;
    justify-content:center;
 
    text-align:center;
}
    color:#fff;
 
    overflow:hidden;
 
    background:
 
        linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),
.hero-small{
        url("images/industrial-hero.jpg") center/cover no-repeat;
 
font-size:14px;
 
margin-bottom:15px;
 
}
 
 
 
.hero h1{
 
font-size:36px;
 
line-height:1.6;
 
margin-bottom:15px;
 
}
}


.industrial-hero-content{
 
    width:min(760px,92%);
 
    padding-top:55px;
.hero p{
 
font-size:13px;
 
line-height:2;
 
color:#ddd;
 
margin-bottom:25px;
 
}
}


.industrial-eyebrow{
 
    font-size:13px;
 
    font-weight:700;
.main-btn{
    color:#fff;
 
    margin-bottom:8px;
display:inline-flex;
 
background:white;
 
color:#222;
 
padding:12px 30px;
 
border-radius:4px;
 
font-size:13px;
 
font-weight:bold;
 
}
}


.industrial-hero h1{
 
    margin:5px 0 15px;
 
    font-size:clamp(30px,8vw,62px);
 
    line-height:1.35;
/* ===============================
    font-weight:700;
SERVICES
================================ */
 
 
.services{
 
padding:45px 0 30px;
 
}
}


.industrial-hero-text{
 
    font-size:14px;
 
    max-width:620px;
.services-grid{
    margin:0 auto 22px;
 
    color:#eee;
display:grid;
 
grid-template-columns:repeat(2,1fr);
 
gap:35px 15px;
 
}
}


.industrial-btn{
 
    display:inline-flex;
 
    align-items:center;
.service{
    justify-content:center;
 
    min-height:46px;
text-align:center;
    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;
.service-icon{
 
width:70px;
 
height:70px;
 
border-radius:50%;
 
margin:auto;
 
background:#111;
 
color:white;
 
display:flex;
 
align-items:center;
 
justify-content:center;
 
font-size:28px;
 
border:3px solid white;
 
outline:2px solid #ff9aaa;
 
}
}


.industrial-btn--red{
 
    background:#f52f48;
 
    color:#fff;
.service h3{
 
font-size:13px;
 
margin-top:15px;
 
font-weight:normal;
 
}
}




/* Wave */


.industrial-hero::after{
 
     content:"";
/* ===============================
    position:absolute;
ABOUT
    bottom:-1px;
================================ */
    right:-5%;
 
    width:110%;
 
    height:75px;
.about{
    background:#fff;
 
    clip-path:ellipse(60% 48% at 50% 100%);
      
    color: #FFF8C9;
 
      text-align:center;
 
      padding:45px 0;
 
}
}




/* =========================================================
.my-div {
  SERVICES ICONS
    position: relative;
========================================================= */
    width: 100%;
    min-height: 220px;


.industrial-services{
    background:
    padding:45px 0 25px;
        url("https://dl.faraghaib.ir/m/260023-01/260023-01-13.png")
    background:#fff;
        center / cover
        no-repeat;
}
}


.industrial-services-grid{
/* لایه خاکستری شفاف */
     display:grid;
.my-div::before {
     grid-template-columns:repeat(2,1fr);
     content: "";
     gap:25px 12px;
    position: absolute;
     inset: 0;
     background: rgba(80, 80, 80, 0.5);
}
}


.industrial-service{
/* محتوای روی تصویر */
     text-align:center;
.my-div > * {
     position: relative;
    z-index: 1;
}
}


.industrial-service-icon{
/* تبلت */
    width:72px;
@media (min-width: 768px) {
     height:72px;
     .my-div {
    margin:auto;
        min-height: 300px;
    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;
@media (min-width: 1024px) {
    margin:15px 0 0;
     .my-div {
     font-weight:700;
        min-height: 400px;
     }
}
}




/* =========================================================
  ABOUT
========================================================= */


.industrial-about{
.about p{
    margin-top:20px;
 
    padding:40px 0;
font-size:13px;
    background:#f52f48;
 
    color:#fff;
line-height:2.3;
    text-align:center;
 
margin-bottom:15px;
 
}
}


.industrial-section-title{
 
    font-size:24px;
.about .main-btn{
    margin:0 0 15px;
 
    font-weight:700;
margin-top:15px;
 
}
}


.industrial-about p{
 
    max-width:950px;
 
    margin:0 auto 22px;
 
    font-size:12px;
/* ===============================
    line-height:2.3;
TABLET
================================ */
 
 
@media(min-width:768px){
 
 
.services-grid{
 
grid-template-columns:repeat(4,1fr);
 
}
}




/* =========================================================
  PROJECTS
========================================================= */


.industrial-projects{
.hero h1{
    padding:45px 0;
 
font-size:55px;
 
}
}


.industrial-heading{
 
    text-align:center;
 
    margin-bottom:25px;
}
}


.industrial-heading h2{
 
    margin:0;
 
    font-size:23px;
</style>
 
 
</head>
 
 
 
<body>
 
 
 
<header >
 
 
<div >
 
</html>
<big>نمونه ای برای صفحات صنعتی(صفحه آقای علیزضایی فرق دارد این نیست)!!</big>
{{منوی اصلی/اقای علیرضایی}}
{{هدر منحنی/علیرضایی}}
{{محصولات دایره ای/علیرضایی}}
<html>
 
</div>
 
</header>
 
 
 
 
 
 
 
 
 
 
 
 
 
<section class="my-div about">
 
 
<div class="container">
 
 
<h2>
 
درباره ما
 
</h2>
 
 
 
<p>
 
شرکت ما با تجربه در زمینه طراحی و ساخت دستگاه‌های صنعتی،
ماشین‌آلات سفارشی و تجهیزات کارخانه،
راهکارهای مهندسی اختصاصی برای صنایع مختلف ارائه می‌دهد.
 
</p>
 
 
<p>
 
از طراحی اولیه و نقشه‌کشی صنعتی تا ساخت،
مونتاژ و راه‌اندازی دستگاه،
تمام مراحل پروژه توسط تیم مهندسی انجام می‌شود.
 
</p>
 
 
 
<a href="#" class="main-btn">
 
دریافت مشاوره
 
</a>
 
 
</div>
 
 
</section>
 
<!-- ==========================================
    PROJECTS
========================================== -->
 
<section class="projects">
 
<div class="container">
 
 
<div class="section-title">
 
<h2>
جدیدترین پروژه‌های ما
</h2>
 
 
 
</div>
 
 
 
<div class="project-grid">
 
 
 
<article class="project-item">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-11.jpg"
alt="ساخت دستگاه صنعتی سفارشی">
 
</article>
 
 
 
 
<article class="project-item">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-12.jpg"
alt="طراحی ماشین آلات صنعتی">
 
</article>
 
 
 
 
<article class="project-item">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-07.jpg"
alt="ساخت تجهیزات خطوط تولید">
 
</article>
 
 
 
 
<article class="project-item">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-01.jpg"
alt="تولید دستگاه صنعتی کارخانه">
 
</article>
 
 
 
 
</div>
 
 
</div>
 
</section>
 
 
 
 
 
 
<!-- ==========================================
    STATISTICS
========================================== -->
 
 
<section class="statistics">
 
 
<div class="container">
 
 
<h2>
 
تجربه‌ای جدید از خدمات ساخت صنعتی!
 
</h2>
 
 
 
<div class="stat-grid">
 
 
 
<div class="stat">
 
<strong>
10+
</strong>
 
<span>
سال تجربه صنعتی
</span>
 
</div>
 
 
 
 
<div class="stat">
 
<strong>
110
</strong>
 
<span>
پروژه انجام شده
</span>
 
</div>
 
 
 
 
 
<div class="stat">
 
<strong>
98%
</strong>
 
<span>
رضایت مشتریان
</span>
 
</div>
 
 
 
 
 
<div class="stat">
 
<strong>
350+
</strong>
 
<span>
دستگاه ساخته شده
</span>
 
</div>
 
 
 
</div>
 
 
</div>
 
 
</section>
 
 
 
 
 
 
 
 
<!-- ==========================================
    ADVANTAGES
========================================== -->
 
 
<section class="advantages">
 
 
<div class="container">
 
 
<div class="section-title">
 
<h2>
 
خدمات تخصصی ما
 
</h2>
 
</div>
 
 
 
<div class="adv-grid">
 
 
 
<div class="adv-box">
 
 
<div class="adv-icon">
 
<i class="fa-solid fa-compass-drafting"></i>
 
</div>
 
 
<h3>
 
طراحی مهندسی
 
</h3>
 
 
<p>
 
طراحی سه بعدی و نقشه‌کشی صنعتی
براساس نیاز خط تولید مشتری.
 
</p>
 
 
</div>
 
 
 
 
 
 
 
<div class="adv-box">
 
 
<div class="adv-icon">
 
<i class="fa-solid fa-award"></i>
 
</div>
 
 
<h3>
 
کنترل کیفیت نهایی
 
</h3>
 
 
<p>
 
بررسی عملکرد دستگاه قبل از تحویل
برای تضمین کیفیت و دوام.
 
</p>
 
 
</div>
 
 
 
 
 
 
 
 
<div class="adv-box">
 
 
<div class="adv-icon">
 
<i class="fa-solid fa-truck-fast"></i>
 
</div>
 
 
<h3>
 
تحویل و نصب دستگاه
 
</h3>
 
 
<p>
 
ارسال، نصب و راه‌اندازی تجهیزات
در محل کارخانه مشتری.
 
</p>
 
 
</div>
 
 
 
 
 
 
 
<div class="adv-box">
 
 
<div class="adv-icon">
 
<i class="fa-solid fa-clock"></i>
 
</div>
 
 
<h3>
 
زمان‌بندی دقیق
 
</h3>
 
 
<p>
 
اجرای پروژه طبق برنامه مشخص
و کاهش زمان توقف تولید.
 
</p>
 
 
</div>
 
 
 
</div>
 
 
</div>
 
 
</section>
 
 
 
 
 
 
 
 
<!-- ==========================================
    ARTICLES
========================================== -->
 
 
<section class="articles">
 
 
<div class="container">
 
 
<div class="section-title">
 
 
<h2>
 
جدیدترین مطالب صنعتی
 
</h2>
 
 
</div>
 
 
 
 
 
<div class="article-grid">
 
 
 
 
 
<article class="article-card">
 
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-23.jpg"
alt="راهنمای خرید دستگاه صنعتی">
 
 
 
<div class="article-overlay">
 
<h3>
 
راهنمای انتخاب دستگاه صنعتی مناسب خط تولید
 
</h3>
 
</div>
 
 
</article>
 
 
 
 
 
 
 
<article class="article-card">
 
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-24.jpg"
alt="مهندسی معکوس دستگاه صنعتی">
 
 
 
<div class="article-overlay">
 
<h3>
 
مهندسی معکوس و ساخت دستگاه صنعتی سفارشی
 
</h3>
 
</div>
 
 
</article>
 
<article class="article-card">
 
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-03.jpeg"
alt="مراحل ساخت ماشین آلات صنعتی">
 
<div class="article-overlay">
 
<h3>
 
مراحل طراحی و ساخت ماشین آلات صنعتی
 
</h3>
 
</div>
 
 
</article>
 
<article class="article-card">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-16.jpg"
alt="قیمت ساخت دستگاه صنعتی">
 
<div class="article-overlay">
 
<h3>
 
عوامل موثر بر قیمت ساخت دستگاه صنعتی
 
</h3>
 
</div>
 
 
</article>
 
 
 
 
 
 
</div>
 
 
</div>
 
 
</section>
 
 
 
 
 
 
<style>
 
 
/* ======================================
PROJECTS STYLE
====================================== */
 
 
.projects{
 
padding:45px 0;
 
}
}


.industrial-heading p{
 
    font-size:12px;
.section-title{
    color:#777;
 
    margin:5px 0 0;
text-align:center;
 
margin-bottom:30px;
 
}
}


.industrial-dots{
 
    display:flex;
.section-title h2{
    justify-content:center;
 
    gap:5px;
font-size:24px;
    margin-top:8px;
 
font-weight:bold;
 
}
}


.industrial-dots span{
 
    width:7px;
 
    height:7px;
.dots{
    border-radius:50%;
 
    background:#f52f48;
display:flex;
 
justify-content:center;
 
gap:5px;
 
margin-top:10px;
 
}
}


.industrial-project-grid{
 
    display:grid;
.dots span{
    grid-template-columns:repeat(2,1fr);
 
    gap:15px;
width:8px;
 
height:8px;
 
background:#f52d48;
 
border-radius:50%;
 
}
}


.industrial-project{
 
    overflow:hidden;
 
    background:#eee;
 
    aspect-ratio:1/1;
.project-grid{
 
display:grid;
 
grid-template-columns:repeat(2,1fr);
 
gap:20px;
 
}
}


.industrial-project img{
 
    width:100%;
 
    height:100%;
.project-item{
    display:block;
 
    object-fit:cover;
overflow:hidden;
    transition:transform .4s ease;
 
height:170px;
 
}
}


.industrial-project:hover img{
 
    transform:scale(1.05);
 
.project-item img{
 
width:100%;
 
height:100%;
 
object-fit:cover;
 
transition:.3s;
 
}
}




/* =========================================================
  STATS
========================================================= */


.industrial-stats{
.project-item:hover img{
    position:relative;
 
    padding:50px 0 70px;
transform:scale(1.08);
    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%);
STATISTICS
====================================== */
 
 
.statistics{
 
 
padding:55px 0 70px;
 
 
color:#fff;
 
 
text-align:center;
 
 
background:
 
linear-gradient(
rgba(0,0,0,.7),
rgba(0,0,0,.7)
),
 
url("images/stat-bg.jpg");
 
background-size:cover;
 
background-position:center;
 
}
}


.industrial-stats h2{
 
    font-size:20px;
 
    margin:0 0 30px;
 
.statistics h2{
 
font-size:22px;
 
margin-bottom:35px;
 
}
}


.industrial-stat-grid{
 
    display:grid;
 
    grid-template-columns:repeat(2,1fr);
 
    gap:30px 10px;
.stat-grid{
 
 
display:grid;
 
grid-template-columns:repeat(2,1fr);
 
gap:30px 10px;
 
 
}
}


.industrial-stat strong{
 
    display:block;
 
    color:#f52f48;
 
    font-size:30px;
.stat strong{
    line-height:1.2;
 
 
display:block;
 
font-size:38px;
 
color:#f52d48;
 
line-height:1;
 
 
}
}


.industrial-stat:nth-child(even) strong{
 
    color:#fff;
 
.stat span{
 
font-size:12px;
 
}
}


.industrial-stat span{
 
    font-size:11px;
 
 
 
 
 
/* ======================================
ADVANTAGES
====================================== */
 
 
 
.advantages{
 
padding:45px 0;
 
}
}




/* =========================================================
  ADVANTAGES
========================================================= */


.industrial-advantages{
 
    padding:35px 0;
.adv-grid{
 
 
display:grid;
 
grid-template-columns:1fr;
 
gap:20px;
 
 
}
}


.industrial-advantage-grid{
 
    display:grid;
 
    grid-template-columns:1fr;
.adv-box{
    gap:15px;
 
 
background:#f5f5f5;
 
padding:25px 15px;
 
text-align:center;
 
 
}
}


.industrial-advantage{
 
    padding:20px 15px;
 
    text-align:center;
.adv-icon{
    background:#f7f7f7;
 
    border-radius:4px;
 
width:60px;
 
height:60px;
 
background:#151515;
 
color:#fff;
 
display:flex;
 
align-items:center;
 
justify-content:center;
 
border-radius:50%;
 
margin:auto;
 
 
font-size:22px;
 
 
border:3px solid white;
 
outline:2px solid #f59aaa;
 
 
}
}


.industrial-advantage-icon{
 
    width:55px;
 
    height:55px;
 
    margin:0 auto 10px;
.adv-box h3{
    display:flex;
 
    align-items:center;
font-size:15px;
    justify-content:center;
 
    border-radius:50%;
margin:12px 0;
    background:#1c1c1c;
 
    color:#fff;
    border:3px solid #fff;
    outline:2px solid #f6a2ad;
    font-size:20px;
}
}


.industrial-advantage h3{
 
    font-size:14px;
 
    margin:7px 0;
.adv-box p{
 
font-size:12px;
 
line-height:2;
 
color:#777;
 
}
}


.industrial-advantage p{
 
    margin:0;
 
    color:#777;
 
    font-size:11px;
 
    line-height:2;
 
 
 
/* ======================================
ARTICLES
====================================== */
 
 
.articles{
 
padding:30px 0 60px;
 
}
}




/* =========================================================
  ARTICLES
========================================================= */


.industrial-articles{
.article-grid{
    padding:35px 0 50px;
 
 
display:grid;
 
grid-template-columns:1fr;
 
gap:20px;
 
 
}
}


.industrial-articles-heading{
 
    font-size:22px;
 
    margin-bottom:20px;
.article-card{
 
 
height:230px;
 
position:relative;
 
overflow:hidden;
 
 
}
}


.industrial-article-grid{
 
    display:grid;
 
    grid-template-columns:1fr;
 
    gap:15px;
.article-card img{
 
 
width:100%;
 
height:100%;
 
object-fit:cover;
 
 
}
}


.industrial-article{
 
    position:relative;
 
    overflow:hidden;
 
    height:200px;
.article-overlay{
    border-radius:3px;
 
 
position:absolute;
 
right:0;
 
bottom:0;
 
left:0;
 
padding:15px;
 
background:
 
linear-gradient(
transparent,
rgba(0,0,0,.85)
);
 
height:100%;
 
display:flex;
 
align-items:flex-end;
 
 
}
}


.industrial-article img{
 
    width:100%;
 
    height:100%;
 
    object-fit:cover;
.article-overlay h3{
    display:block;
 
 
color:white;
 
font-size:14px;
 
line-height:2;
 
 
}
}


.industrial-article::after{
 
    content:"";
 
    position:absolute;
 
    inset:0;
 
    background:linear-gradient(
 
        to top,
/* ======================================
        rgba(0,0,0,.8),
TABLET
        rgba(0,0,0,.1)
====================================== */
    );
 
 
@media(min-width:768px){
 
 
 
.project-grid{
 
grid-template-columns:repeat(4,1fr);
 
}
}


.industrial-article h3{
 
    position:absolute;
 
    right:12px;
.project-item{
    left:12px;
 
    bottom:12px;
height:120px;
    z-index:2;
 
    margin:0;
    color:#fff;
    font-size:13px;
    line-height:1.8;
}
}




/* =========================================================
  CTA
========================================================= */


.industrial-cta{
.stat-grid{
    padding:40px 0;
 
    text-align:center;
grid-template-columns:repeat(4,1fr);
    background:#f7f7f7;
 
}
}


.industrial-cta h2{
 
    font-size:22px;
 
    margin:0 0 10px;
.adv-grid{
 
grid-template-columns:repeat(4,1fr);
 
}
}


.industrial-cta p{
 
    color:#777;
 
    font-size:12px;
.article-grid{
    margin:0 auto 18px;
 
grid-template-columns:repeat(4,1fr);
 
}
}




/* =========================================================
  FOOTER
========================================================= */


.industrial-footer{
.article-card{
    position:relative;
 
    overflow:hidden;
height:200px;
    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;
 
 
</style>
 
<!-- ==========================================
    CLIENT LOGOS
========================================== -->
 
 
<section class="clients">
 
 
<div class="container">
 
 
<div class="section-title">
 
 
<h2>
 
برخی از ماشین آلات ما
 
</h2>
 
 
<p>
 
همکاری با مجموعه‌های صنعتی معتبر
 
</p>
 
 
</div>
 
 
 
 
 
<div class="client-grid">
 
 
<div class="client-logo">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-08.jpg"
alt="لوگوی مشتری صنعتی">
 
</div>
 
 
 
<div class="client-logo">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-10.png"
alt="لوگوی کارخانه">
 
</div>
 
 
 
<div class="client-logo">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-13.png"
alt="لوگوی شرکت تولیدی">
 
</div>
 
 
 
<div class="client-logo">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-14.jpg"
alt="لوگوی مجموعه صنعتی">
 
</div>
 
 
<div class="client-logo">
 
<img src="https://dl.faraghaib.ir/m/260023-01/260023-01-25.jpg"
alt="لوگوی مشتری">
 
</div>
 
 
 
</div>
 
 
</div>
 
 
</section>
 
 
 
 
 
 
<!-- ==========================================
    CTA
========================================== -->
 
 
<section class="cta">
 
 
<div class="container">
 
 
<h2>
 
دستگاه صنعتی مورد نیاز خود را سفارش دهید
 
</h2>
 
 
 
<p>
 
طراحی و ساخت دستگاه‌های صنعتی سفارشی
براساس نیاز کارخانه و خط تولید شما.
 
</p>
 
 
 
 
<a href="#" class="main-btn red">
 
دریافت مشاوره رایگان
 
</a>
 
 
 
</div>
 
 
</section>
 
 
 
 
 
 
 
 
<!-- ==========================================
    FOOTER
========================================== -->
 
 
<footer class="footer">
 
 
<div class="container">
 
 
<div class="footer-grid">
 
 
 
<div class="footer-about">
 
 
<h3>
 
درباره شرکت
 
</h3>
 
 
<p>
 
مجموعه ما با تخصص در طراحی و ساخت دستگاه صنعتی،
تولید ماشین‌آلات سفارشی و اجرای پروژه‌های صنعتی،
راهکارهای مهندسی برای صنایع مختلف ارائه می‌دهد.
 
</p>
 
 
 
<div class="social">
 
 
<a href="#">
<i class="fa-brands fa-instagram"></i>
</a>
 
 
<a href="#">
<i class="fa-brands fa-whatsapp"></i>
</a>
 
 
<a href="#">
<i class="fa-brands fa-telegram"></i>
</a>
 
 
</div>
 
 
</div>
 
 
 
 
 
 
<div class="footer-links">
 
 
<h3>
 
خدمات ما
 
</h3>
 
 
<ul>
 
 
<li>
<a href="#">
ساخت دستگاه صنعتی
</a>
</li>
 
 
<li>
<a href="#">
طراحی ماشین آلات صنعتی
</a>
</li>
 
 
<li>
<a href="#">
تجهیزات خطوط تولید
</a>
</li>
 
 
<li>
<a href="#">
اتوماسیون صنعتی
</a>
</li>
 
 
<li>
<a href="#">
مهندسی معکوس
</a>
</li>
 
 
</ul>
 
 
</div>
 
 
 
 
 
 
 
<div class="footer-contact">
 
 
<h3>
 
تماس با ما
 
</h3>
 
 
<p>
<i class="fa-solid fa-location-dot"></i>
 
تهران، شهرک صنعتی
 
</p>
 
 
<p>
<i class="fa-solid fa-phone"></i>
 
021-12345678
 
</p>
 
 
<p>
<i class="fa-solid fa-mobile"></i>
 
09121234567
 
</p>
 
 
<p>
<i class="fa-solid fa-envelope"></i>
 
info@example.com
 
</p>
 
 
 
</div>
 
 
 
 
 
</div>
 
 
 
 
 
 
<div class="copyright">
 
 
تمامی حقوق این سایت متعلق به شرکت طراحی و ساخت دستگاه‌های صنعتی است.
 
 
</div>
 
 
 
</div>
 
 
</footer>
 
 
 
 
 
 
 
<!-- ==========================================
    BACK TO TOP
========================================== -->
 
 
<button class="top-btn"
onclick="window.scrollTo({top:0,behavior:'smooth'})">
 
 
<i class="fa-solid fa-angle-up"></i>
 
 
</button>
 
 
 
 
 
 
 
 
 
<style>
 
 
/* ======================================
CLIENTS
====================================== */
 
 
.clients{
 
 
padding:45px 0;
 
background:#fff;
 
 
}
}


.industrial-footer p,
 
.industrial-footer li{
 
    font-size:11px;
.client-grid{
    line-height:2.2;
 
    color:#bbb;
 
display:grid;
 
grid-template-columns:repeat(2,1fr);
 
gap:20px;
 
 
}
}


.industrial-footer ul{
 
    padding:0;
 
    margin:0;
.client-logo{
    list-style:none;
 
 
height:90px;
 
display:flex;
 
align-items:center;
 
justify-content:center;
 
background:#fafafa;
 
 
}
}


.industrial-footer li{
 
    margin-bottom:3px;
 
.client-logo img{
 
 
max-width:130px;
 
max-height:60px;
 
filter:grayscale(100%);
 
opacity:.7;
 
transition:.3s;
 
 
}
}


.industrial-footer a:hover{
 
    color:#f52f48;
 
.client-logo:hover img{
 
filter:none;
 
opacity:1;
 
}
}


.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;
}


/* ======================================
CTA
====================================== */


/* =========================================================
  TABLET
========================================================= */


@media (min-width:600px){
.cta{


    .industrial-services-grid{
        grid-template-columns:repeat(4,1fr);
    }


    .industrial-project-grid{
padding:45px 0;
        grid-template-columns:repeat(4,1fr);
    }


    .industrial-stat-grid{
text-align:center;
        grid-template-columns:repeat(4,1fr);
    }


    .industrial-advantage-grid{
background:#f6f6f6;
        grid-template-columns:repeat(2,1fr);
    }


    .industrial-article-grid{
        grid-template-columns:repeat(2,1fr);
    }


}
}




/* =========================================================
  DESKTOP
========================================================= */


@media (min-width:900px){
.cta h2{


    .industrial-header-inner{
        min-height:80px;
    }


    .industrial-menu-toggle{
font-size:24px;
        display:none;
 
    }
margin-bottom:15px;
 
 
}
 


    .industrial-nav{
        display:flex;
        align-items:center;
        gap:22px;
    }


    .industrial-nav.active{
.cta p{
        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{
font-size:13px;
        content:"";
        position:absolute;
        right:0;
        bottom:-4px;
        width:0;
        height:2px;
        background:#f52f48;
        transition:.25s;
    }


    .industrial-nav a:hover::after{
color:#777;
        width:100%;
    }


    .industrial-header-btn{
margin-bottom:25px;
        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{
.main-btn.red{
        font-size:12px;
    }


    .industrial-advantage-grid{
        grid-template-columns:repeat(4,1fr);
    }


    .industrial-article-grid{
background:#f52d48;
        grid-template-columns:repeat(4,1fr);
    }


    .industrial-article{
color:white;
        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;
FOOTER
    }
====================================== */
 
 
 
.footer{
 
 
background:
 
linear-gradient(
rgba(20,20,20,.96),
rgba(20,20,20,.96)
),
 
url("images/footer-bg.jpg");


}


background-size:cover;


/* =========================================================
color:white;
  ACCESSIBILITY
========================================================= */


@media (prefers-reduced-motion:reduce){
padding:55px 0 20px;


    .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">
.footer-grid{


<!-- =====================================================
    HEADER
===================================================== -->


<header class="industrial-header">
display:grid;


    <div class="industrial-container industrial-header-inner">
grid-template-columns:1fr;


        <a href="/" class="industrial-logo"
gap:35px;
          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>
.footer h3{


        </button>


    </div>
font-size:17px;


</header>
margin-bottom:18px;




<!-- =====================================================
}
    HERO
===================================================== -->


<main>


<section class="industrial-hero"
        aria-labelledby="industrial-main-title">


    <div class="industrial-hero-content">
.footer p,
.footer li,
.footer a{


        <div class="industrial-eyebrow">
            تخصص در طراحی و ساخت تجهیزات و ماشین‌آلات صنعتی
        </div>


        <h1 id="industrial-main-title">
font-size:12px;
            طراحی و ساخت دستگاه صنعتی
        </h1>


        <p class="industrial-hero-text">
color:#bbb;
            طراحی، ساخت و تولید دستگاه‌های صنعتی سفارشی،
            ماشین‌آلات خطوط تولید، تجهیزات اتوماسیون صنعتی
            و سیستم‌های مکانیکی متناسب با نیاز کسب‌وکار شما.
        </p>


        <a href="#contact" class="industrial-btn">
line-height:2.2;
            مشاوره رایگان
        </a>


    </div>


</section>
}




<!-- =====================================================
    SERVICES
===================================================== -->


<section class="industrial-services"
        id="services"
        aria-labelledby="services-title">


    <div class="industrial-container">
.footer ul{


        <div class="industrial-services-grid">


            <a href="#services" class="industrial-service">
list-style:none;
                <div class="industrial-service-icon">
                    <i class="fa-solid fa-gears"></i>
                </div>
                <h2>ساخت دستگاه صنعتی</h2>
            </a>


            <a href="#services" class="industrial-service">
padding:0;
                <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>


.footer li{


<!-- =====================================================
    ABOUT
===================================================== -->


<section class="industrial-about"
margin-bottom:5px;
        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">
.footer a:hover{
            دریافت مشاوره رایگان
        </a>


    </div>
color:#f52d48;


</section>
}




<!-- =====================================================
    PROJECTS
===================================================== -->


<section class="industrial-projects"
        id="projects"
        aria-labelledby="projects-title">


    <div class="industrial-container">
.social{


        <div class="industrial-heading">


            <h2 id="projects-title">
display:flex;
                جدیدترین پروژه‌های ساخت دستگاه صنعتی
            </h2>


            <p>
gap:10px;
                نمونه پروژه‌های طراحی، ساخت و اجرای ماشین‌آلات صنعتی
            </p>


            <div class="industrial-dots"
margin-top:20px;
                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">
.social a{
                <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>
width:38px;


    </div>
height:38px;


</section>
display:flex;


align-items:center;


<!-- =====================================================
justify-content:center;
    STATS
===================================================== -->


<section class="industrial-stats"
background:#292929;
        aria-labelledby="stats-title">


    <div class="industrial-container">
border-radius:50%;


        <h2 id="stats-title">
font-size:18px;
            تجربه‌ای جدید از خدمات ساخت دستگاه صنعتی!
        </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">
.copyright{
                <strong>+۳۵۰</strong>
                <span>نمونه کار مهندسی</span>
            </div>


        </div>


    </div>
margin-top:35px;


</section>
padding-top:20px;


border-top:1px solid #333;


<!-- =====================================================
text-align:center;
    ADVANTAGES
===================================================== -->


<section class="industrial-advantages"
font-size:11px;
        aria-labelledby="advantages-title">


    <div class="industrial-container">
color:#888;


        <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>


/* ======================================
TOP BUTTON
====================================== */


            <article class="industrial-advantage">


                <div class="industrial-advantage-icon">
.top-btn{
                    <i class="fa-solid fa-medal"></i>
                </div>


                <h3>کنترل کیفیت</h3>


                <p>
position:fixed;
                    بررسی کیفیت قطعات، مونتاژ و عملکرد دستگاه
                    پیش از تحویل نهایی به مشتری.
                </p>


            </article>
bottom:20px;


left:20px;


            <article class="industrial-advantage">
width:40px;


                <div class="industrial-advantage-icon">
height:40px;
                    <i class="fa-solid fa-truck-fast"></i>
                </div>


                <h3>تحویل و ارسال</h3>
border:none;


                <p>
border-radius:5px;
                    برنامه‌ریزی ساخت، تست و تحویل دستگاه صنعتی
                    مطابق زمان‌بندی پروژه.
                </p>


            </article>
background:#f52d48;


color:white;


            <article class="industrial-advantage">
cursor:pointer;


                <div class="industrial-advantage-icon">
z-index:100;
                    <i class="fa-solid fa-stopwatch"></i>
                </div>


                <h3>زمان‌بندی دقیق</h3>


                <p>
}
                    مدیریت مراحل طراحی و ساخت برای تحویل سریع‌تر
                    و جلوگیری از توقف خطوط تولید.
                </p>


            </article>


        </div>


    </div>


</section>




<!-- =====================================================
/* ======================================
    ARTICLES
MOBILE MENU
===================================================== -->
====================================== */


<section class="industrial-articles"
        id="articles"
        aria-labelledby="articles-title">


    <div class="industrial-container">


        <h2 class="industrial-articles-heading"
@media(max-width:767px){
            id="articles-title">


            جدیدترین مطالب تخصصی ساخت دستگاه صنعتی


        </h2>
.nav{




        <div class="industrial-article-grid">
position:absolute;


            <article class="industrial-article">
top:70px;


                <a href="#">
right:4%;
                    <img src="images/article-01.jpg"
                        alt="راهنمای انتخاب دستگاه صنعتی مناسب خط تولید"
                        width="500"
                        height="400"
                        loading="lazy">


                    <h3>
left:4%;
                        راهنمای انتخاب دستگاه صنعتی مناسب برای خط تولید
                    </h3>
                </a>


            </article>
background:#111;


padding:15px;


            <article class="industrial-article">
border-radius:5px;


                <a href="#">
flex-direction:column;
                    <img src="images/article-02.jpg"
                        alt="مهندسی معکوس و ساخت دستگاه صنعتی"
                        width="500"
                        height="400"
                        loading="lazy">


                    <h3>
                        مهندسی معکوس دستگاه صنعتی چیست و چه کاربردی دارد؟
                    </h3>
                </a>


            </article>
}




            <article class="industrial-article">


                <a href="#">
.nav.show{
                    <img src="images/article-03.jpg"
                        alt="مراحل طراحی و ساخت ماشین آلات صنعتی"
                        width="500"
                        height="400"
                        loading="lazy">


                    <h3>
display:flex;
                        مراحل طراحی و ساخت ماشین‌آلات صنعتی سفارشی
                    </h3>
                </a>


            </article>


}


            <article class="industrial-article">


                <a href="#">
.nav a{
                    <img src="images/article-04.jpg"
                        alt="هزینه ساخت دستگاه صنعتی سفارشی"
                        width="500"
                        height="400"
                        loading="lazy">


                    <h3>
border-bottom:1px solid #333;
                        عوامل مؤثر بر قیمت ساخت دستگاه صنعتی سفارشی
                    </h3>
                </a>


            </article>
padding:12px;


        </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">


            درخواست مشاوره و استعلام قیمت
/* ======================================
DESKTOP
====================================== */


        </a>


    </div>
@media(min-width:768px){


</section>


</main>


.menu-btn{


<!-- =====================================================
display:none;
    FOOTER
===================================================== -->


<footer class="industrial-footer"
}
        id="contact">


    <div class="industrial-container">


        <div class="industrial-footer-grid">


.nav{


            <div>


                <h3>
display:flex;
                    درباره ما
                </h3>


                <p>
align-items:center;
                    مجموعه ما در زمینه طراحی و ساخت دستگاه‌های صنعتی،
                    ماشین‌آلات سفارشی، تجهیزات خطوط تولید و
                    اتوماسیون صنعتی فعالیت می‌کند.
                </p>


                <div class="industrial-social">
gap:18px;


                    <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>


.header-contact{


            <div>
display:block;


                <h3>
                    خدمات تخصصی
                </h3>


                <ul>
}


                    <li>
                        <a href="#services">
                            طراحی دستگاه صنعتی
                        </a>
                    </li>


                    <li>
                        <a href="#services">
                            ساخت ماشین‌آلات صنعتی
                        </a>
                    </li>


                    <li>
.client-grid{
                        <a href="#services">
                            ساخت دستگاه سفارشی
                        </a>
                    </li>


                    <li>
                        <a href="#services">
                            اتوماسیون صنعتی
                        </a>
                    </li>


                    <li>
grid-template-columns:repeat(5,1fr);
                        <a href="#services">
                            مهندسی معکوس
                        </a>
                    </li>


                    <li>
                        <a href="#services">
                            تجهیزات خطوط تولید
                        </a>
                    </li>


                </ul>
}


            </div>




            <div>
.footer-grid{


                <h3>
                    ارتباط با ما
                </h3>


                <p>
grid-template-columns:2fr 1fr 1fr;
                    <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>
.footer-about p{




        <div class="industrial-copyright">
max-width:350px;


            © تمامی حقوق این وب‌سایت برای
            <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>
</style>




</div>




<script>


/* =========================================================
  MOBILE MENU
========================================================= */


function industrialMenu(){


    const nav = document.getElementById("industrialNav");
    const button = document.querySelector(".industrial-menu-toggle");


    nav.classList.toggle("active");
<script>


    const isOpen = nav.classList.contains("active");


    button.setAttribute(
const menuButton =
        "aria-expanded",
document.querySelector(".menu-btn");
        isOpen ? "true" : "false"
    );


}


const nav =
document.querySelector(".nav");


/* بستن منوی موبایل بعد از کلیک */


document.querySelectorAll(".industrial-nav a").forEach(function(link){


    link.addEventListener("click",function(){
menuButton.addEventListener("click",()=>{


        document
            .getElementById("industrialNav")
            .classList.remove("active");


        document
nav.classList.toggle("show");
            .querySelector(".industrial-menu-toggle")
            .setAttribute("aria-expanded","false");


    });


});
});


</script>
</script>
 
</HTML>
</body>
</html>
```

نسخهٔ کنونی تا ‏۱۹ اوت ۲۰۲۶، ساعت ۱۳:۱۸

ساخت دستگاه صنعتی | طراحی و تولید ماشین آلات صنعتی سفارشی

نمونه ای برای صفحات صنعتی(صفحه آقای علیزضایی فرق دارد این نیست)!!
طراحی و ساخت تجهیزات صنعتی

تخصصی‌ترین خدمات طراحی و ساخت تجهیزات صنعتی

مدیریت آقای علیرضایی

ثبت سفارش فوری

درباره ما

شرکت ما با تجربه در زمینه طراحی و ساخت دستگاه‌های صنعتی، ماشین‌آلات سفارشی و تجهیزات کارخانه، راهکارهای مهندسی اختصاصی برای صنایع مختلف ارائه می‌دهد.

از طراحی اولیه و نقشه‌کشی صنعتی تا ساخت، مونتاژ و راه‌اندازی دستگاه، تمام مراحل پروژه توسط تیم مهندسی انجام می‌شود.

دریافت مشاوره

جدیدترین پروژه‌های ما

ساخت دستگاه صنعتی سفارشی
طراحی ماشین آلات صنعتی
ساخت تجهیزات خطوط تولید
تولید دستگاه صنعتی کارخانه

تجربه‌ای جدید از خدمات ساخت صنعتی!

10+ سال تجربه صنعتی
110 پروژه انجام شده
98% رضایت مشتریان
350+ دستگاه ساخته شده

خدمات تخصصی ما

طراحی مهندسی

طراحی سه بعدی و نقشه‌کشی صنعتی براساس نیاز خط تولید مشتری.

کنترل کیفیت نهایی

بررسی عملکرد دستگاه قبل از تحویل برای تضمین کیفیت و دوام.

تحویل و نصب دستگاه

ارسال، نصب و راه‌اندازی تجهیزات در محل کارخانه مشتری.

زمان‌بندی دقیق

اجرای پروژه طبق برنامه مشخص و کاهش زمان توقف تولید.

جدیدترین مطالب صنعتی

راهنمای خرید دستگاه صنعتی

راهنمای انتخاب دستگاه صنعتی مناسب خط تولید

مهندسی معکوس دستگاه صنعتی

مهندسی معکوس و ساخت دستگاه صنعتی سفارشی

مراحل ساخت ماشین آلات صنعتی

مراحل طراحی و ساخت ماشین آلات صنعتی

قیمت ساخت دستگاه صنعتی

عوامل موثر بر قیمت ساخت دستگاه صنعتی

برخی از ماشین آلات ما

همکاری با مجموعه‌های صنعتی معتبر

دستگاه صنعتی مورد نیاز خود را سفارش دهید

طراحی و ساخت دستگاه‌های صنعتی سفارشی براساس نیاز کارخانه و خط تولید شما.

دریافت مشاوره رایگان

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