طراحی مهندسی
طراحی دستگاه و ماشینآلات صنعتی بر اساس نیاز واقعی خط تولید و شرایط کاری مجموعه.
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<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="robots" content="index,follow"> | ||
<meta name="author" content="شرکت طراحی و ساخت تجهیزات صنعتی"> | |||
<link rel=" | <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> | <style> | ||
/*================================================== | /* ========================================================= | ||
IRANSans | |||
==================================================*/ | ========================================================= */ | ||
@font-face{ | @font-face{ | ||
| خط ۶۰: | خط ۴۳: | ||
/*================================================== | /* ========================================================= | ||
RESET | |||
========================================================= */ | |||
==================================================*/ | |||
.industrial-page, | |||
.industrial-page *{ | |||
- | box-sizing:border-box; | ||
} | } | ||
.industrial-page{ | |||
margin:0; | margin:0; | ||
padding: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; | 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); | |||
. | |||
color:# | |||
} | } | ||
. | .industrial-nav a:last-child{ | ||
border:0; | |||
} | } | ||
. | .industrial-header-btn{ | ||
display:none; | |||
} | } | ||
/*================================================== | /* ========================================================= | ||
HERO | |||
==================================================*/ | ========================================================= */ | ||
. | .industrial-hero{ | ||
min-height:520px; | |||
position:relative; | position:relative; | ||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
text-align:center; | text-align:center; | ||
color:#fff; | |||
overflow:hidden; | overflow:hidden; | ||
background: | background: | ||
linear-gradient( | 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 | margin:5px 0 15px; | ||
font-size:clamp(30px,8vw,62px); | |||
line-height:1.35; | |||
font-weight:700; | font-weight:700; | ||
} | } | ||
. | .industrial-hero-text{ | ||
font-size:14px; | font-size:14px; | ||
max-width:620px; | |||
margin:0 auto 22px; | |||
color:#eee; | |||
} | } | ||
. | .industrial-btn{ | ||
display:inline-flex; | display:inline-flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
min-height:46px; | |||
padding:7px 24px; | |||
color: | border-radius:5px; | ||
font-size: | background:#fff; | ||
color:#222; | |||
font-size:13px; | |||
font-weight:700; | font-weight:700; | ||
transition:.25s; | |||
} | } | ||
. | .industrial-btn:hover{ | ||
background:#f52f48; | |||
color: | color:#fff; | ||
} | } | ||
. | .industrial-btn--red{ | ||
background:#f52f48; | |||
color:#fff; | |||
background: | |||
color: | |||
} | } | ||
/* | /* Wave */ | ||
. | .industrial-hero::after{ | ||
content:""; | |||
position:absolute; | position:absolute; | ||
bottom:-1px; | |||
right: | right:-5%; | ||
width:110%; | |||
height:75px; | |||
background:#fff; | |||
clip-path:ellipse(60% 48% at 50% 100%); | |||
background: | |||
} | } | ||
/* ========================================================= | |||
SERVICES ICONS | |||
========================================================= */ | |||
. | .industrial-services{ | ||
padding:45px 0 25px; | |||
background:#fff; | |||
} | } | ||
.industrial-services-grid{ | |||
display:grid; | |||
grid-template-columns:repeat(2,1fr); | |||
gap:25px 12px; | |||
. | |||
display: | |||
} | } | ||
.industrial-service{ | |||
. | |||
text-align:center; | text-align:center; | ||
} | } | ||
. | .industrial-service-icon{ | ||
width:72px; | |||
height:72px; | |||
margin:auto; | |||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
border-radius:50%; | border-radius:50%; | ||
background:#1b1b1b; | |||
background: | color:#fff; | ||
border:4px solid #fff; | |||
outline:2px solid #f9a4af; | |||
font-size:27px; | |||
box-shadow:0 0 0 7px #fff; | |||
font-size: | |||
} | } | ||
. | .industrial-service h2{ | ||
font-size:12px; | |||
margin:15px 0 0; | |||
font-size: | font-weight:700; | ||
font- | |||
} | } | ||
/*================================================== | /* ========================================================= | ||
ABOUT | |||
==================================================*/ | ========================================================= */ | ||
. | .industrial-about{ | ||
margin-top:20px; | |||
padding:40px 0; | |||
background:#f52f48; | |||
color:#fff; | |||
text-align:center; | |||
} | } | ||
. | .industrial-section-title{ | ||
font-size:24px; | font-size:24px; | ||
margin:0 0 15px; | |||
font-weight:700; | font-weight:700; | ||
} | } | ||
. | .industrial-about p{ | ||
max-width:950px; | |||
margin:0 auto 22px; | |||
font-size: | font-size:12px; | ||
line-height:2.3; | 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{ | ||
border- | 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; | 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: | display:grid; | ||
grid-template-columns:1fr; | |||
gap:15px; | 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; | font-size:14px; | ||
margin:7px 0; | |||
} | |||
.industrial-advantage p{ | |||
margin:0; | |||
color:#777; | |||
font-size:11px; | |||
line-height:2; | line-height:2; | ||
} | } | ||
/*================================================== | /* ========================================================= | ||
ARTICLES | |||
==================================================*/ | ========================================================= */ | ||
. | .industrial-articles{ | ||
padding:35px 0 50px; | |||
} | } | ||
. | .industrial-articles-heading{ | ||
font-size:22px; | |||
margin-bottom:20px; | |||
font-size: | |||
} | } | ||
. | .industrial-article-grid{ | ||
display:grid; | display:grid; | ||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
gap: | gap:15px; | ||
} | } | ||
. | .industrial-article{ | ||
position:relative; | |||
overflow:hidden; | overflow:hidden; | ||
height:200px; | |||
border-radius: | border-radius:3px; | ||
} | } | ||
. | .industrial-article img{ | ||
width:100%; | width:100%; | ||
height:100%; | |||
object-fit:cover; | 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; | |||
margin | |||
color: | |||
font-size: | |||
line-height:1.8; | line-height:1.8; | ||
} | } | ||
/* ========================================================= | |||
CTA | |||
========================================================= */ | |||
.industrial-cta{ | |||
padding:40px 0; | |||
text-align:center; | text-align:center; | ||
background:#f7f7f7; | |||
} | } | ||
. | .industrial-cta h2{ | ||
font-size:22px; | font-size:22px; | ||
margin:0 0 10px; | |||
} | } | ||
. | .industrial-cta p{ | ||
color:#777; | |||
font-size:12px; | |||
color:# | margin:0 auto 18px; | ||
font-size | |||
} | } | ||
/*======= | /* ========================================================= | ||
FOOTER | |||
================================================== | ========================================================= */ | ||
==================================================*/ | |||
.industrial-footer{ | |||
position:relative; | |||
overflow:hidden; | |||
padding:45px 0 20px; | |||
background: | background: | ||
linear-gradient( | 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; | |||
. | |||
margin | |||
} | } | ||
. | .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; | |||
. | |||
margin- | |||
} | } | ||
. | .industrial-footer a:hover{ | ||
color:#f52f48; | |||
color:# | |||
} | } | ||
. | .industrial-social{ | ||
display:flex; | display:flex; | ||
gap:8px; | gap:8px; | ||
margin- | margin-top:15px; | ||
} | } | ||
. | .industrial-social a{ | ||
width:34px; | |||
height:34px; | |||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content: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; | |||
color: | |||
} | } | ||
/* ========================================================= | |||
BACK TO TOP | |||
========================================================= */ | |||
.industrial-top{ | |||
position:fixed; | |||
bottom:15px; | |||
left:15px; | |||
width:38px; | |||
height:38px; | |||
border:0; | |||
color: | border-radius:5px; | ||
background:#222; | |||
color:#fff; | |||
cursor:pointer; | |||
z-index:100; | |||
} | } | ||
/*===================================== | /* ========================================================= | ||
TABLET | |||
==================== | ========================================================= */ | ||
==================================================*/ | |||
@media (min-width:600px){ | @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( | grid-template-columns:repeat(4,1fr); | ||
} | } | ||
. | .industrial-advantage-grid{ | ||
grid-template-columns:repeat(2,1fr); | grid-template-columns:repeat(2,1fr); | ||
} | } | ||
. | .industrial-article-grid{ | ||
grid-template-columns:repeat(2,1fr); | grid-template-columns:repeat(2,1fr); | ||
} | } | ||
} | } | ||
/*================================================== | /* ========================================================= | ||
DESKTOP | |||
==================================================*/ | ========================================================= */ | ||
@media (min-width: | @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- | 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); | 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 ( | @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> | |||
<div class=" | <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> | ||
ساخت ماشینآلات صنعتی سفارشی، دستگاههای تولیدی، | |||
تجهیزات انتقال مواد، سیستمهای مکانیکی، تجهیزات | |||
اتوماسیون و خطوط تولید از جمله خدمات تخصصی مجموعه ماست. | |||
</p> | |||
< | <a href="#contact" class="industrial-btn"> | ||
دریافت مشاوره رایگان | |||
</a> | |||
<div | </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=" | <div class="industrial-stat"> | ||
<strong>۹۸٪</strong> | |||
<span>رضایت مشتریان</span> | |||
</div> | |||
< | <div class="industrial-stat"> | ||
<strong>+۳۵۰</strong> | |||
</span> | <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> | ||
< | <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> | <div class="industrial-advantage-icon"> | ||
<i class="fa-solid fa-medal"></i> | |||
</div> | |||
< | <h3>کنترل کیفیت</h3> | ||
</ | |||
</ | <p> | ||
بررسی کیفیت قطعات، مونتاژ و عملکرد دستگاه | |||
پیش از تحویل نهایی به مشتری. | |||
</p> | |||
</article> | </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> | <div class="industrial-advantage-icon"> | ||
<i class="fa-solid fa-stopwatch"></i> | |||
</div> | |||
< | <h3>زمانبندی دقیق</h3> | ||
< | <p> | ||
مدیریت مراحل طراحی و ساخت برای تحویل سریعتر | |||
</ | و جلوگیری از توقف خطوط تولید. | ||
</p> | |||
</article> | |||
</ | |||
</div> | |||
</ | |||
</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> | ||
</div> | </div> | ||
</section> | |||
<!-- ===================================================== | |||
CTA | |||
===================================================== --> | |||
<section class="industrial-cta"> | |||
<div class=" | <div class="industrial-container"> | ||
< | <h2> | ||
دستگاه صنعتی مورد نیازتان را سفارشی طراحی کنید | |||
</ | </h2> | ||
<p> | <p> | ||
برای طراحی و ساخت ماشینآلات صنعتی، تجهیزات خطوط تولید | |||
و دستگاههای سفارشی با کارشناسان ما مشورت کنید. | |||
</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> | ||
</ | </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> | |||
< | <script> | ||
/* ========================================================= | |||
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> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
``` | |||
طراحی، ساخت و تولید دستگاههای صنعتی سفارشی، ماشینآلات خطوط تولید، تجهیزات اتوماسیون صنعتی و سیستمهای مکانیکی متناسب با نیاز کسبوکار شما.
مشاوره رایگانما با تکیه بر دانش مهندسی، تجربه صنعتی و استفاده از تجهیزات مدرن، در زمینه طراحی و ساخت دستگاههای صنعتی فعالیت میکنیم. هدف ما ارائه راهکارهای اختصاصی برای افزایش بهرهوری خطوط تولید و کاهش هزینههای عملیاتی است. از طراحی اولیه و تهیه نقشههای مهندسی تا ساخت، مونتاژ، تست و راهاندازی دستگاه صنعتی، تمام مراحل پروژه با نظارت فنی انجام میشود.
ساخت ماشینآلات صنعتی سفارشی، دستگاههای تولیدی، تجهیزات انتقال مواد، سیستمهای مکانیکی، تجهیزات اتوماسیون و خطوط تولید از جمله خدمات تخصصی مجموعه ماست.
دریافت مشاوره رایگاننمونه پروژههای طراحی، ساخت و اجرای ماشینآلات صنعتی
طراحی دستگاه و ماشینآلات صنعتی بر اساس نیاز واقعی خط تولید و شرایط کاری مجموعه.
بررسی کیفیت قطعات، مونتاژ و عملکرد دستگاه پیش از تحویل نهایی به مشتری.
برنامهریزی ساخت، تست و تحویل دستگاه صنعتی مطابق زمانبندی پروژه.
مدیریت مراحل طراحی و ساخت برای تحویل سریعتر و جلوگیری از توقف خطوط تولید.
برای طراحی و ساخت ماشینآلات صنعتی، تجهیزات خطوط تولید و دستگاههای سفارشی با کارشناسان ما مشورت کنید.
درخواست مشاوره و استعلام قیمت```