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

→ تفاوت با ویرایش قدیمی‌تر

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

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

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

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