کانتینر 4 کادر/امامی - فراغیب
esfandiari>Javid صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>دوره های روانشناسی و خودشناسی</title> <style> :root { --primary-green: #2d5a4c; ←سبز تیره برای متون و دکمه: --light-green: #0369A1; ←سبز بسیار ملایم برای پس‌زمینه کارت: ...» ایجاد کرد |
Esfandiari (بحث | مشارکتها) جز ۳۰ نسخه واردشده |
||
| (۲۹ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد) | |||
| خط ۸: | خط ۸: | ||
:root { | :root { | ||
--primary-green: #2d5a4c; /* سبز تیره برای متون و دکمه */ | --primary-green: #2d5a4c; /* سبز تیره برای متون و دکمه */ | ||
--light-green: # | --light-green: #fff; /* سبز بسیار ملایم برای پس‌زمینه کارت */ | ||
--hover-green: #3d7a67; | --hover-green: #3d7a67; | ||
--border-radius: 12px; | --border-radius: 12px; | ||
| خط ۵۰: | خط ۵۰: | ||
/* بخش تصویر دوره */ | /* بخش تصویر دوره */ | ||
.card-image-wrapper { | .card-image-wrapper(4/3) { | ||
width: 100%; | width: 100%; | ||
aspect-ratio: | aspect-ratio: 4 / 3; /* حفظ تناسب تصویر */ | ||
overflow: hidden; | |||
border-radius: 10px; | |||
margin-bottom: 20px; | |||
background-color: #ddd; /* جایگزین موقت تا عکس لود شود */ | |||
} | |||
.card-image-wrapper(3/2) { | |||
width: 100%; | |||
aspect-ratio: 3 / 2; /* حفظ تناسب تصویر */ | |||
overflow: hidden; | |||
border-radius: 10px; | |||
margin-bottom: 20px; | |||
background-color: #ddd; /* جایگزین موقت تا عکس لود شود */ | |||
} | |||
.card-image-wrapper(long) { | |||
width: 100%; | |||
aspect-ratio: 3 / 1; /* حفظ تناسب تصویر */ | |||
overflow: hidden; | overflow: hidden; | ||
border-radius: 10px; | border-radius: 10px; | ||
| خط ۶۷: | خط ۸۶: | ||
/* عنوان دوره (سئو شده با h3) */ | /* عنوان دوره (سئو شده با h3) */ | ||
.card-title { | .card-title { | ||
font-size: | font-size: 20px; | ||
color: # | font-family: Iransans, sansefrif,Tahoma; | ||
color: #000; | |||
margin-bottom: 25px; | margin-bottom: 25px; | ||
min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */ | min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */ | ||
| خط ۷۵: | خط ۹۵: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.text-outline { | |||
color: #2E8B57; | |||
font-size: 20px; | |||
text-shadow: | |||
0 0 0 #fff, | |||
0 0 0 #fff, | |||
0px 1px 1px #fff, | |||
0px -1px 1px #fff; | |||
} | |||
/* استایل دکمه اطلاعات بیشتر */ | /* استایل دکمه اطلاعات بیشتر */ | ||
| خط ۱۰۴: | خط ۱۳۳: | ||
</head> | </head> | ||
<body> | <body> | ||
<!-- ردیف اول --> | |||
<h2>نصب بی‌دردسر، کیفیت تضمینی نوین سرما گستر</h2> | |||
<div class="card-grid"> | |||
<!-- کارت اول --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(3/2)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-73.jpg" alt="نصب کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">نصب تخصصی کولر گازی با اجرای اصولی</h3> | |||
</article> | |||
<!-- کارت دوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(4/3)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-69.PNG" alt="سرویس کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">سرویس دوره‌ای کولر گازی برای عملکرد بهتر</h3> | |||
</article> | |||
<!-- کارت سوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(4/3)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-72.png" alt="تعمیر کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">تعمیر تخصصی انواع کولر گازی و اسپلیت</h3> | |||
</article> | |||
<!-- کارت چهارم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(4/3)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-74.png" alt="خدمات کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">خدمات تخصصی کولر گازی با اجرای مطمئن</h3> | |||
</article> | |||
</div> | |||
<br> | |||
<!-- ردیف دوم --> | |||
<div style="width:100%; text-align:center; margin:0 auto;"> | |||
<div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-24.png" alt="نوین سرما گستر"> | |||
</div> | |||
<h2>نوین سرما گستر استاندارد نوین در خدمات کولر گازی</h2> | |||
<div class="card-grid"> | |||
<!-- کارت اول --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(long)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-68.PNG" alt="خرید کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">خرید کولر گازی مناسب برای خانه و محل کار</h3> | |||
</article> | |||
<!-- کارت دوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(long)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-56.png" alt="فروش کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">فروش انواع کولر گازی و اسپلیت با مشاوره تخصصی</h3> | |||
</article> | |||
<!-- کارت سوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(long)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-40.jpg" alt="اسپلیت سفارشی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">اسپلیت سفارشی متناسب با نیاز و فضای شما</h3> | |||
</article> | |||
<!-- کارت چهارم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(long)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-41.jpg" alt="انتخاب کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h3 class="card-title">انتخاب ظرفیت و مدل مناسب با مشاوره کارشناسی</h3> | |||
</article> | |||
</div> | |||
</div> | |||
<br> | |||
<!-- ردیف سوم --> | |||
<div style="width:100%; text-align:center; margin:0 auto;"> | |||
<div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/baner-01-04.jpg" alt="شارژ گاز کولر گازی نوین سرما گستر"> | |||
</div> | |||
<h2>نوین سرما گستر؛ آرامش تضمین‌شده در گرما</h2> | |||
<div class="card-grid"> | <div class="card-grid"> | ||
<!-- کارت اول --> | <!-- کارت اول --> | ||
<article class="card"> | <article class="card"> | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-66.png" alt="شارژ گاز کولر گازی"> | |||
<img src="https://dl.faraghaib.ir/m/260022/ | |||
</div> | </div> | ||
<h3 class="card-title"> | <h3 class="card-title">شارژ گاز کولر گازی برای بازگشت سرمایش مطلوب</h3> | ||
</article> | </article> | ||
| خط ۱۱۸: | خط ۲۵۰: | ||
<article class="card"> | <article class="card"> | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<img src="https://dl.faraghaib.ir/m/260022/ | <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-54.jpg" alt="سرویس تخصصی کولر گازی"> | ||
</div> | </div> | ||
<h3 class="card-title"> | <h3 class="card-title">سرویس کامل اسپلیت و بررسی عملکرد دستگاه</h3> | ||
</article> | </article> | ||
| خط ۱۲۶: | خط ۲۵۸: | ||
<article class="card"> | <article class="card"> | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<img src="https://dl.faraghaib.ir/m/260022/ | <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-65.png" alt="تعمیر تخصصی اسپلیت"> | ||
</div> | </div> | ||
<h3 class="card-title"> | <h3 class="card-title">عیب‌یابی و تعمیر تخصصی انواع اسپلیت</h3> | ||
</article> | </article> | ||
| خط ۱۳۴: | خط ۲۶۶: | ||
<article class="card"> | <article class="card"> | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<img src="https://dl.faraghaib.ir/m/260022/ | <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-71.jpg" alt="سرویس و تعمیر کولر گازی"> | ||
</div> | |||
<h3 class="card-title">سرویس و تعمیر اصولی برای افزایش عمر دستگاه</h3> | |||
</article> | |||
</div> | |||
</div> | |||
<!-- ردیف چهارم --> | |||
<div style="width:100%; text-align:center; margin:0 auto;"> | |||
<div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/baner-01-01.png" alt="انواع اسپلیت نوین سرما گستر"> | |||
</div> | |||
<h2>انواع اسپلیت و خدمات تخصصی نوین سرما گستر</h2> | |||
<div class="card-grid"> | |||
<!-- کارت اول --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(3/2)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-77.png" alt="انواع اسپلیت"> | |||
</div> | |||
<h3 class="card-title">انواع اسپلیت برای فضاهای مسکونی و تجاری</h3> | |||
</article> | |||
<!-- کارت دوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(3/2)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-70.jpg" alt="اسپلیت سفارشی"> | |||
</div> | |||
<h3 class="card-title">سفارشی‌سازی اسپلیت متناسب با نیاز مشتری</h3> | |||
</article> | |||
<!-- کارت سوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(3/2)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-77.png" alt="نصب و تعمیر اسپلیت"> | |||
</div> | |||
<h3 class="card-title">نصب، تعمیر و سرویس انواع اسپلیت</h3> | |||
</article> | |||
<!-- کارت چهارم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper(3/2)"> | |||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01-64.jpg" alt="خدمات کولر گازی نوین سرما گستر"> | |||
</div> | </div> | ||
<h3 class="card-title"> | <h3 class="card-title">راهکار کامل سرمایش با خدمات نوین سرما گستر</h3> | ||
</article> | </article> | ||
</div> | </div> | ||
</div> | |||
</body> | </body> | ||
</html> | </html> | ||
نسخهٔ کنونی تا ۲۳ اکتبر ۲۰۲۶، ساعت ۱۱:۳۳
نصب بی‌دردسر، کیفیت تضمینی نوین سرما گستر
سرویس دوره‌ای کولر گازی برای عملکرد بهتر
تعمیر تخصصی انواع کولر گازی و اسپلیت
خدمات تخصصی کولر گازی با اجرای مطمئن
نوین سرما گستر استاندارد نوین در خدمات کولر گازی
خرید کولر گازی مناسب برای خانه و محل کار
فروش انواع کولر گازی و اسپلیت با مشاوره تخصصی
اسپلیت سفارشی متناسب با نیاز و فضای شما
انتخاب ظرفیت و مدل مناسب با مشاوره کارشناسی
نوین سرما گستر؛ آرامش تضمین‌شده در گرما
شارژ گاز کولر گازی برای بازگشت سرمایش مطلوب
سرویس کامل اسپلیت و بررسی عملکرد دستگاه
عیب‌یابی و تعمیر تخصصی انواع اسپلیت
سرویس و تعمیر اصولی برای افزایش عمر دستگاه
انواع اسپلیت و خدمات تخصصی نوین سرما گستر
انواع اسپلیت برای فضاهای مسکونی و تجاری
سفارشی‌سازی اسپلیت متناسب با نیاز مشتری
نصب، تعمیر و سرویس انواع اسپلیت
