پرش به محتوا

بخش اطلاعات تماس/عطاری حافظ - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۱۲ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
<html>
<html>
<style>
<style>
/* ============================
  کارت تماس — وسط‌چین + بزرگ‌تر + ریسپانسیو
  ============================ */
.deniz-contact-card {
    width: 100%;
    max-width: 1100px;
    margin: 20px auto;
    aspect-ratio: 1561 / 1008;
    padding: clamp(24px, 6%, 70px) clamp(18px, 5%, 56px);
    direction: rtl;
    text-align: center;
    background-image: url('https://dl.faraghaib.ir/m/105/12.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    color: #3e2723;
    box-sizing: border-box;
    font-family: 'IRANSans', sans-serif;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wiki-custom-body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* تیتر بالا */
.contact-intro {
    display: block;
    margin-bottom: clamp(16px, 3%, 30px);
    font-size: clamp(0.95em, 2vw, 1.12em);
    line-height: 1.8;
    color: #2e4633;
    font-weight: bold;
    text-align: center;
}
/* ردیف آیکون‌ها */
.icons-row {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: clamp(14px, 2.2%, 26px);
    margin-top: 10px;
}
.icon-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1 1 0;
    min-width: 125px;
}
.icon-block img {
    width: clamp(38px, 4.8vw, 54px);
    height: clamp(38px, 4.8vw, 54px);
    margin-bottom: clamp(8px, 1.8%, 14px);
    object-fit: contain;
}
.icon-block .caption {
    font-size: clamp(0.88em, 2vw, 1.05em);
    line-height: 1.8;
    color: #3e2723;
}
.icon-block .caption b {
    display: block;
    color: #2e4633;
    margin-bottom: 5px;
    font-size: clamp(0.98em, 2.2vw, 1.12em);
}
/* لینک‌ها */
.deniz-contact-card a {
    color: #a67c00 !important;
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s ease;
}
.deniz-contact-card a:hover {
    color: #5d4037 !important;
    text-decoration: underline;
}
/* بخش پایینی */
.contact-footer {
    margin-top: clamp(20px, 4%, 36px);
    padding-top: clamp(12px, 2.5%, 22px);
    border-top: 1px solid rgba(46, 70, 51, 0.2);
    font-size: clamp(0.9em, 2vw, 1.02em);
    line-height: 1.8;
    color: #3e2723;
}
.contact-footer b {
    color: #2e4633;
}
/* تبلت */
@media (max-width: 768px) {
     .deniz-contact-card {
     .deniz-contact-card {
         padding: 22px 14px;
        width: 100%;
        max-width: 1100px;
        margin: 5px auto;
         padding: 10px 5px;
        direction: rtl;
        text-align: center;
        /* گرادینت استخراج شده از پالت رنگی بنر ارسالی */
        background: linear-gradient(90deg, #1d4d1a 0%, #4c8c2b 100%);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        color: #ffffff; /* تغییر به سفید برای تضاد عالی با سبز بنر */
        box-sizing: border-box;
        font-family: 'IRANSans', Tahoma, sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
     }
     }


     .icon-block {
     .wiki-custom-body {
         min-width: 105px;
         width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
     }
     }
}


/* موبایل */
    .contact-intro {
@media (max-width: 600px) {
        display: block;
    .deniz-contact-card {
        width: 100%;
         aspect-ratio: auto;
        margin-bottom: 8px;
         min-height: 450px;
        font-size: clamp(0.9em, 1.8vw, 1em);
         padding: 20px 12px 18px;
         color: #f0f7ed; /* سبز بسیار روشن متمایل به سفید */
         font-weight: bold;
         text-align: right;
     }
     }


     .icons-row {
     .icons-row {
         gap: 12px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
         gap: 5px;
     }
     }


     .icon-block {
     .icon-block {
         flex: 1 1 30%;
        display: flex;
         min-width: 82px;
        flex-direction: column;
        align-items: center;
         flex: 1 1 auto;
        padding: 0 2px;
         min-width: 60px;
     }
     }


     .contact-intro {
     .icon-block img {
         margin-bottom: 14px;
        width: clamp(28px, 3.5vw, 36px);
        height: clamp(28px, 3.5vw, 36px);
         margin-bottom: 2px;
        object-fit: contain;
        /* فیلتر برای درخشش بهتر آیکون‌ها روی پس‌زمینه تیره */
        filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.3));
     }
     }
}


/* موبایل کوچک */
     .icon-block .caption {
@media (max-width: 380px) {
         font-size: clamp(0.7em, 1.2vw, 0.85em);
     .icon-block {
        line-height: 1.2;
         flex: 1 1 42%;
         color: #ffffff;
         min-width: 72px;
     }
     }


     .icon-block .caption {
     .icon-block .caption b {
         font-size: 0.84em;
        display: block;
        color: #ffffff;
         font-size: clamp(0.8em, 1.4vw, 0.9em);
        margin-bottom: 1px;
     }
     }


     .icon-block .caption b {
     .deniz-contact-card a {
         font-size: 0.92em;
        color: #ffffff !important;
        text-decoration: none;
         font-weight: 700;
        white-space: nowrap;
     }
     }
}
</style>


