کانتینر تصاویر خطی/تورال - فراغیب
صفحهای تازه حاوی «<html> <style> ←تنظیمات پایه برای خوانایی: .product-categories { background-color: #b7b7b7; border-radius: 5px; padding: 40px 20px; max-width: 1200px; margin: auto; } .category-list { display: flex; flex-wrap: wrap; ←برای شکستن خط در موبایل: gap: 20px; list-style: none; justify-content: center; } .category-item { flex: 1 1 150px; /* حداق...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۳: | خط ۳: | ||
/* تنظیمات پایه برای خوانایی */ | /* تنظیمات پایه برای خوانایی */ | ||
.product-categories { | .product-categories { | ||
background-color: # | background-color: #84520b; | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 40px 20px; | padding: 40px 20px; | ||
max-width: 1200px; | max-width: 1200px; | ||
margin: auto; | margin: auto; | ||
color: #ffffff; | |||
} | |||
.h3 { | |||
color: #ffffff; | |||
font-family: iransans; | |||
} | } | ||
| خط ۴۹: | خط ۵۶: | ||
<section class="product-categories"> | <section class="product-categories"> | ||
<h2 class="section-title">محصولات چرمی ما</h2> | <h2 class="section-title" style="color: #ffffff;">محصولات چرمی ما</h2> | ||
<ul class="category-list"> | <ul class="category-list"> | ||
<!-- برای هر آیتم، از تگ لینک برای سئو بهتر استفاده کنید --> | <!-- برای هر آیتم، از تگ لینک برای سئو بهتر استفاده کنید --> | ||
نسخهٔ ۲۲ اوت ۲۰۲۶، ساعت ۱۱:۳۸
