پرش به محتوا

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

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۹ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
<html>
<html>
<style>
<style>
.deniz-contact-card {
    .deniz-contact-card {
    width: 100%;
        width: 100%;
    max-width: 1100px;
        max-width: 1100px;
    margin: 20px auto;
        margin: 5px auto;
    aspect-ratio: 1561 / 1008;
        padding: 10px 5px;
    padding: clamp(24px, 6%, 70px) clamp(18px, 5%, 56px);
        direction: rtl;
    direction: rtl;
        text-align: center;
    text-align: center;
        /* گرادینت استخراج شده از پالت رنگی بنر ارسالی */
    background-image: url('https://dl.faraghaib.ir/m/105/1.png');
        background: linear-gradient(90deg, #1d4d1a 0%, #4c8c2b 100%);
    background-size: 100% 100%;
        border-bottom-left-radius: 20px;
    background-position: center;
        border-bottom-right-radius: 20px;
    background-repeat: no-repeat;
        color: #ffffff; /* تغییر به سفید برای تضاد عالی با سبز بنر */
    color: #3e2723;
        box-sizing: border-box;
    box-sizing: border-box;
        font-family: 'IRANSans', Tahoma, sans-serif;
    font-family: 'IRANSans', sans-serif;
        display: flex;
    overflow: hidden;
        flex-direction: column;
    display: flex;
        align-items: center;
    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;
    width: 100%;
    margin-bottom: clamp(12px, 2%, 22px);
    font-size: clamp(0.95em, 2vw, 1.12em);
    line-height: 1.8;
    color: #2e4633;
    font-weight: bold;
    direction: rtl;
    text-align: right;
}
 
/* ردیف آیکون‌ها */
.icons-row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: clamp(6px, 1.2vw, 14px);
    margin-top: 6px;
}
 
.icon-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1 1 0;
    min-width: 90px;
}
 
.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.82em, 1.5vw, 1.02em);
    line-height: 1.8;
    color: #3e2723;
}
 
.icon-block .caption b {
    display: block;
    color: #2e4633;
    margin-bottom: 5px;
    font-size: clamp(0.92em, 1.7vw, 1.08em);
}
 
.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: 900px) {
    .icons-row {
        gap: 8px;
     }
     }


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


     .icon-block .caption {
     .contact-intro {
         font-size: 0.8em;
        display: block;
        width: 100%;
        margin-bottom: 8px;
         font-size: clamp(0.9em, 1.8vw, 1em);
        color: #f0f7ed; /* سبز بسیار روشن متمایل به سفید */
        font-weight: bold;
        text-align: right;
     }
     }


     .icon-block .caption b {
     .icons-row {
         font-size: 0.92em;
         width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        gap: 5px;
     }
     }
}


/* موبایل */
     .icon-block {
@media (max-width: 600px) {
         display: flex;
     .deniz-contact-card {
        flex-direction: column;
         aspect-ratio: auto;
         align-items: center;
         min-height: 450px;
        flex: 1 1 auto;
         padding: 20px 12px 18px;
         padding: 0 2px;
        min-width: 60px;
     }
     }


     .icons-row {
     .icon-block img {
         flex-wrap: wrap;
         width: clamp(28px, 3.5vw, 36px);
         gap: 12px;
        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 {
     .icon-block .caption {
         flex: 1 1 30%;
         font-size: clamp(0.7em, 1.2vw, 0.85em);
         min-width: 82px;
        line-height: 1.2;
         color: #ffffff;
     }
     }


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


/* موبایل کوچک */
    .deniz-contact-card a {
@media (max-width: 380px) {
        color: #ffffff !important;
    .icon-block {
        text-decoration: none;
         flex: 1 1 42%;
         font-weight: 700;
         min-width: 72px;
         white-space: nowrap;
     }
     }


     .icon-block .caption {
     @media (max-width: 600px) {
        font-size: 0.84em;
        .icons-row {
    }
            flex-wrap: wrap;
            gap: 5px;
        }


    .icon-block .caption b {
        .icon-block {
        font-size: 0.92em;
            flex: 1 1 45%;
        }
     }
     }
}
</style>
</style>


<script type="application/ld+json">
<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
{
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "عطاری و ادویه سرای حافظ",
    "description": "عرضه گیاهان دارویی و ادویه‌جات",
    "telephone": "+989333009575",
    "contactPoint": [
        {
            "@type": "ContactPoint",
            "telephone": "+989333009575",
            "contactType": "customer service",
            "areaServed": "IR",
            "availableLanguage": ["Persian"]
        },
        {
            "@type": "ContactPoint",
            "telephone": "+989188816696",
            "contactType": "reservations",
            "areaServed": "IR"
        }
    ],
    "sameAs": [
        "https://t.me/attarihafez_ir"
    ]
}
</script>
 
<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" aria-label="اطلاعات تماس">
         <nav class="icons-row">
 
            <div class="icon-block">
                <img src="https://dl.faraghaib.ir/m/100/phone.png"
                    alt="شماره تماس عطاری حافظ"
                    loading="lazy" width="40" height="40">
                <div class="caption">
                    <b>شماره تماس</b>
                    <a href="tel:09333009575" title="تماس تلفنی با عطاری حافظ">09333009575</a>
                </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/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="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/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>
                    <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/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>
                    <a href="tel:09188816696" title="رزرو سریع و مشاوره">09188816696</a>
                </div>
             </div>
             </div>


             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/chat.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="ثبت درخواست مشاوره">ثبت درخواست</a>
                </div>
             </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»