کانتینر 4 کادر - فراغیب
صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>دوره های روانشناسی و خودشناسی</title> <style> :root { --primary-green: #2d5a4c; ←سبز تیره برای متون و دکمه: --light-green: #f0f4f2; ←سبز بسیار ملایم برای پسزمینه کارت: ...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| (۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۸: | خط ۸: | ||
: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; | ||
| خط ۱۴: | خط ۱۴: | ||
body { | body { | ||
font-family: ' | font-family: 'iransans', sans-serif; | ||
background-color: #fdfdfd; | background-color: #fdfdfd; | ||
margin: 0; | margin: 0; | ||
| خط ۳۵: | خط ۳۵: | ||
border: 1px solid #e0e6e3; | border: 1px solid #e0e6e3; | ||
border-radius: var(--border-radius); | border-radius: var(--border-radius); | ||
padding: | padding: 8px; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| خط ۶۸: | خط ۶۸: | ||
.card-title { | .card-title { | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
color: # | color: #D7CCC8; | ||
margin-bottom: 25px; | margin-bottom: 25px; | ||
min-height: | min-height: 60px; /* برای یکسان ماندن اندازه کارتها */ | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| خط ۸۳: | خط ۸۳: | ||
padding: 12px 35px; | padding: 12px 35px; | ||
border-radius: 8px; | border-radius: 8px; | ||
font-size: 0. | font-size: 0.9rem; | ||
font-weight: bold; | font-weight: bold; | ||
width: 80%; /* دکمه عریض مشابه عکس */ | width: 80%; /* دکمه عریض مشابه عکس */ | ||
| خط ۱۱۰: | خط ۱۱۰: | ||
<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:// | <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:// | <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:// | <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> | ||
نسخهٔ کنونی تا ۸ اوت ۲۰۲۶، ساعت ۰۶:۴۳
رزرو میز
سفارش نوشیدنی
