الگو:کانتینر 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; ←سبز بسیار ملایم برای پسزمینه کارت: ...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۳۵: | خط ۳۵: | ||
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; | ||
| خط ۶۷: | خط ۶۷: | ||
/* عنوان دوره (سئو شده با h3) */ | /* عنوان دوره (سئو شده با h3) */ | ||
.card-title { | .card-title { | ||
font-size: | font-size: 0.9rem; | ||
color: #333; | color: #333; | ||
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.5rem; | ||
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/260021/ | <img src="https://dl.faraghaib.ir/m/260021/26002105.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:// | <img src="https://dl.faraghaib.ir/m/260021/26002107.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:// | <img src="https://dl.faraghaib.ir/m/260021/26002108.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:// | <img src="https://dl.faraghaib.ir/m/260021/26002109.jpg" alt="دوره فن بیان"> | ||
</div> | </div> | ||
<h3 class="card-title">تقویت عزت نفس و مهارتهای ارتباطی</h3> | <h3 class="card-title">تقویت عزت نفس و مهارتهای ارتباطی</h3> | ||