الگو:کانتینر 4 کادر/امامی: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| (۸ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۸: | خط ۸: | ||
: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-title { | .card-title { | ||
font-size: 20px; | font-size: 20px; | ||
color: # | 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; | |||
text-shadow: | |||
0 0 0 #fff, | |||
0 0 0 #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 | <h3 class="card-title"> مشاوره رایگان انتخاب کولر گازی بر اساس متراژ</h3> | ||
</article> | </article> | ||
| خط ۱۵۰: | خط ۱۵۱: | ||
</article> | </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/26002201.png" alt="فروشکاه امامی"> | |||
</div> | |||
<h2>کولر گازی یک تکه یا پنجرهای</h2> | <h2>کولر گازی یک تکه یا پنجرهای</h2> | ||
<div class="card-grid"> | <div class="card-grid"> | ||
| خط ۱۸۸: | خط ۱۹۳: | ||
</article> | </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/26002224.png" alt="فروشکاه امامی"> | |||
</div> | |||
<h2>کولر گازی داکت یا کانالی</h2> | <h2>کولر گازی داکت یا کانالی</h2> | ||
<div class="card-grid"> | <div class="card-grid"> | ||