الگو:بخش اطلاعات تماس/پوشاک بابازاده: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۷: | خط ۷: | ||
margin: 20px auto; | margin: 20px auto; | ||
padding: 30px 20px; | padding: 30px 20px; | ||
/* رنگ | /* رنگ روشن و مینیمال مناسب بوتیک و شلوار فروشی */ | ||
background-color: # | background-color: #f5f6fa; | ||
border-radius: 12px; | border-radius: 12px; | ||
box-shadow: 0 | box-shadow: 0 4px 10px rgba(0,0,0,0.05); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
border: 1px solid #e1e1e1; /* حاشیه ملایم */ | |||
} | } | ||
| خط ۲۱: | خط ۲۲: | ||
align-items: center; | align-items: center; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 25px; | ||
width: 100%; | width: 100%; | ||
} | } | ||
| خط ۳۱: | خط ۳۲: | ||
text-decoration: none; | text-decoration: none; | ||
transition: transform 0.3s ease; | transition: transform 0.3s ease; | ||
padding: 5px; | |||
} | } | ||
.icon-wrapper:hover { | .icon-wrapper:hover { | ||
transform: | transform: translateY(-5px); | ||
} | } | ||
| خط ۴۱: | خط ۴۳: | ||
height: 50px; | height: 50px; | ||
object-fit: contain; | object-fit: contain; | ||
/* حذف فیلتر برای نمایش درست تصاویر */ | |||
display: block; | |||
} | } | ||
| خط ۴۹: | خط ۵۲: | ||
height: 40px; | height: 40px; | ||
} | } | ||
} | } | ||
</style> | </style> | ||
| خط ۷۳: | خط ۷۵: | ||
<!-- 5: اینستاگرام --> | <!-- 5: اینستاگرام --> | ||
<a href="https://instagram.com/attarihafez" class="icon-wrapper" title="اینستاگرام" target="_blank"> | <a href="https://instagram.com/attarihafez" class="icon-wrapper" title="اینستاگرام" target="_blank"> | ||
<img src="https://dl.faraghaib.ir/m/100/ | <img src="https://dl.faraghaib.ir/m/100/robika.png" alt="اینستاگرام" loading="lazy"> | ||
</a> | </a> | ||
</nav> | </nav> | ||