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

دیداریویکی‌متن

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

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

@@ خط ۱: / خط ۱: @@
 <html>
 <style>
-.deniz-contact-card {
+    .deniz-contact-card {
-    width: 100%;
+        width: 100%;
-    max-width: 1000px;
+        max-width: 1100px;
-    margin: 15px auto;
+        margin: 5px auto;
-    padding: 25px;
+        padding: 10px 5px;
-    direction: rtl;
+        direction: rtl;
-    text-align: right;
+        text-align: center;
-    background-color: #2E4633; /* سبز زیتونی تیره (تم گیاهی) */
+        /* گرادینت استخراج شده از پالت رنگی بنر ارسالی */
-    color: #FDF6E3; /* کرم بسیار ملایم برای خوانایی در تم تیره */
+        background: linear-gradient(90deg, #1d4d1a 0%, #4c8c2b 100%);
-    border: 2px solid #8E735B; /* رنگ خاکی/چوبی برای حاشیه */
+        border-bottom-left-radius: 20px;
-    border-radius: 16px;
+        border-bottom-right-radius: 20px;
-    box-sizing: border-box;
+        color: #ffffff; /* تغییر به سفید برای تضاد عالی با سبز بنر */
-    font-family: iransans, sans-serif;
+        box-sizing: border-box;
-}
+        font-family: 'IRANSans', Tahoma, sans-serif;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
-.deniz-contact-card a {
+    .wiki-custom-body {
-    color: #F4D03F !important; /* زرد زعفرانی برای جلب توجه لینک‌ها */
+        width: 100%;
-    text-decoration: none;
+        display: flex;
-    font-weight: bold;
+        flex-direction: column;
-    transition: 0.3s;
+        align-items: center;
-}
+    }
-.deniz-contact-card a:hover {
+    .contact-intro {
-    color: #FFFFFF !important; /* سفید خالص در هنگام هاور */
+        display: block;
-    text-decoration: underline;
+        width: 100%;
-}
+        margin-bottom: 8px;
+        font-size: clamp(0.9em, 1.8vw, 1em);
+        color: #f0f7ed; /* سبز بسیار روشن متمایل به سفید */
+        font-weight: bold;
+        text-align: right;
+    }
-.wiki-list-item {
+    .icons-row {
-    margin-bottom: 12px;
+        width: 100%;
-    line-height: 1.8;
+        display: flex;
-}
+        justify-content: center;
+        align-items: center;
+        flex-wrap: nowrap;
+        gap: 5px;
+    }
-.wiki-icon-span {
+    .icon-block {
-    margin-left: 8px;
+        display: flex;
-     font-size: 1.2em;
+        flex-direction: column;
-}
+        align-items: center;
-</style>
+        flex: 1 1 auto;
+        padding: 0 2px;
+        min-width: 60px;
+    }
+    .icon-block img {
+        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 {
+        font-size: clamp(0.7em, 1.2vw, 0.85em);
+        line-height: 1.2;
+        color: #ffffff;
+    }
+    .icon-block .caption b {
+        display: block;
+        color: #ffffff;
+        font-size: clamp(0.8em, 1.4vw, 0.9em);
+        margin-bottom: 1px;
+    }
-<div class="deniz-contact-card">
+    .deniz-contact-card a {
-    <div class="wiki-custom-body">
+         color: #ffffff !important;
-         <div class="wiki-list-item">
+        text-decoration: none;
-            <b style="display: block; margin-bottom: 15px; font-size: 1.1em; color: #F3D7A5;">جهت دریافت اطلاعات بیشتر و پشتیبانی، از راه‌های ارتباطی زیر استفاده کنید:</b>
+        font-weight: 700;
-        </div>
+        white-space: nowrap;
+    }
-         <div class="wiki-list-item">
+    @media (max-width: 600px) {
-             <span class="wiki-icon-span">☎️</span> <b>شماره تماس:</b> 09333009575 / 09188816696
+         .icons-row {
-         </div>
+            flex-wrap: wrap;
+             gap: 5px;
+         }
- <div class="wiki-list-item">
+        .icon-block {
-    <span class="wiki-icon-span">📲</span>
+            flex: 1 1 45%;
-     تلگرام: <a href="https://t.me/attarihafez_ir" target="_blank" rel="noopener">@attarihafez_ir</a>
+        }
-</div>
+     }
+</style>
+<section class="deniz-contact-card" aria-label="راه‌های ارتباطی">
+    <div class="wiki-custom-body">
+        <b class="contact-intro">راه‌های ارتباطی عطاری و ادویه سرای حافظ:</b>
+        <nav class="icons-row">
+            <div class="icon-block">
+                <img src="https://dl.faraghaib.ir/m/100/phone.png" alt="تماس" loading="lazy">
+                <div class="caption"><b>تلفن</b><a href="tel:09333009575">09333009575</a></div>
+            </div>
-        <div class="wiki-list-item">
+            <div class="icon-block">
-            <span class="wiki-icon-span">📌</span> <b>آدرس:</b>
+                <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>
-        </div>
+            <div class="icon-block">
+                <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>
-        <div class="wiki-list-item" style="margin-top: 20px; border-top: 1px solid #A77F6E; padding-top: 15px;">
+            <div class="icon-block">
-            <span class="wiki-icon-span">🚀</span> <b>رزرو سریع و مشاوره:</b> 09333009575 / 09188816696
+                <img src="https://dl.faraghaib.ir/m/100/chat.png" alt="مشاوره" loading="lazy">
-            <br>
+                <div class="caption"><b>مشاوره</b><a href="tel:09188816696">09188816696</a></div>
-            <span class="wiki-icon-span">📞</span> <b>ثبت درخواست و مشاوره تلفنی</b>
+            </div>
-         </div>
+         </nav>
      </div>
-</div>
+</section>
 </html>