پشتیبانی پایان نامه در موضوع بازاریابی

/* Global styles for better readability and responsiveness */
body {
font-family: ‘IRANSans’, ‘Vazirmatn’, sans-serif;
direction: rtl; /* For Persian text */
margin: 0;
padding: 0;
background-color: #f9f9f9; /* Light background for the whole page */
}

/* Base styles for the main content block */
div[style*=”max-width: 900px”] {
font-size: 16px; /* Base font size */
}

/* Headings */
h1 {
font-family: ‘IRANSans’, ‘Vazirmatn’, sans-serif;
font-weight: bold;
color: #2C3E50;
text-align: center;
margin-bottom: 30px;
line-height: 1.2;
font-size: 2.5em; /* Default for larger screens */
}

h2 {
font-family: ‘IRANSans’, ‘Vazirmatn’, sans-serif;
font-weight: bold;
color: #3498DB;
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #ECF0F1;
padding-bottom: 10px;
font-size: 2em; /* Default for larger screens */
}

h3 {
font-family: ‘IRANSans’, ‘Vazirmatn’, sans-serif;
font-weight: bold;
color: #5D6D7E;
margin-top: 30px;
margin-bottom: 15px;
font-size: 1.5em; /* Default for larger screens */
}

/* Paragraphs and Lists */
p, ul, ol, table {
font-size: 1em; /* Relative to base font size */
line-height: 1.8;
text-align: justify;
}

