الگو:کانتینر 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; | ||
| خط ۶۷: | خط ۶۷: | ||
/* عنوان دوره (سئو شده با 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; | |||
} | |||
/* استایل دکمه اطلاعات بیشتر */ | /* استایل دکمه اطلاعات بیشتر */ | ||
| خط ۱۰۵: | خط ۱۱۵: | ||
<body> | <body> | ||
<!-- ردیف اول --> | |||
<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/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"> | ||