09198128515: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۵۰۷: | خط ۵۰۷: | ||
} | } | ||
/* استایل برای اطمینان از قرارگیری صحیح در عرض صفحه و ریسپانسیو بودن */ | |||
.advantages { | |||
padding: 60px 0; | |||
direction: rtl; /* راستچین برای زبان فارسی */ | |||
} | |||
.container { | |||
width: 100%; | |||
max-width: 1200px; /* عرض استاندارد برای جلوگیری از کشیدگی بیش از حد در مانیتورهای بزرگ */ | |||
margin: 0 auto; | |||
padding: 0 15px; | |||
} | |||
.adv-grid { | |||
display: grid; | |||
/* ایجاد ۴ ستون مساوی در دسکتاپ */ | |||
grid-template-columns: repeat(4, 1fr); | |||
gap: 20px; | |||
} | |||
.section-title { | |||
text-align: center; | |||
margin-bottom: 40px; | |||
} | |||
.adv-box { | |||
text-align: center; | |||
padding: 20px; | |||
/* اضافه کردن استایلهای پایه برای زیبایی (اختیاری) */ | |||
} | |||
.adv-icon { | |||
font-size: 2.5rem; | |||
margin-bottom: 15px; | |||
color: #007bff; /* رنگ دلخواه برای آیکونها */ | |||
} | |||
/* بهینهسازی برای موبایل و تبلت */ | |||
@media (max-width: 992px) { | |||
.adv-grid { | |||
grid-template-columns: repeat(2, 1fr); /* ۲ ستون در تبلت */ | |||
} | |||
} | |||
@media (max-width: 576px) { | |||
.adv-grid { | |||
grid-template-columns: 1fr; /* ۱ ستون در موبایل */ | |||
} | |||
} | |||
</style> | </style> | ||
| خط ۵۲۷: | خط ۵۶۹: | ||
<div > | <div > | ||
<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-car-burst"></i> <!-- آیکون مرتبط با خودرو --> | |||
</div> | |||
<h3>تعمیرات تخصصی جلوبندی</h3> | |||
<p> | |||
بازبینی و تعمیر کامل سیستم تعلیق، کمکفنرها و قطعات جلوبندی جهت افزایش پایداری خودرو. | |||
</p> | |||
</div> | |||
<!-- سرویس دوم: هیدرولیک --> | |||
<div class="adv-box"> | |||
<div class="adv-icon"> | |||
<i class="fa-solid fa-gears"></i> <!-- آیکون مرتبط با گیربکس و سیستمهای مکانیکی --> | |||
</div> | |||
<h3>خدمات سیستمهای هیدرولیک</h3> | |||
<p> | |||
عیبیابی و سرویس تخصصی پمپها، سیلندرها و سیستمهای هیدرولیک سنگین و صنعتی. | |||
</p> | |||
</div> | |||
<!-- سرویس سوم: مکانیک --> | |||
<div class="adv-box"> | |||
<div class="adv-icon"> | |||
<i class="fa-solid fa-wrench"></i> <!-- آیکون آچار و تعمیرات --> | |||
</div> | |||
<h3>مکانیک خودرو و ماشینآلات</h3> | |||
<p> | |||
عیبیابی پیشرفته موتور و سیستمهای انتقال قدرت با استفاده از دستگاههای دیاگ و ابزارهای دقیق. | |||
</p> | |||
</div> | |||
<!-- سرویس چهارم: کیفیت و زمان --> | |||
<div class="adv-box"> | |||
<div class="adv-icon"> | |||
<i class="fa-solid fa-circle-check"></i> <!-- آیکون تایید کیفیت --> | |||
</div> | |||
<h3>تضمین کیفیت و دقت</h3> | |||
<p> | |||
ارائه قطعات اصلی و اجرای تعمیرات با دقت بالا جهت کاهش هزینههای نگهداری و افزایش طول عمر قطعات. | |||
</p> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
</html> | </html> | ||