|
|
| (۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <center>به دیده بان خوش آمدید </center>
| | <html> |
|
| | <!-- بخش بنر - اصلاح شده برای ریسپانسیو شدن --> |
| <!-- شروع کانتینر اصلی گالری با پسزمینه آبی آسمانی ابر و بادی و چیدمان وسطچین --> | | <div style="width:100%; max-width:1000px; margin: 1px auto; padding: 1px; direction: rtl; text-align: right; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 12px; overflow: hidden;"> |
| <div style="max-width: 1000px; margin: 0px auto; padding: 10px; direction: rtl; text-align: center; | | <div style="border-radius: 15px; overflow: hidden;"> |
| background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); /* ایجاد رنگ پسزمینه ابر و بادی */
| | <img src="https://dl.faraghaib.ir/m/103/dideban-baner.png" alt="بنر دیده بان"> |
| border-radius: 16px; /* منحنی کردن گوشههای کل باکس گالری */
| |
| box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* ایجاد سایه ملایم دور کادر */
| |
| box-sizing: border-box;">
| |
| | |
| <!-- ردیف اول: دو عکس بزرگ (همواره کنار هم در موبایل و دسکتاپ بدون شکستن خط) -->
| |
| <div style="display: flex; gap: 10px; justify-content: center; margin-bottom: 10px; width: 100%;">
| |
|
| |
| <!-- عکس بزرگ اول -->
| |
| <div style="flex: 1 1 calc(50% - 5px); max-width: 485px; min-width: 0; display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 1px; box-sizing: border-box;
| |
| border-radius: 15px; /* منحنی کردن گوشههای کادر تصویر بزرگ اول */">
| |
| <!-- نگهدارنده تصویر بزرگ جهت برش و همترازی با نسبت ۴:۳ -->
| |
| <div style="width: 100%; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 9px;">
| |
| [[File:3.jpg|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر بزرگ اول: فونت کوچکشده به 75% برای سازگاری کامل موبایل -->
| |
| <div style="margin-top: 3px; margin-bottom: 3px; font-size: 75%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1.1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| آقای خلیفه
| |
| </div>
| |
| </div> | |
| | |
| <!-- عکس بزرگ دوم -->
| |
| <div style="flex: 1 1 calc(50% - 5px); max-width: 485px; min-width: 0; display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 1px; box-sizing: border-box;
| |
| border-radius: 15px; /* منحنی کردن گوشههای کادر تصویر بزرگ دوم */">
| |
| <!-- نگهدارنده تصویر بزرگ جهت برش و همترازی با نسبت ۴:۳ -->
| |
| <div style="width: 100%; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 9px;">
| |
| [[File:7.jpg|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر بزرگ دوم: فونت کوچکشده به 75% برای سازگاری کامل موبایل -->
| |
| <div style="margin-top: 3px; margin-bottom: 3px; font-size: 75%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1.1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| دیده بان؛چشم سوم
| |
| </div>
| |
| </div>
| |
| | |
| </div> | | </div> |
|
| |
| <!-- ردیف دوم: چهار عکس کوچک (همواره در یک ردیف در موبایل و دسکتاپ بدون شکستن خط) -->
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; justify-content: center; width: 100%;">
| |
|
| |
| <!-- عکس کوچک ۱ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک اول */">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;">
| |
| [[File:1.jpg|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک اول: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| <!--توضیحات-->
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- عکس کوچک ۲ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک دوم */">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;">
| |
| [[File:22.jpg|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک دوم: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| <!--توضیحات-->
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- عکس کوچک ۳ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک سوم */">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;">
| |
| [[File:4.jpg|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک سوم: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| <!--توضیحات-->
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- عکس کوچک ۴ -->
| |
| <div style="display: flex; flex-direction: column; align-items: center; border: 5px solid #3b82f6; background-color: #ffffff; padding: 4px; box-sizing: border-box;
| |
| border-radius: 15px; min-width: 0; /* منحنی کردن گوشههای کادر تصویر کوچک چهارم */">
| |
| <!-- نگهدارنده تصویر کوچک جهت برش مربعی ۱:۱ -->
| |
| <div style="width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px;">
| |
| [[File:9.jpg|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر کوچک چهارم: فونت بسیار کوچکشده به 65% برای جلوگیری از تداخل متن -->
| |
| <div style="margin-top: 3px; margin-bottom: 1px; font-size: 65%; color: #000000; font-weight: bold; text-align: center; width: 95%;
| |
| line-height: 1; border: none; background: transparent; box-shadow: none; outline: none;
| |
| white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
| |
| <!--توضیحات-->
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| </div> | | </div> |
| | </html> |
| | <!-- بخش معرفی و کانتینر اصلی --> |
|
| |
|
| | | {{کانتینر متن و عکس/دیده بان}} |
| | | {{دایره های کنار هم/دیده بان}} |
| | | {{کانتینر عکس و متن/دیده بان}} |
| | | {{بخش اطلاعات تماس/دیده بان}} |
| {{صفحه اصلی/قاب | |
| |heading style = background: #89CFF0;text-align: center;
| |
| |عنوان = نصــب دوربیــن مــدار بستــه
| |
| |محتوا = من خلیفه هستم، متخصص سیستمهای امنیتی و بنیانگذار برند '''« دیـــــده بــان »'''.
| |
| | |
| * خرید و فروش ونصب انواع دوربین های مدار بسته AHD و IP
| |
| * نصب دزدگیرهای اماکن برای مراکز صنعتی، مسکونی، اداری، تجاری و جک اتوماتیک، ایفون و...
| |
| | |
| افتخار دارم که در منطقه نسیم شهر، به عنوان یکی از متخصصین شناختهشده در این حوزه فعالیت میکنم. هدف من در «دیده بان» فقط نصب یک دوربین نیست؛ هدف من این است که با تکیه بر سالها تجربه، چشمِ مراقب و مطمئن شما باشم.
| |
| | |
| با '''« دیـــــده بــان »'''، امنیت را با تخصص تجربه کنید.
| |
| }} | |
| | |
| | |
| {{صفحه اصلی/قاب | |
| |heading style = background: #89CFF0;text-align: center;
| |
| |عنوان = چرا دیدهبان انتخاب خوبی است؟
| |
| |محتوا =
| |
| * تجربه بالا در نصب دوربین مداربسته
| |
| * اجرای دقیق و اصولی
| |
| * مشاوره صادقانه قبل از نصب
| |
| * استفاده از تجهیزات مناسب
| |
| * پشتیبانی پس از اجرا
| |
| * قیمتگذاری منصفانه
| |
| * توجه به نیاز واقعی مشتری
| |
| * اجرای پروژه برای خانه، مغازه، شرکت و ساختمان
| |
| *
| |
| وقتی کار نصب دوربین به یک فرد باتجربه سپرده میشود، خیال شما از بابت امنیت، کیفیت تصویر و عملکرد درست سیستم راحتتر خواهد بود.
| |
| }} | |
| | |
| | |
| {{صفحه اصلی/قاب | |
| |heading style = background: #89CFF0;text-align: center;
| |
| |عنوان = راه های ارتباطی
| |
| |محتوا = <!-- قاب دوم: -->
| |
| <div class="wiki-custom-card">
| |
| <div class="wiki-custom-body">
| |
| <div class="wiki-list-item">
| |
| <span class="wiki-icon-span">☎️</span> '''شماره تماس:''' [tel:09191606778 ۰۹۱۹۱۶۰۶۷۷۸] <span style="font-size:0.85em; color:#7f8c8d;"></span>
| |
| </div>
| |
| | |
| <div class="wiki-list-item">
| |
| <span class="wiki-icon-span">📷</span> '''اینستاگرام:''' [https://instagram.com/dideban021 dideban021@]
| |
| </div>
| |
| | |
| <div class="wiki-list-item">
| |
| <span class="wiki-icon-span">📌</span> آدرس: [https://neshan.org//search?q=نسیم+شهر+خیابان+چمران نسیم شهر - خیابان چمران''']
| |
| </div>
| |
| | |
| <div class="wiki-list-item" style="display: block;">
| |
| <span class="wiki-icon-span">🚀</span> '''رزرو سریع و مشاوره:'''
| |
| [tel:09191606778 ۰۹۱۹۱۶۰۶۷۷۸]
| |
| | |
| 📞 ثبت درخواست و مشاوره تلفنی
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| }} | |