<script type="application/ld+json">
     @media (max-width: 600px) {
{
         .icons-row {
     "@context": "https://schema.org",
             flex-wrap: wrap;
    "@type": "LocalBusiness",
             gap: 5px;
    "name": "عطاری و ادویه سرای حافظ",
         }
    "description": "عرضه گیاهان دارویی و ادویه‌جات",
 
    "telephone": "+989333009575",
         .icon-block {
    "contactPoint": [
             flex: 1 1 45%;
         {
             "@type": "ContactPoint",
            "telephone": "+989333009575",
             "contactType": "customer service",
            "areaServed": "IR",
            "availableLanguage": ["Persian"]
         },
         {
             "@type": "ContactPoint",
            "telephone": "+989188816696",
            "contactType": "reservations",
            "areaServed": "IR"
         }
         }
     ],
     }
    "sameAs": [
</style>
        "https://t.me/attarihafez_ir"
    ]
}
</script>


<section class="deniz-contact-card" aria-label="راه‌های ارتباطی عطاری و ادویه سرای حافظ">
<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
     <div class="wiki-custom-body">
     <div class="wiki-custom-body">
        <b class="contact-intro">راه‌های ارتباطی عطاری و ادویه سرای حافظ:</b>


        <b class="contact-intro">جهت دریافت اطلاعات بیشتر و پشتیبانی، از راه‌های ارتباطی زیر استفاده کنید:</b>
         <nav class="icons-row">
 
         <nav class="icons-row" aria-label="اطلاعات تماس">
 
             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/phone.png"
                 <img src="https://dl.faraghaib.ir/m/100/phone.png" alt="تماس" loading="lazy">
                    alt="شماره تماس عطاری حافظ"
                 <div class="caption"><b>تلفن</b><a href="tel:09333009575">09333009575</a></div>
                    loading="lazy" width="40" height="40">
                 <div class="caption">
                    <b>شماره تماس</b>
                    <a href="tel:09333009575" title="تماس تلفنی با عطاری حافظ">09333009575</a>
                </div>
             </div>
             </div>


             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png"
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy">
                    alt="کانال تلگرام عطاری حافظ"
                 <div class="caption"><b>تلگرام</b><a href="https://t.me/attarihafez_ir" target="_blank">@attarihafez_ir</a></div>
                    loading="lazy" width="40" height="40">
                 <div class="caption">
                    <b>تلگرام</b>
                    <a href="https://t.me/attarihafez_ir"
                      target="_blank" rel="noopener noreferrer"
                      title="کانال تلگرام عطاری حافظ">@attarihafez_ir</a>
                </div>
             </div>
             </div>


             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png"
                 <img src="https://dl.faraghaib.ir/m/100/loc.png" alt="آدرس" loading="lazy">
                    alt="آدرس عطاری حافظ"
                 <div class="caption"><b>آدرس</b><a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p">شهر آشار</a></div>
                    loading="lazy" width="40" height="40">
                 <div class="caption">
                    <b>آدرس</b>
                    <address style="font-style: normal; display: inline;">
                        <a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p">شهر آشار</a>
                    </address>
                </div>
             </div>
             </div>


             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png"
                 <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
                    alt="رزرو سریع و مشاوره"
                 <div class="caption"><b>مشاوره</b><a href="tel:09188816696">09188816696</a></div>
                    loading="lazy" width="40" height="40">
                 <div class="caption">
                    <b>رزرو سریع</b>
                    <a href="tel:09188816696" title="رزرو سریع و مشاوره">09188816696</a>
                </div>
             </div>
             </div>
            <div class="icon-block">
                <img src="https://dl.faraghaib.ir/m/100/chat.png"
                    alt="ثبت درخواست و مشاوره تلفنی"
                    loading="lazy" width="40" height="40">
                <div class="caption">
                    <b>مشاوره تلفنی</b>
                    <a href="tel:09188816696" title="ثبت درخواست مشاوره">ثبت درخواست</a>
                </div>
            </div>
         </nav>
         </nav>
        <div class="contact-footer">
            <span>
                <img src="https://dl.faraghaib.ir/m/100/chat.png"
                    alt="ثبت درخواست و مشاوره تلفنی"
                    loading="lazy" width="40" height="40">
            </span>
            <b>رزرو سریع و مشاوره:</b>
            <a href="tel:09188816696" title="مشاوره و رزرو">09188816696</a>
        </div>
     </div>
     </div>
</section>
</section>
</html>
</html>

نسخهٔ کنونی تا ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۱:۲۷

راه‌های ارتباطی عطاری و ادویه سرای حافظ:

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=الگو:بخش_اطلاعات_تماس/عطاری_حافظ&oldid=3472»