الگو:کانتینر 4 کادر/کافه محمد: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| (یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۵۵: | خط ۵۵: | ||
overflow: hidden; | overflow: hidden; | ||
border-radius: 10px; | border-radius: 10px; | ||
margin-bottom: | margin-bottom: 1px; | ||
background-color: #ddd; /* جایگزین موقت تا عکس لود شود */ | background-color: #ddd; /* جایگزین موقت تا عکس لود شود */ | ||
} | } | ||
| خط ۶۹: | خط ۶۹: | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
color: #D7CCC8; | color: #D7CCC8; | ||
margin-bottom: | margin-bottom: 2px; | ||
min-height: 60px; /* برای یکسان ماندن اندازه کارتها */ | min-height: 60px; /* برای یکسان ماندن اندازه کارتها */ | ||
display: flex; | display: flex; | ||
| خط ۱۱۰: | خط ۱۱۰: | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<!-- آدرس تصویر خود را در قسمت src قرار دهید --> | <!-- آدرس تصویر خود را در قسمت src قرار دهید --> | ||
<img src="https://dl.faraghaib.ir/m/260012/260012-01- | <img src="https://dl.faraghaib.ir/m/260012-01/260012-01-21.JPG" alt="دوره خودشناسی"> | ||
</div> | </div> | ||
<h3 class="card-title"> فضای دلچسب </h3> | <h3 class="card-title"> فضای دلچسب </h3> | ||
| خط ۱۱۸: | خط ۱۱۸: | ||
<article class="card"> | <article class="card"> | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<img src="https://dl.faraghaib.ir/m/260012/260012-01-08.jpg" alt="دوره اعتماد به نفس"> | <img src="https://dl.faraghaib.ir/m/260012-01/260012-01-08.jpg" alt="دوره اعتماد به نفس"> | ||
</div> | </div> | ||
<h3 class="card-title">صبحانه </h3> | <h3 class="card-title">صبحانه </h3> | ||
| خط ۱۲۶: | خط ۱۲۶: | ||
<article class="card"> | <article class="card"> | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<img src="https://dl.faraghaib.ir/m/260012/260012-01-04.jpg" alt="دوره سلامت روان"> | <img src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg" alt="دوره سلامت روان"> | ||
</div> | </div> | ||
<h3 class="card-title">عصرانه</h3> | <h3 class="card-title">عصرانه</h3> | ||
| خط ۱۳۴: | خط ۱۳۴: | ||
<article class="card"> | <article class="card"> | ||
<div class="card-image-wrapper"> | <div class="card-image-wrapper"> | ||
<img src="https://dl.faraghaib.ir/m/260012/260012-01-09.png" alt="دوره فن بیان"> | <img src="https://dl.faraghaib.ir/m/260012-01/260012-01-09.png" alt="دوره فن بیان"> | ||
</div> | </div> | ||
<h3 class="card-title">سفارش بیرونبر</h3> | <h3 class="card-title">سفارش بیرونبر</h3> | ||