پرش به محتوا

کانتینر 4 کادر/امامی - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
esfandiari>Javid
بدون خلاصۀ ویرایش
جز ۳۰ نسخه واردشده
 
(۱۶ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد)
خط ۵۰: خط ۵۰:


         /* بخش تصویر دوره */
         /* بخش تصویر دوره */
         .card-image-wrapper {
         .card-image-wrapper(4/3) {
             width: 100%;
             width: 100%;
             aspect-ratio: 16 / 9; /* حفظ تناسب تصویر */
             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;
خط ۱۱۴: خط ۱۳۳:
</head>
</head>
<body>
<body>


<!--  ردیف اول  -->
<!--  ردیف اول  -->
<h2>کولر گازی دو تکه (اسپلیت)</h2>
<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">
     <div class="card-grid">
         <!-- کارت اول -->
         <!-- کارت اول -->
         <article class="card">
         <article class="card">
             <div class="card-image-wrapper">
             <div class="card-image-wrapper(long)">
                <!-- آدرس تصویر خود را در قسمت src قرار دهید -->
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-68.PNG" alt="خرید کولر گازی نوین سرما گستر">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-03.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"> مشاوره رایگان انتخاب کولر گازی بر اساس متراژ</h3>
             <h3 class="card-title">خرید کولر گازی مناسب برای خانه و محل کار</h3>
         </article>
         </article>


         <!-- کارت دوم -->
         <!-- کارت دوم -->
         <article class="card">
         <article class="card">
             <div class="card-image-wrapper">
             <div class="card-image-wrapper(long)">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-04.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-56.png" alt="فروش کولر گازی نوین سرما گستر">
             </div>
             </div>
             <h3 class="card-title">مناسب مناطق گرم و معتدل</h3>
             <h3 class="card-title">فروش انواع کولر گازی و اسپلیت با مشاوره تخصصی</h3>
         </article>
         </article>


         <!-- کارت سوم -->
         <!-- کارت سوم -->
         <article class="card">
         <article class="card">
             <div class="card-image-wrapper">
             <div class="card-image-wrapper(long)">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-06.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-40.jpg" alt="اسپلیت سفارشی نوین سرما گستر">
             </div>
             </div>
             <h3 class="card-title">مدل مناسب شما کدام است؟</h3>
             <h3 class="card-title">اسپلیت سفارشی متناسب با نیاز و فضای شما</h3>
         </article>
         </article>


         <!-- کارت چهارم -->
         <!-- کارت چهارم -->
         <article class="card">
         <article class="card">
             <div class="card-image-wrapper">
             <div class="card-image-wrapper(long)">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-07.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-41.jpg" alt="انتخاب کولر گازی نوین سرما گستر">
             </div>
             </div>
             <h3 class="card-title">از گرمای تابستان فرار کنید؛ کولر گازی بخرید</h3>
             <h3 class="card-title">انتخاب ظرفیت و مدل مناسب با مشاوره کارشناسی</h3>
         </article>
         </article>
     </div>
     </div>
</div>
<br>
<br>


<!--  ردیف دوم   -->
 
<!--  ردیف سوم   -->
<div style="width:100%; text-align:center; margin:0 auto;">
<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-01.png" alt="فروشکاه امامی">
    <div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;">
</div>
        <img src="https://dl.faraghaib.ir/m/260022-01/baner-01-04.jpg" alt="شارژ گاز کولر گازی نوین سرما گستر">
<h2>کولر گازی مولتی‌اسپلیت</h2>
    </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">
                <!-- آدرس تصویر خود را در قسمت src قرار دهید -->
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-66.png" alt="شارژ گاز کولر گازی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-10.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title">کولر گازی کم‌مصرف؛ خنکی بیشتر، هزینه برق کمتر</h3>
             <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-01/260022-01-11.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-54.jpg" alt="سرویس تخصصی کولر گازی">
             </div>
             </div>
             <h3 class="card-title">قیمت کولر گازی را مقایسه کنید و هوشمندانه بخرید</h3>
             <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-01/260022-01-13.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-65.png" alt="تعمیر تخصصی اسپلیت">
             </div>
             </div>
             <h3 class="card-title">کولر گازی مناسب متراژ خانه‌تان را پیدا کنید</h3>
             <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-01/260022-01-14.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-71.jpg" alt="سرویس و تعمیر کولر گازی">
             </div>
             </div>
             <h3 class="card-title">عملکرد قدرتمند با مصرف انرژی کمتر</h3>
             <h3 class="card-title">سرویس و تعمیر اصولی برای افزایش عمر دستگاه</h3>
         </article>
         </article>
     </div>
     </div>
<br>
 
<!--  ردیف سوم   -->
</div>
 
 
<!--  ردیف چهارم   -->
<div style="width:100%; text-align:center; margin:0 auto;">
<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 style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;">
</div>
        <img src="https://dl.faraghaib.ir/m/260022-01/baner-01-01.png" alt="انواع اسپلیت نوین سرما گستر">
<h2>کولر گازی داکت یا کانالی</h2>
    </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(3/2)">
                <!-- آدرس تصویر خود را در قسمت src قرار دهید -->
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-77.png" alt="انواع اسپلیت">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-17.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title">انتخاب مطمئن برای روزهای گرم سال</h3>
             <h3 class="card-title">انواع اسپلیت برای فضاهای مسکونی و تجاری</h3>
         </article>
         </article>


         <!-- کارت دوم -->
         <!-- کارت دوم -->
         <article class="card">
         <article class="card">
             <div class="card-image-wrapper">
             <div class="card-image-wrapper(3/2)">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-16.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-70.jpg" alt="اسپلیت سفارشی">
             </div>
             </div>
             <h3 class="card-title">بررسی مدل‌ها، ظرفیت‌ها و امکانات کاربردی</h3>
             <h3 class="card-title">سفارشی‌سازی اسپلیت متناسب با نیاز مشتری</h3>
         </article>
         </article>


         <!-- کارت سوم -->
         <!-- کارت سوم -->
         <article class="card">
         <article class="card">
             <div class="card-image-wrapper">
             <div class="card-image-wrapper(3/2)">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-18.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-77.png" alt="نصب و تعمیر اسپلیت">
             </div>
             </div>
             <h3 class="card-title">مدل‌های جدید با قیمت رقابتی</h3>
             <h3 class="card-title">نصب، تعمیر و سرویس انواع اسپلیت</h3>
         </article>
         </article>


         <!-- کارت چهارم -->
         <!-- کارت چهارم -->
         <article class="card">
         <article class="card">
             <div class="card-image-wrapper">
             <div class="card-image-wrapper(3/2)">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-19.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-64.jpg" alt="خدمات کولر گازی نوین سرما گستر">
             </div>
             </div>
             <h3 class="card-title">همین حالا مدل مناسب خود را انتخاب کنید</h3>
             <h3 class="card-title">راهکار کامل سرمایش با خدمات نوین سرما گستر</h3>
         </article>
         </article>
     </div>
     </div>


 
</div>
 




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

دوره های روانشناسی و خودشناسی

نصب بی‌دردسر، کیفیت تضمینی نوین سرما گستر

نصب کولر گازی نوین سرما گستر

نصب تخصصی کولر گازی با اجرای اصولی

سرویس کولر گازی نوین سرما گستر

سرویس دوره‌ای کولر گازی برای عملکرد بهتر

تعمیر کولر گازی نوین سرما گستر

تعمیر تخصصی انواع کولر گازی و اسپلیت

خدمات کولر گازی نوین سرما گستر

خدمات تخصصی کولر گازی با اجرای مطمئن


نوین سرما گستر

نوین سرما گستر استاندارد نوین در خدمات کولر گازی

خرید کولر گازی نوین سرما گستر

خرید کولر گازی مناسب برای خانه و محل کار

فروش کولر گازی نوین سرما گستر

فروش انواع کولر گازی و اسپلیت با مشاوره تخصصی

اسپلیت سفارشی نوین سرما گستر

اسپلیت سفارشی متناسب با نیاز و فضای شما

انتخاب کولر گازی نوین سرما گستر

انتخاب ظرفیت و مدل مناسب با مشاوره کارشناسی


شارژ گاز کولر گازی نوین سرما گستر

نوین سرما گستر؛ آرامش تضمین‌شده در گرما

شارژ گاز کولر گازی

شارژ گاز کولر گازی برای بازگشت سرمایش مطلوب

سرویس تخصصی کولر گازی

سرویس کامل اسپلیت و بررسی عملکرد دستگاه

تعمیر تخصصی اسپلیت

عیب‌یابی و تعمیر تخصصی انواع اسپلیت

سرویس و تعمیر کولر گازی

سرویس و تعمیر اصولی برای افزایش عمر دستگاه

انواع اسپلیت نوین سرما گستر

انواع اسپلیت و خدمات تخصصی نوین سرما گستر

انواع اسپلیت

انواع اسپلیت برای فضاهای مسکونی و تجاری

اسپلیت سفارشی

سفارشی‌سازی اسپلیت متناسب با نیاز مشتری

نصب و تعمیر اسپلیت

نصب، تعمیر و سرویس انواع اسپلیت

خدمات کولر گازی نوین سرما گستر

راهکار کامل سرمایش با خدمات نوین سرما گستر

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=الگو:کانتینر_4_کادر/امامی&oldid=7631»