عطاری و ادویه سرای حافظ: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| (۱۱ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۱۹: | خط ۱۹: | ||
<div class="category-grid"> | <div class="category-grid"> | ||
<a class="category-card" href="https:// | <a class="category-card" href="https://fa.faraghaib.ir/wiki/%D8%B9%D8%B7%D8%A7%D8%B1%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8/%DA%AF%DB%8C%D8%A7%D9%87%D8%A7%D9%86_%D8%AF%D8%A7%D8%B1%D9%88%DB%8C%DB%8C"> | ||
<img src="https://marhamteb.com/image/cache/wp/gp/banner/categories/1-350x350.webp" alt="گیاهان دارویی"> | <img src="https://marhamteb.com/image/cache/wp/gp/banner/categories/1-350x350.webp" alt="گیاهان دارویی"> | ||
<span>گیاهان دارویی</span> | <span>گیاهان دارویی</span> | ||
| خط ۵۷: | خط ۵۷: | ||
<img src="https://marhamteb.com/image/cache/wp/gp/banner/categories/5-350x350.webp" alt="دمنوش ترکیبی"> | <img src="https://marhamteb.com/image/cache/wp/gp/banner/categories/5-350x350.webp" alt="دمنوش ترکیبی"> | ||
<span>دمنوش ترکیبی</span> | <span>دمنوش ترکیبی</span> | ||
</a> | </a> | ||
</div> | </div> | ||
| خط ۹۹: | خط ۶۹: | ||
} | } | ||
.category-section__title { | .category-section__title {<small> | ||
margin: 0 0 18px; | margin: 0 0 18px; | ||
font-size: 28px; | font-size: 28px; | ||
| خط ۱۴۰: | خط ۱۱۰: | ||
text-align: center; | text-align: center; | ||
font-weight: 700; | font-weight: 700; | ||
line-height: 1. | line-height: 1.6; | ||
font-size: 14px; | |||
} | } | ||
/* تنظیمات تبلت */ | |||
@media (max-width: 992px) { | @media (max-width: 992px) { | ||
.category-grid { | .category-grid { | ||
| خط ۱۴۹: | خط ۱۲۱: | ||
} | } | ||
/* تنظیمات موبایل - اکنون ۲ ستونه */ | |||
@media (max-width: 576px) { | @media (max-width: 576px) { | ||
.category-grid { | .category-grid { | ||
grid-template-columns: 1fr; | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
gap: 10px; | |||
} | |||
.category-card span { | |||
font-size: 13px; | |||
} | } | ||
} | } | ||
</style> | </style> | ||
</html> | |||
{{دایره های کنار هم/عطاری حافظ}} | |||
<html> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; margin: 1em 0; direction: rtl;"> | |||
<!-- کارت تصویر اول: بادام --> | |||
<div style="flex: 1; min-width: 280px; max-width: 45%; box-sizing: border-box;"> | |||
<div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #eee;"> | |||
<img src="https://dl.faraghaib.ir/m/105/badam.png" | |||
alt="عطاری و ادویه سرای حافظ - محصولات گیاهی" | |||
style="width: 100%; height: auto; display: block; object-fit: cover;"> | |||
</div> | |||
</div> | |||
<!-- کارت تصویر سوم: شربت سرفه --> | |||
<div style="flex: 1; min-width: 280px; max-width: 45%; box-sizing: border-box;"> | |||
<div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #eee;"> | |||
<img src="https://dl.faraghaib.ir/m/105/sorfe.png" | |||
alt="فراغیب - شربت سرفه " | |||
style="width: 100%; height: auto; display: block; object-fit: cover;"> | |||
</div> | |||
</div> | |||
<!-- کارت تصویر دوم: کرم موو --> | |||
<div style="flex: 1; min-width: 280px; max-width: 45%; box-sizing: border-box;"> | |||
<div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #eee;"> | |||
<img src="https://dl.faraghaib.ir/m/105/moov.png" | |||
alt="فراغیب - کرم تسکین درد موو" | |||
style="width: 100%; height: auto; display: block; object-fit: cover;"> | |||
</div> | |||
</div> | |||
</div> | |||
</html> | </html> | ||
{{باکس سلامتی/عطاری حافظ/چرا مشتری}} | {{باکس سلامتی/عطاری حافظ/چرا مشتری}} | ||
{{کانتینر عکس و متن/عطاری حافظ}} | {{کانتینر عکس و متن/عطاری حافظ}} | ||
| خط ۱۶۷: | خط ۱۸۱: | ||
{{باکس سلامتی/عطاری حافظ/خدمات ویژه}} | {{باکس سلامتی/عطاری حافظ/خدمات ویژه}} | ||
{{لوکیشن/عطاری حافظ}} | {{لوکیشن/عطاری حافظ}} | ||
[[رده:عطاری]] | [[رده:عطاری]] | ||