فراغیب

الگو:کانتینر 4 کادر/امامی: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۳ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۶۸: خط ۶۸:
         .card-title {
         .card-title {
             font-size: 20px;
             font-size: 20px;
             color: #6F00FF;
            font-family: Iransans, sansefrif,Tahoma;
             color: #000;
             margin-bottom: 25px;
             margin-bottom: 25px;
             min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */
             min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */
خط ۷۷: خط ۷۸:
           .text-outline {
           .text-outline {
               color: #2E8B57;
               color: #2E8B57;
font-size: 20px;
              font-size: 20px;
    text-shadow:
              text-shadow:
        0 0 0 #fff,
                              0 0 0 #fff,
        0 0 0 #fff,
                              0 0 0 #fff,
        0px  1px 1px #fff,
                              0px  1px 1px #fff,
        0px  -1px 1px #fff;
                            0px  -1px 1px #fff;
         }
         }


خط ۱۲۳: خط ۱۲۴:
                 <img src="https://dl.faraghaib.ir/m/260022/26002203.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002203.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title text-outline"> مشاوره رایگان انتخاب کولر گازی بر اساس متراژ</h3>
             <h3 class="card-title"> مشاوره رایگان انتخاب کولر گازی بر اساس متراژ</h3>
         </article>
         </article>


خط ۱۳۱: خط ۱۳۲:
                 <img src="https://dl.faraghaib.ir/m/260022/26002204.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002204.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title" style="color: #536878;">مناسب مناطق گرم و معتدل</h3>
             <h3 class="card-title">مناسب مناطق گرم و معتدل</h3>
         </article>
         </article>


خط ۱۳۹: خط ۱۴۰:
                 <img src="https://dl.faraghaib.ir/m/260022/26002206.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002206.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title" style="color: #FFC882;">مدل مناسب شما کدام است؟</h3>
             <h3 class="card-title">مدل مناسب شما کدام است؟</h3>
         </article>
         </article>


خط ۱۴۷: خط ۱۴۸:
                 <img src="https://dl.faraghaib.ir/m/260022/26002207.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002207.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title" style="color: #5DADEC;">از گرمای تابستان فرار کنید؛ کولر گازی بخرید</h3>
             <h3 class="card-title">از گرمای تابستان فرار کنید؛ کولر گازی بخرید</h3>
         </article>
         </article>
     </div>
     </div>
 
<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;">
   <div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;">
<img src="https://dl.faraghaib.ir/m/260022/22002201.png" alt="فروشکاه امامی">
<img src="https://dl.faraghaib.ir/m/260022/26002201.png" alt="فروشکاه امامی">
</div>
</div>
<h2>کولر گازی یک تکه یا پنجره‌ای</h2>
<h2>کولر گازی یک تکه یا پنجره‌ای</h2>
خط ۱۶۵: خط ۱۶۶:
                 <img src="https://dl.faraghaib.ir/m/260022/26002210.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002210.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title" style="color: #654321;">کولر گازی کم‌مصرف؛ خنکی بیشتر، هزینه برق کمتر</h3>
             <h3 class="card-title">کولر گازی کم‌مصرف؛ خنکی بیشتر، هزینه برق کمتر</h3>
         </article>
         </article>


خط ۱۷۳: خط ۱۷۴:
                 <img src="https://dl.faraghaib.ir/m/260022/26002211.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002211.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"  style="color: #C3B091;">قیمت کولر گازی را مقایسه کنید و هوشمندانه بخرید</h3>
             <h3 class="card-title">قیمت کولر گازی را مقایسه کنید و هوشمندانه بخرید</h3>
         </article>
         </article>


خط ۱۸۱: خط ۱۸۲:
                 <img src="https://dl.faraghaib.ir/m/260022/26002213.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002213.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"  style="color: #A67B5B;">کولر گازی مناسب متراژ خانه‌تان را پیدا کنید</h3>
             <h3 class="card-title">کولر گازی مناسب متراژ خانه‌تان را پیدا کنید</h3>
         </article>
         </article>


خط ۱۸۹: خط ۱۹۰:
                 <img src="https://dl.faraghaib.ir/m/260022/26002214.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002214.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"  style="color: #C3B091;">عملکرد قدرتمند با مصرف انرژی کمتر</h3>
             <h3 class="card-title">عملکرد قدرتمند با مصرف انرژی کمتر</h3>
         </article>
         </article>
     </div>
     </div>
 
<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;">
   <div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;">
<img src="https://dl.faraghaib.ir/m/260022/26002223.png" alt="فروشکاه امامی">
<img src="https://dl.faraghaib.ir/m/260022/26002224.png" alt="فروشکاه امامی">
</div>
</div>
<h2>کولر گازی داکت یا کانالی</h2>
<h2>کولر گازی داکت یا کانالی</h2>
خط ۲۰۶: خط ۲۰۷:
                 <img src="https://dl.faraghaib.ir/m/260022/26002217.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002217.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"  style="color: #BEBFC5;">انتخاب مطمئن برای روزهای گرم سال</h3>
             <h3 class="card-title">انتخاب مطمئن برای روزهای گرم سال</h3>
         </article>
         </article>


خط ۲۱۴: خط ۲۱۵:
                 <img src="https://dl.faraghaib.ir/m/260022/26002216.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002216.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"  style="color: #98817B;">بررسی مدل‌ها، ظرفیت‌ها و امکانات کاربردی</h3>
             <h3 class="card-title">بررسی مدل‌ها، ظرفیت‌ها و امکانات کاربردی</h3>
         </article>
         </article>


خط ۲۲۲: خط ۲۲۳:
                 <img src="https://dl.faraghaib.ir/m/260022/26002218.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002218.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"  style="color: #8C92AC;">مدل‌های جدید با قیمت رقابتی</h3>
             <h3 class="card-title">مدل‌های جدید با قیمت رقابتی</h3>
         </article>
         </article>


خط ۲۳۰: خط ۲۳۱:
                 <img src="https://dl.faraghaib.ir/m/260022/26002219.jpg" alt="کولرگازی امامی">
                 <img src="https://dl.faraghaib.ir/m/260022/26002219.jpg" alt="کولرگازی امامی">
             </div>
             </div>
             <h3 class="card-title"  style="color: #999999;">همین حالا مدل مناسب خود را انتخاب کنید</h3>
             <h3 class="card-title">همین حالا مدل مناسب خود را انتخاب کنید</h3>
         </article>
         </article>
     </div>
     </div>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_4_کادر/امامی»