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

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۶۸: خط ۶۸:
         .card-title {
         .card-title {
             font-size: 20px;
             font-size: 20px;
             color: #6F00FF;
             color: #000;
             margin-bottom: 25px;
             margin-bottom: 25px;
             min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */
             min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */
خط ۱۲۳: خط ۱۲۳:
                 <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>
خط ۱۶۵: خط ۱۶۵:
                 <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>
خط ۲۰۶: خط ۲۰۶:
                 <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>