پرش به محتوا

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

از فراغیب
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۲ نسخهٔ میانی ویرایش شده توسط ۲ کاربر نشان داده نشد)
خط ۱: خط ۱:
<html>
<html>
<style>
<style>
    /* بدنه اصلی کارت */
     .deniz-contact-card {
     .deniz-contact-card {
         width: 100%;
         width: 100%;
خط ۱۰: خط ۸:
         direction: rtl;
         direction: rtl;
         text-align: center;
         text-align: center;
         background-image: url('https://dl.faraghaib.ir/m/105/1.png');
         /* گرادینت استخراج شده از پالت رنگی بنر ارسالی */
         background-size: 100% 100%;
         background: linear-gradient(90deg, #1d4d1a 0%, #4c8c2b 100%);
         background-position: center;
         border-bottom-left-radius: 20px;
         background-repeat: no-repeat;
         border-bottom-right-radius: 20px;
         color: #3e2723;
         color: #ffffff; /* تغییر به سفید برای تضاد عالی با سبز بنر */
         box-sizing: border-box;
         box-sizing: border-box;
         font-family: 'IRANSans', Tahoma, sans-serif;
         font-family: 'IRANSans', Tahoma, sans-serif;
خط ۲۹: خط ۲۷:
     }
     }


    /* تیتر */
     .contact-intro {
     .contact-intro {
         display: block;
         display: block;
خط ۳۵: خط ۳۲:
         margin-bottom: 8px;
         margin-bottom: 8px;
         font-size: clamp(0.9em, 1.8vw, 1em);
         font-size: clamp(0.9em, 1.8vw, 1em);
         color: #2e4633;
         color: #f0f7ed; /* سبز بسیار روشن متمایل به سفید */
         font-weight: bold;
         font-weight: bold;
         text-align: right;
         text-align: right;
     }
     }


    /* ردیف آیکون‌ها - فشرده‌سازی حداکثری */
     .icons-row {
     .icons-row {
         width: 100%;
         width: 100%;
         display: flex;
         display: flex;
         justify-content: center; /* جمع شدن آیکون‌ها در مرکز */
         justify-content: center;
         align-items: center;
         align-items: center;
         flex-wrap: nowrap;
         flex-wrap: nowrap;
         gap: 5px; /* فاصله کوچک و کنترل شده بین آیکون‌ها */
         gap: 5px;
     }
     }


    /* بلوک‌های آیکون - تنظیم برای جلوگیری از اشغال فضای اضافی */
     .icon-block {
     .icon-block {
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
         align-items: center;
         align-items: center;
         flex: 1 1 auto; /* تغییر از 25% به auto برای کاهش فضای اضافی */
         flex: 1 1 auto;
         padding: 0 2px;
         padding: 0 2px;
         min-width: 60px;
         min-width: 60px;
خط ۶۵: خط ۶۰:
         margin-bottom: 2px;
         margin-bottom: 2px;
         object-fit: contain;
         object-fit: contain;
        /* فیلتر برای درخشش بهتر آیکون‌ها روی پس‌زمینه تیره */
        filter: drop-shadow(0px 0px 2px rgba(255,255,255,0.3));
     }
     }


خط ۷۰: خط ۶۷:
         font-size: clamp(0.7em, 1.2vw, 0.85em);
         font-size: clamp(0.7em, 1.2vw, 0.85em);
         line-height: 1.2;
         line-height: 1.2;
         color: #3e2723;
         color: #ffffff;
     }
     }


     .icon-block .caption b {
     .icon-block .caption b {
         display: block;
         display: block;
         color: #2e4633;
         color: #ffffff;
         font-size: clamp(0.8em, 1.4vw, 0.9em);
         font-size: clamp(0.8em, 1.4vw, 0.9em);
         margin-bottom: 1px;
         margin-bottom: 1px;
خط ۸۱: خط ۷۸:


     .deniz-contact-card a {
     .deniz-contact-card a {
         color: #a67c00 !important;
         color: #ffffff !important;
         text-decoration: none;
         text-decoration: none;
         font-weight: 700;
         font-weight: 700;
خط ۸۷: خط ۸۴:
     }
     }


    /* موبایل */
     @media (max-width: 600px) {
     @media (max-width: 600px) {
         .icons-row {
         .icons-row {
خط ۹۳: خط ۸۹:
             gap: 5px;
             gap: 5px;
         }
         }
         .icon-block {
         .icon-block {
             flex: 1 1 45%;
             flex: 1 1 45%;
خط ۹۸: خط ۹۵:
     }
     }
</style>
</style>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "عطاری و ادویه سرای حافظ",
    "telephone": "+989333009575"
}
</script>


<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
خط ۱۱۷: خط ۱۰۵:
                 <div class="caption"><b>تلفن</b><a href="tel:09333009575">09333009575</a></div>
                 <div class="caption"><b>تلفن</b><a href="tel:09333009575">09333009575</a></div>
             </div>
             </div>
             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy">
                 <img src="https://dl.faraghaib.ir/m/100/telegram.png" alt="تلگرام" loading="lazy">
                 <div class="caption"><b>تلگرام</b><a href="https://t.me/attarihafez_ir" target="_blank">@attarihafez_ir</a></div>
                 <div class="caption"><b>تلگرام</b><a href="https://t.me/attarihafez_ir" target="_blank">@attarihafez_ir</a></div>
             </div>
             </div>
             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/loc.png" alt="آدرس" loading="lazy">
                 <img src="https://dl.faraghaib.ir/m/100/loc.png" alt="آدرس" loading="lazy">
                 <div class="caption"><b>آدرس</b><a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p">شهر آشار</a></div>
                 <div class="caption"><b>آدرس</b><a href="https://neshan.org/maps/places/19087e7434f593216155a7c6bde38efd#c26.681-61.665-22z-0p">شهر آشار</a></div>
             </div>
             </div>
             <div class="icon-block">
             <div class="icon-block">
                 <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
                 <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
خط ۱۳۲: خط ۱۲۳:
     </div>
     </div>
</section>
</section>
</html>
</html>

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

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

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