پرش به محتوا

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

از فراغیب
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html>
<html>
<style>
<style>
/* ============================
  کارت تماس — نسخه سئو + ریسپانسیو
  ============================ */
.deniz-contact-card {
.deniz-contact-card {
     width: 100%;
     width: 100%;
     max-width: 800px; /* این مقدار را طبق نیاز خود تغییر دهید، نسبت حفظ خواهد شد */
     max-width: 800px;
     margin: 20px auto;
     margin: 20px auto;
   
 
     /* تنظیم نسبت ابعاد دقیق تصویر: 1008 / 1561 = 0.645 */
     /* نسبت تصویر پس‌زمینه */
     aspect-ratio: 1561 / 1008;
     aspect-ratio: 1561 / 1008;
      
 
     padding: 15% 8% 8% 8%; /* استفاده از درصد برای حفظ فاصله از لبه‌ها در همه ابعاد */
     /* پدینگ ریسپانسیو با clamp */
   
     padding: clamp(40px, 12%, 120px) clamp(20px, 8%, 64px) clamp(20px, 8%, 64px);
 
     direction: rtl;
     direction: rtl;
     text-align: right;
     text-align: center;
   
 
     /* تنظیمات پس‌زمینه */
     /* پس‌زمینه */
     background-image: url('https://dl.faraghaib.ir/m/105/12.png');
     background-image: url('https://dl.faraghaib.ir/m/105/12.png');
     background-size: 100% 100%; /* اجبار به پر کردن دقیق */
     background-size: 100% 100%;
     background-position: center;
     background-position: center;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
   
 
     color: #3e2723;
     color: #3e2723;
     box-sizing: border-box;
     box-sizing: border-box;
     font-family: 'IRANSans', sans-serif;
     font-family: 'IRANSans', sans-serif;
    /* جلوگیری از سرریز */
    overflow: hidden;
}
/* تیتر بالای کارت */
.contact-intro {
    display: block;
    margin-bottom: clamp(15px, 3%, 30px);
    font-size: clamp(0.95em, 2.5vw, 1.2em);
    line-height: 1.6;
    color: #2e4633;
}
/* ============================
  ردیف آیکون‌ها — Flexbox
  ============================ */
.icons-row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: clamp(10px, 2%, 24px);
    margin-top: 10px;
}
.icon-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1 1 0;
    min-width: 100px;
}
}


/* استایل متن اصلی */
/* تصویر آیکون */
.wiki-list-item {
.icon-block img {
     margin-bottom: 2%; /* استفاده از درصد برای ریسپانسیو بودن */
    width: clamp(28px, 5vw, 42px);
    height: clamp(28px, 5vw, 42px);
     margin-bottom: clamp(6px, 1.5%, 12px);
    object-fit: contain;
}
 
/* کپشن زیر آیکون */
.icon-block .caption {
    font-size: clamp(0.72em, 2vw, 0.9em);
     line-height: 1.6;
     line-height: 1.6;
     font-size: 1em;
     color: #3e2723;
}
}


/* رنگ متمایز برای تیتر و متن مهم */
.icon-block .caption b {
.wiki-custom-body b {
    display: block;
     color: #2e4633;
     color: #2e4633;
    margin-bottom: 4px;
    font-size: clamp(0.8em, 2.2vw, 1em);
}
}


/* استایل لینک‌ها */
/* لینک‌ها */
.deniz-contact-card a {
.deniz-contact-card a {
     color: #a67c00 !important;
     color: #a67c00 !important;
     text-decoration: none;
     text-decoration: none;
     font-weight: 700;
     font-weight: 700;
    transition: color 0.2s ease;
}
}


خط ۴۷: خط ۹۵:
     color: #5d4037 !important;
     color: #5d4037 !important;
     text-decoration: underline;
     text-decoration: underline;
}
/* بخش پایینی — آدرس و رزرو */
.contact-footer {
    margin-top: clamp(20px, 4%, 40px);
    padding-top: clamp(15px, 3%, 25px);
    border-top: 1px solid rgba(46, 70, 51, 0.2);
    font-size: clamp(0.8em, 2.2vw, 0.95em);
    line-height: 1.8;
    color: #3e2723;
}
.contact-footer b {
    color: #2e4633;
}
/* ============================
  مدیا کوئری‌ها
  ============================ */
