انجام پروپوزال در اسلام‌آباد غرب + تضمینی

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
margin: 10px auto;
}
h1 {
font-size: 2em !important;
margin-bottom: 25px !important;
}
h2 {
font-size: 1.8em !important;
margin-top: 35px !important;
margin-bottom: 20px !important;
}
h3 {
font-size: 1.4em !important;
}
p, li, table {
font-size: 1em !important;
}
.wp-block-group.is-layout-flex > div {
flex: 1 1 100% !important; /* Stack infographic items on small screens */
}
div[style*=”display: flex”].wp-block-group > div {
flex-basis: 100% !important;
min-width: unset !important;
}
table {
min-width: 100% !important; /* Ensure table fits */
}
}

/* Base styles for Vazirmatn font – User needs to ensure font is loaded on their site */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/webfonts/Vazirmatn-Regular.woff2’) format(‘woff2’);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/webfonts/Vazirmatn-SemiBold.woff2’) format(‘woff2’);
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/webfonts/Vazirmatn-Bold.woff2’) format(‘woff2’);
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/webfonts/Vazirmatn-ExtraBold.woff2’) format(‘woff2’);
font-weight: 800;
font-style: normal;
font-display: swap;
}

<!–
نکات مهم برای استفاده در ویرایشگر بلوک یا کلاسیک:

1. **فونت Vazirmatn:** این مقاله با فرض نصب یا فراخوانی فونت "Vazirmatn" طراحی شده است. کد `@font-face` برای بارگذاری این فونت اضافه شده است. اگر وب‌سایت شما از فونت دیگری استفاده می‌کند یا این فونت را ندارد، ممکن است ظاهر نهایی کمی متفاوت باشد. برای بهترین نتیجه، مطمئن شوید فونت Vazirmatn در سایت شما فعال است یا فونت مورد نظر خود را در CSS جایگزین کنید.
2. **استایل‌های اینلاین (Inline Styles):** بیشتر استایل‌ها به صورت اینلاین (Inline) در کدهای HTML قرار داده شده‌اند تا هنگام کپی در ویرایشگر بلوک یا کلاسیک، تا حد امکان حفظ شوند. با این حال، برخی ویرایشگرها ممکن است تمام استایل‌های اینلاین را به دقت رندر نکنند یا برخی از آن‌ها را فیلتر کنند.
3. **پاسخگویی (Responsiveness):** استایل‌های پاسخگویی با استفاده از Media Query در بخش “ اضافه شده‌اند. این استایل‌ها به طور خاص برای نمایش بهتر در دستگاه‌های کوچک‌تر (موبایل و تبلت) طراحی شده‌اند. این بخش “ باید در قسمت Custom CSS سایت شما قرار گیرد، یا در بخش HTML ویرایشگر قرار گیرد تا کار کند.
4. **کپی در ویرایشگر بلوک:** برای بهترین نتیجه، محتوای بالا را به صورت “کد HTML” (Custom HTML Block) در ویرایشگر بلوک یا در حالت “متن” (Text/Code Editor) ویرایشگر کلاسیک کپی کنید. اگر مستقیماً به صورت “بصری” (Visual Editor) کپی کنید، ممکن است بخشی از استایل‌ها از بین بروند.
5. **اینفوگرافیک:** بلوک اینفوگرافیک با استفاده از `display: flex` طراحی شده تا در صفحات بزرگتر کنار هم قرار گیرد و در صفحات کوچکتر (به لطف Media Query) زیر هم بیایند. این ساختار باید به خوبی در اکثر ویرایشگرها و قالب‌ها نمایش داده شود.
–>