فراغیب

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

→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۲: خط ۲:
<style>
<style>
/* ============================
/* ============================
   کارت تماس — نسخه هم‌عرض با تصویر + ریسپانسیو
   کارت تماس — وسط‌چین + بزرگ‌تر + ریسپانسیو
   ============================ */
   ============================ */


.deniz-contact-card {
.deniz-contact-card {
     width: 100%;
     width: 100%;
     max-width: 1100px;   /* هم‌عرض با عکس قبلی */
     max-width: 1100px;
     margin: 20px auto;
     margin: 20px auto;
     aspect-ratio: 1561 / 1008;
     aspect-ratio: 1561 / 1008;
     padding: clamp(28px, 8%, 92px) clamp(18px, 6%, 56px) clamp(18px, 6%, 56px);
     padding: clamp(24px, 6%, 70px) clamp(18px, 5%, 56px);
     direction: rtl;
     direction: rtl;
     text-align: center;
     text-align: center;
خط ۲۱: خط ۲۱:
     font-family: 'IRANSans', sans-serif;
     font-family: 'IRANSans', sans-serif;
     overflow: hidden;
     overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
}


خط ۲۷: خط ۳۱:
     height: 100%;
     height: 100%;
     box-sizing: border-box;
     box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
}


خط ۳۲: خط ۴۱:
.contact-intro {
.contact-intro {
     display: block;
     display: block;
     margin-bottom: clamp(12px, 2.5%, 24px);
     margin-bottom: clamp(16px, 3%, 30px);
     font-size: clamp(0.78em, 1.8vw, 0.95em);
     font-size: clamp(0.95em, 2vw, 1.12em);
     line-height: 1.7;
     line-height: 1.8;
     color: #2e4633;
     color: #2e4633;
     font-weight: bold;
     font-weight: bold;
    text-align: center;
}
}


/* ردیف آیکون‌ها */
/* ردیف آیکون‌ها */
.icons-row {
.icons-row {
    width: 100%;
     display: flex;
     display: flex;
     justify-content: space-around;
     justify-content: space-around;
    align-items: flex-start;
     flex-wrap: wrap;
     flex-wrap: wrap;
     gap: clamp(10px, 2%, 22px);
     gap: clamp(14px, 2.2%, 26px);
     margin-top: 10px;
     margin-top: 10px;
}
}
خط ۵۴: خط ۶۶:
     text-align: center;
     text-align: center;
     flex: 1 1 0;
     flex: 1 1 0;
     min-width: 120px;
     min-width: 125px;
}
}


.icon-block img {
.icon-block img {
     width: clamp(30px, 4vw, 44px);
     width: clamp(38px, 4.8vw, 54px);
     height: clamp(30px, 4vw, 44px);
     height: clamp(38px, 4.8vw, 54px);
     margin-bottom: clamp(6px, 1.5%, 12px);
     margin-bottom: clamp(8px, 1.8%, 14px);
     object-fit: contain;
     object-fit: contain;
}
}


.icon-block .caption {
.icon-block .caption {
     font-size: clamp(0.75em, 1.8vw, 0.92em);
     font-size: clamp(0.88em, 2vw, 1.05em);
     line-height: 1.7;
     line-height: 1.8;
     color: #3e2723;
     color: #3e2723;
}
}
خط ۷۳: خط ۸۵:
     display: block;
     display: block;
     color: #2e4633;
     color: #2e4633;
     margin-bottom: 4px;
     margin-bottom: 5px;
     font-size: clamp(0.85em, 2vw, 1em);
     font-size: clamp(0.98em, 2.2vw, 1.12em);
}
}


خط ۹۲: خط ۱۰۴:
/* بخش پایینی */
/* بخش پایینی */
.contact-footer {
.contact-footer {
     margin-top: clamp(18px, 3.5%, 34px);
     margin-top: clamp(20px, 4%, 36px);
     padding-top: clamp(12px, 2.5%, 20px);
     padding-top: clamp(12px, 2.5%, 22px);
     border-top: 1px solid rgba(46, 70, 51, 0.2);
     border-top: 1px solid rgba(46, 70, 51, 0.2);
     font-size: clamp(0.82em, 2vw, 0.95em);
     font-size: clamp(0.9em, 2vw, 1.02em);
     line-height: 1.8;
     line-height: 1.8;
     color: #3e2723;
     color: #3e2723;
خط ۱۰۷: خط ۱۱۹:
@media (max-width: 768px) {
@media (max-width: 768px) {
     .deniz-contact-card {
     .deniz-contact-card {
         padding: clamp(22px, 7%, 60px) clamp(14px, 4%, 30px) clamp(14px, 4%, 30px);
         padding: 22px 14px;
     }
     }


     .icon-block {
     .icon-block {
         min-width: 100px;
         min-width: 105px;
     }
     }
}
}
خط ۱۱۹: خط ۱۳۱:
     .deniz-contact-card {
     .deniz-contact-card {
         aspect-ratio: auto;
         aspect-ratio: auto;
         min-height: 420px;
         min-height: 450px;
         padding: 22px 14px 18px;
         padding: 20px 12px 18px;
     }
     }


خط ۱۲۹: خط ۱۴۱:
     .icon-block {
     .icon-block {
         flex: 1 1 30%;
         flex: 1 1 30%;
         min-width: 80px;
         min-width: 82px;
    }
 
    .contact-intro {
        margin-bottom: 14px;
     }
     }
}
}
خط ۱۳۷: خط ۱۵۳:
     .icon-block {
     .icon-block {
         flex: 1 1 42%;
         flex: 1 1 42%;
         min-width: 70px;
         min-width: 72px;
    }
 
    .icon-block .caption {
        font-size: 0.84em;
    }
 
    .icon-block .caption b {
        font-size: 0.92em;
     }
     }
}
}
خط ۲۳۸: خط ۲۶۲:
                     alt="ثبت درخواست و مشاوره تلفنی"
                     alt="ثبت درخواست و مشاوره تلفنی"
                     loading="lazy" width="40" height="40">
                     loading="lazy" width="40" height="40">
            </span>
            <b>رزرو سریع و مشاوره:</b>
            <a href="tel:09188816696" title="مشاوره و رزرو">09188816696</a>
        </div>
    </div>
</section>
</html>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:بخش_اطلاعات_تماس/عطاری_حافظ»