/* تبلت — ۵ آیکون در یک ردیف */
@media (max-width: 768px) {
    .icon-block {
        min-width: 90px;
    }
}
/* موبایل — ۳ ستون */
@media (max-width: 600px) {
    .deniz-contact-card {
        /* حذف aspect-ratio برای جلوگیری از فشردگی محتوا */
        aspect-ratio: auto;
        min-height: 420px;
    }
    .icons-row {
        gap: 12px;
    }
    .icon-block {
        flex: 1 1 30%;  /* ۳ ستون */
        min-width: 80px;
    }
}
/* موبایل کوچک — ۲ ستون */
@media (max-width: 380px) {
    .icon-block {
        flex: 1 1 42%;  /* ۲ ستون */
        min-width: 70px;
    }
}
}
</style>
</style>


<!-- ============================
    داده‌های ساختاریافته Schema.org
    ============================ -->
<script type="application/ld+json">
{
    "@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",
            "contactOption": "TollFree",
            "areaServed": "IR"
        }
    ],
    "sameAs": [
        "https://t.me/attarihafez_ir"
    ]
}
</script>


<div class="deniz-contact-card">
<!-- ============================
    محتوای کارت
    ============================ -->
<section class="deniz-contact-card" aria-label="راه‌های ارتباطی عطاری و ادویه سرای حافظ">
     <div class="wiki-custom-body">
     <div class="wiki-custom-body">
        <div class="wiki-list-item">
            <b style="display: block; margin-bottom: 20px; font-size: 1.2em;">جهت دریافت اطلاعات بیشتر و پشتیبانی، از راه‌های ارتباطی زیر استفاده کنید:</b>
        </div>


         <div class="wiki-list-item">
         <b class="contact-intro">جهت دریافت اطلاعات بیشتر و پشتیبانی، از راه‌های ارتباطی زیر استفاده کنید:</b>
             <span class="wiki-icon-span"><img src="https://dl.faraghaib.ir/m/100/phone.png" width=20px ; hieght=20px;></span> <b>شماره تماس:</b> 09333009575 / 09188816696  
 
        </div>
        <!-- ردیف ۵ آیکون -->
        <nav class="icons-row" aria-label="اطلاعات تماس">
 
            <!-- ۱. شماره تماس -->
            <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">
                <img src="https://dl.faraghaib.ir/m/100/telegram.png"
                    alt="کانال تلگرام عطاری حافظ"
                    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 class="icon-block">
                <img src="https://dl.faraghaib.ir/m/100/telegram.png"
                    alt="آدرس عطاری حافظ"
                    loading="lazy" width="40" height="40">
                <div class="caption">
                    <b>آدرس</b>
                    <address style="font-style: normal; display: inline;">
                        نسیم‌شهر، عطاری حافظ
                    </address>
                </div>
            </div>
 
            <!-- ۴. رزرو سریع -->
            <div class="icon-block">
                <img src="https://dl.faraghaib.ir/m/100/telegram.png"
                    alt="رزرو سریع و مشاوره"
                    loading="lazy" width="40" height="40">
                <div class="caption">
                    <b>رزرو سریع</b>
                    <a href="tel:09188816696" title="رزرو سریع و مشاوره">09188816696</a>
                </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>


         <div class="wiki-list-item">
         </nav>
            <span class="wiki-icon-span"><img src="https://dl.faraghaib.ir/m/100/telegram.png" width=20px ; hieght=20px;></span>
            تلگرام: <a href="https://t.me/attarihafez_ir" target="_blank" rel="noopener">@attarihafez_ir</a>
        </div>


         <div class="wiki-list-item">
        <!-- بخش پایینی -->
             <span class="wiki-icon-span">📌</span> <b>آدرس:</b>  
         <div class="contact-footer">
             استان سیستان و بلوچستان، شهرستان مهرستان، شهر آشار، بلوار امام، پایین‌تر از بانک کشاورزی، عطاری حافظ
             <span>🚀</span>
            <b>رزرو سریع و مشاوره:</b>
             <a href="tel:09188816696" title="مشاوره و رزرو">09188816696</a>
         </div>
         </div>


        <div class="wiki-list-item" style="margin-top: 25px; border-top: 1px solid rgba(46, 70, 51, 0.2); padding-top: 20px;">
            <span class="wiki-icon-span">🚀</span> <b>رزرو سریع و مشاوره:</b> 09333009575 / 09188816696 
            <br>
            <span class="wiki-icon-span"><img src="https://dl.faraghaib.ir/m/100/chat.png" width=20px ; hieght=20px;></span> <b>ثبت درخواست و مشاوره تلفنی</b>
        </div>
     </div>
     </div>
</div>
</section>
</html>
</html>

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

جهت دریافت اطلاعات بیشتر و پشتیبانی، از راه‌های ارتباطی زیر استفاده کنید:
🚀 رزرو سریع و مشاوره: 09188816696

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