الگو:بخش اطلاعات تماس/دماوند پلیمر: تفاوت میان نسخه‌ها

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۸: خط ۸:
         padding: 30px 20px;
         padding: 30px 20px;
         /* تم هماهنگ با جدول ارسالی */
         /* تم هماهنگ با جدول ارسالی */
         background-color: #f8f9fa;
         background-color: #87CEFA;
         border-radius: 12px;
         border-radius: 12px;
         box-shadow: 0 4px 12px rgba(0,0,0,0.08);
         box-shadow: 0 4px 12px rgba(0,0,0,0.08);
خط ۱۴: خط ۱۴:
         display: flex;
         display: flex;
         justify-content: center;
         justify-content: center;
         border: 1px solid #d9d9d9;
         border: 1px solid #87CEFA;
     }
     }


خط ۳۴: خط ۳۴:
         padding: 12px;
         padding: 12px;
         border-radius: 10px;
         border-radius: 10px;
         background: #ffffff;
         background: #87CEFA;
     }
     }


     .icon-wrapper:hover {
     .icon-wrapper:hover {
         transform: translateY(-5px);
         transform: translateY(-5px);
         background: #fff5f5;
         background: #94BBE9;
         box-shadow: 0 4px 12px rgba(255, 38, 38, 0.12);
         box-shadow: 0 4px 12px rgba(255, 38, 38, 0.12);
     }
     }
خط ۶۵: خط ۶۵:
     <nav class="icons-row">
     <nav class="icons-row">
         <!-- 1: تماس -->
         <!-- 1: تماس -->
         <a href="tel:091230052025" class="icon-wrapper" title="تماس تلفنی">
         <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>