الگو:بخش اطلاعات تماس/دماوند پلیمر: تفاوت میان نسخهها
صفحهای تازه حاوی «<html> <style> .deniz-contact-card { width: 100%; max-width: 1100px; margin: 20px auto; padding: 30px 20px; ←رنگ روشن و مینیمال مناسب بوتیک و شلوار فروشی: background-color: #f5f6fa; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); box-sizing: border-box; display: flex; justify-content: cente...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| (۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۷: | خط ۷: | ||
margin: 20px auto; | margin: 20px auto; | ||
padding: 30px 20px; | padding: 30px 20px; | ||
/* | /* تم هماهنگ با جدول ارسالی */ | ||
background-color: # | background-color: #87CEFA; | ||
border-radius: 12px; | border-radius: 12px; | ||
box-shadow: 0 4px | box-shadow: 0 4px 12px rgba(0,0,0,0.08); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
border: 1px solid # | border: 1px solid #87CEFA; | ||
} | } | ||
| خط ۳۱: | خط ۳۱: | ||
align-items: center; | align-items: center; | ||
text-decoration: none; | text-decoration: none; | ||
transition: | transition: all 0.3s ease; | ||
padding: | padding: 12px; | ||
border-radius: 10px; | |||
background: #87CEFA; | |||
} | } | ||
.icon-wrapper:hover { | .icon-wrapper:hover { | ||
transform: translateY(-5px); | transform: translateY(-5px); | ||
background: #94BBE9; | |||
box-shadow: 0 4px 12px rgba(255, 38, 38, 0.12); | |||
} | } | ||
| خط ۴۳: | خط ۴۷: | ||
height: 50px; | height: 50px; | ||
object-fit: contain; | object-fit: contain; | ||
display: block; | |||
display: block; | |||
} | } | ||
| خط ۵۱: | خط ۵۴: | ||
width: 40px; | width: 40px; | ||
height: 40px; | height: 40px; | ||
} | |||
.icon-wrapper { | |||
padding: 10px; | |||
} | } | ||
} | } | ||
| خط ۵۸: | خط ۶۵: | ||
<nav class="icons-row"> | <nav class="icons-row"> | ||
<!-- 1: تماس --> | <!-- 1: تماس --> | ||
<a href="tel: | <a href="tel:09123005025" class="icon-wrapper" title="تماس تلفنی"> | ||
<img src="https://dl.faraghaib.ir/m/100/phone.png" alt="تماس" loading="lazy"> | <img src="https://dl.faraghaib.ir/m/100/phone.png" alt="تماس" loading="lazy"> | ||
</a> | </a> | ||
<!-- 2: تلگرام --> | <!-- 2: تلگرام --> | ||
<a href="https://t.me/کاربری-مشتری" class="icon-wrapper" title="تلگرام" target="_blank"> | <a href="https://t.me/کاربری-مشتری" class="icon-wrapper" title="تلگرام" target="_blank"> | ||
<img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy"> | <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy"> | ||
</a> | </a> | ||
<!-- 3: آدرس --> | <!-- 3: آدرس --> | ||
<a href="https://neshan.org/maps/places/35.51579125498904,51.151313642444705#c26.681-61.665-22z-0p" class="icon-wrapper" title="آدرس روی نقشه" target="_blank"> | |||
<img src="https://dl.faraghaib.ir/m/100/loc.png" alt="آدرس" loading="lazy"> | |||
</a> | |||
<!-- 4: مشاوره --> | <!-- 4: مشاوره --> | ||
<a href="tel: | <a href="tel:09123005025" class="icon-wrapper" title="مشاوره خرید" target="_blank"> | ||
<img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy"> | <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy"> | ||
</a> | </a> | ||
<!-- 5: اینستاگرام --> | <!-- 5: اینستاگرام --> | ||
<a href="https://instagram.com/کاربری-مشتری" class="icon-wrapper" title="اینستاگرام" target="_blank"> | <a href="https://instagram.com/کاربری-مشتری" class="icon-wrapper" title="اینستاگرام" target="_blank"> | ||
| خط ۷۹: | خط ۹۰: | ||
</nav> | </nav> | ||
</section> | </section> | ||
</html> | </html> | ||