/* Table styling */
table {
width: 100%;
border-collapse: collapse;
text-align: right;
background-color: #F8F9F9;
border-radius: 8px;
overflow: hidden; /* Ensures border-radius applies to corners */
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
table th, table td {
padding: 12px 15px;
border: 1px solid #ECF0F1;
font-size: 1em;
text-align: center;
}
table th {
background-color: #3498DB;
color: white;
font-size: 1.1em;
font-weight: bold;
}
table tr:nth-child(even) {
background-color: #F2F4F6;
}
table tr:hover {
background-color: #EBF5FB;
}

/* Infographic-like block styling */
div[style*=”display: flex”] > div {
background-color: #F0F8FF; /* Light blue background for each info card */
border: 1px solid #B0E0E6;
border-radius: 8px;
padding: 25px;
margin: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
transition: transform 0.3s ease;
}
div[style*=”display: flex”] > div:hover {
transform: translateY(-5px);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
div[style*=”max-width: 900px”] {
max-width: 95%;
padding: 15px;
}
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
p, ul, ol, table, table th, table td { font-size: 0.95em; }
}

@media (max-width: 768px) {
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
p, ul, ol, table, table th, table td { font-size: 0.9em; }
div[style*=”display: flex”] {
flex-direction: column;
align-items: center;
}
div[style*=”display: flex”] > div {
width: 90%;
margin: 10px 0;
padding: 20px;
}
table thead { display: none; } /* Hide table header on small screens */
table tr {
display: block;
margin-bottom: 10px;
border: 1px solid #ECF0F1;
border-radius: 5px;
}
table td {
display: block;
text-align: right !important;
border: none;
position: relative;
padding-left: 50%; /* Space for the label */
}
table td:before {
content: attr(data-label); /* Use data-label for content */
position: absolute;
right: 0px;
width: 45%;
padding-right: 15px;
font-weight: bold;
text-align: left;
color: #34495E;
}
/* Add data-label attributes for table cells for responsive display */
table td:nth-of-type(1):before { content: “مرحله:”; }
table td:nth-of-type(2):before { content: “توضیح مختصر:”; }
}

@media (max-width: 480px) {
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
p, ul, ol, table, table th, table td { font-size: 0.85em; }
div[style*=”max-width: 900px”] {
padding: 10px;
}
}

“`

**توضیحات تکمیلی برای شما:**

1. **هدینگ‌ها (H1, H2, H3):**
* من از تگ‌های واقعی `

`, `

`, `

` به همراه استایل‌های inline استفاده کرده‌ام. این کار تضمین می‌کند که پس از کپی در ویرایشگر بلوک یا کلاسیک، مرورگر و ویرایشگر آن‌ها را به عنوان هدینگ تشخیص داده و استایل‌های تعریف شده را اعمال کنند.
* استایل `font-size` و `font-weight: bold` به طور مستقیم در تگ‌ها قرار داده شده است.

2. **استایل‌دهی و رسپانسیو بودن:**
* یک بخش “ کامل در انتهای مقاله اضافه شده است. این بخش شامل CSS برای طراحی کلی، هدینگ‌ها، پاراگراف‌ها، لیست‌ها، جدول و بلاک‌های شبیه اینفوگرافیک است.
* طراحی به گونه‌ای است که با استفاده از `max-width`, `margin: 0 auto`, `flexbox` و Media Queries (برای صفحات با عرض کمتر از 1024px, 768px, 480px) به صورت خودکار برای موبایل، تبلت، لپ‌تاپ و حتی تلویزیون (با توجه به سایز و تناسبات) واکنش‌گرا (Responsive) باشد.
* برای جدول در سایز موبایل (زیر 768px)، هدینگ‌های ستون مخفی شده و محتوای هر سلول با یک لیبل (content: attr(data-label)) به صورت افقی نمایش داده می‌شود که خوانایی را در صفحه‌های کوچک بهبود می‌بخشد. (نیاز است که بعد از کپی، برای هر `

` این جدول، یک `data-label` متناسب با محتوا اضافه کنید تا در حالت موبایل به درستی نمایش داده شود. من در کد بالا نمونه‌ای از آن را برای شما قرار داده‌ام که با کمی ویرایش دستی در ویرایشگر بلوک می‌توانید آن را نهایی کنید.)
* رنگ‌بندی با تم آبی و خاکستری، حرفه‌ای و آرامش‌بخش است که برای محتوای علمی مناسب است.

3. **جدول آموزشی:**
* یک جدول استاندارد HTML با حداکثر 2 ستون (مرحله | توضیح مختصر) درج شده که محتوای آموزشی و مفیدی را ارائه می‌دهد.
* استایل‌های آن برای خوانایی بهتر و ظاهر زیبا طراحی شده است.

4. **اینفوگرافیک زیبا (جایگزین):**
* به جای تصویر اینفوگرافیک واقعی (که در قالب متنی قابل تولید نیست)، من یک بلاک `div` با چهار کارت اطلاعاتی (شبیه به کارت‌های یک اینفوگرافیک) طراحی کرده‌ام که هر کدام یک مزیت را با عنوان برجسته و توضیح مختصر نمایش می‌دهند.
* این بلاک با `flexbox` طراحی شده تا در سایزهای مختلف صفحه به درستی چیدمان شود (در موبایل عمودی و در دسکتاپ افقی).
* رنگ‌بندی هر کارت متفاوت است تا از نظر بصری جذاب باشد.
* یک کپشن (متن کوچک زیر بلاک) به صورت واضح توضیح می‌دهد که این بلاک، جایگزین اینفوگرافیک است.

5. **محتوای انسان‌نویس و باارزش:**
* مقاله با لحنی تخصصی اما قابل فهم نوشته شده است.
* از عباراتی که نشان‌دهنده هوش مصنوعی باشد یا تبلیغ مستقیم باشد، پرهیز شده است.
* تمرکز بر ارائه اطلاعات جامع، مرحله به مرحله و حل چالش‌های رایج دانشجویان است.
* ساختار مقاله با تیترها، زیرتیترها، بولت پوینت‌ها و جدول، به گونه‌ای است که خواندن و اسکن کردن آن برای کاربر آسان باشد.
* محتوا مستقیماً با عنوان شروع می‌شود و هیچ مقدمه یا مؤخره اضافی ندارد.

6. **هدف‌محور (User Intent) و کیفیت بالا:**
* مقاله به طور کامل به هدف جستجوی “پشتیبانی پایان‌نامه در موضوع بازاریابی” پاسخ می‌دهد و جنبه‌های مختلف آن را پوشش می‌دهد.
* عمق محتوایی کافی دارد و صرفاً اطلاعات سطحی نیست.
* از غلط املایی و نگارشی پرهیز شده است.

این کد HTML و CSS را می‌توانید مستقیماً در ویرایشگر بلوک (مانند گوتنبرگ وردپرس در حالت HTML) یا ویرایشگر کلاسیک (با رفتن به حالت Text/HTML) کپی کنید. مطمئن شوید که ویرایشگر شما اجازه استفاده از تگ “ را می‌دهد یا CSS را در بخش سفارشی‌سازی CSS قالب سایت خود قرار دهید.