الگو:کانتینر 4 کادر: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۸: | خط ۸: | ||
:root { | :root { | ||
--primary-green: #2d5a4c; /* سبز تیره برای متون و دکمه */ | --primary-green: #2d5a4c; /* سبز تیره برای متون و دکمه */ | ||
--light-green: # | --light-green: #3B2F2F; /* سبز بسیار ملایم برای پسزمینه کارت */ | ||
--hover-green: #3d7a67; | --hover-green: #3d7a67; | ||
--border-radius: 12px; | --border-radius: 12px; | ||
| خط ۶۸: | خط ۶۸: | ||
.card-title { | .card-title { | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
color: # | color: #D7CCC8; | ||
margin-bottom: 25px; | margin-bottom: 25px; | ||
min-height: 60px; /* برای یکسان ماندن اندازه کارتها */ | min-height: 60px; /* برای یکسان ماندن اندازه کارتها */ | ||
| خط ۱۱۰: | خط ۱۱۰: | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<!-- آدرس تصویر خود را در قسمت src قرار دهید --> | <!-- آدرس تصویر خود را در قسمت src قرار دهید --> | ||
<img src="https://dl.faraghaib.ir/m/ | <img src="https://dl.faraghaib.ir/m/260012/26001201.jpg" alt="دوره خودشناسی"> | ||
</div> | </div> | ||
<h3 class="card-title"> | <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/ | <img src="https://dl.faraghaib.ir/m/260012/26001202.jpg" alt="دوره اعتماد به نفس"> | ||
</div> | </div> | ||
<h3 class="card-title"> | <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/ | <img src="https://dl.faraghaib.ir/m/260012/26001203.jpg" alt="دوره سلامت روان"> | ||
</div> | </div> | ||
<h3 class="card-title"> | <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/ | <img src="https://dl.faraghaib.ir/m/260012/26001204.jpg" alt="دوره فن بیان"> | ||
</div> | </div> | ||
<h3 class="card-title"> | <h3 class="card-title">سفارش بیرونبر</h3> | ||
</article> | </article> | ||
</div> | </div> | ||