https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C%2F%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF
الگو:کانتینر منحنی/کافه محمد - تاریخچهٔ نسخهها
2026-08-25T20:33:18Z
تاریخچهٔ نسخهها برای این صفحه در ویکی
MediaWiki 1.43.8
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C/%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF&diff=5643&oldid=prev
Javid در ۸ اوت ۲۰۲۶، ساعت ۰۷:۴۰
2026-08-08T07:40:50Z
<p></p>
<a href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C/%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF&diff=5643&oldid=5624">نمایش تغییرات</a>
Javid
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D9%85%D9%86%D8%AD%D9%86%DB%8C/%DA%A9%D8%A7%D9%81%D9%87_%D9%85%D8%AD%D9%85%D8%AF&diff=5624&oldid=prev
Javid: صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>خدمات تخصصی دوربین مداربسته و سیستمهای امنیتی</title> <meta name="description" content="ارائه خدمات حرفهای نصب، راه اندازی، انتقال تصویر روی موبایل، عیب یابی و هوشمندسازی ا...» ایجاد کرد
2026-08-08T07:20:37Z
<p>صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>خدمات تخصصی دوربین مداربسته و سیستمهای امنیتی</title> <meta name="description" content="ارائه خدمات حرفهای نصب، راه اندازی، انتقال تصویر روی موبایل، عیب یابی و هوشمندسازی ا...» ایجاد کرد</p>
<p><b>صفحهٔ تازه</b></p><div><br />
<html lang="fa" dir="rtl"><br />
<head><br />
<meta charset="UTF-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<title>خدمات تخصصی دوربین مداربسته و سیستمهای امنیتی</title><br />
<meta name="description" content="ارائه خدمات حرفهای نصب، راه اندازی، انتقال تصویر روی موبایل، عیب یابی و هوشمندسازی انواع دوربین مداربسته با ضمانت کیفیت."><br />
<br />
<style><br />
/* =====================================================<br />
1. FONTS & RESET (Mobile-First Base)<br />
===================================================== */<br />
@font-face {<br />
font-family: "IRANSans";<br />
src: url("../fonts/IRANSansWeb.woff2") format("woff2"),<br />
url("../fonts/IRANSansWeb.woff") format("woff");<br />
font-display: swap;<br />
}<br />
<br />
*, *::before, *::after {<br />
box-sizing: border-box;<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
:root {<br />
/* Colors */<br />
--bg-page: #f8fafc;<br />
--bg-card: #ffffff;<br />
--text-main: #0f172a;<br />
--text-muted: #475569;<br />
--text-white: #ffffff;<br />
<br />
/* Theme Color Variants */<br />
--theme-primary: #0284c7; /* Cyan/Blue (پیشفرض) */<br />
--theme-dark: #0369a1;<br />
<br />
/* Card Geometry & Spacing (Fluid Sizing) */<br />
--card-radius: 20px;<br />
--card-gap: 16px;<br />
--card-padding: 16px;<br />
--shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05);<br />
--shadow-hover: 0 16px 32px rgba(15, 23, 42, 0.12);<br />
--transition-speed: 0.3s;<br />
}<br />
<br />
body {<br />
font-family: "IRANSans", system-ui, -apple-system, sans-serif;<br />
background-color: var(--bg-page);<br />
color: var(--text-main);<br />
line-height: 1.6;<br />
-webkit-font-smoothing: antialiased;<br />
}<br />
<br />
img {<br />
max-width: 100%;<br />
height: auto;<br />
display: block;<br />
}<br />
<br />
a {<br />
text-decoration: none;<br />
color: inherit;<br />
}<br />
<br />
/* Screen Reader Accessible Class (Accessibility SEO) */<br />
.sr-only {<br />
position: absolute;<br />
width: 1px;<br />
height: 1px;<br />
padding: 0;<br />
margin: -1px;<br />
overflow: hidden;<br />
clip: rect(0, 0, 0, 0);<br />
white-space: nowrap;<br />
border: 0;<br />
}<br />
<br />
/* =====================================================<br />
2. SECTION & CONTAINER<br />
===================================================== */<br />
.cctv-section {<br />
width: 100%;<br />
padding: 28px 14px;<br />
}<br />
<br />
.cctv-container {<br />
max-width: 1440px;<br />
margin: 0 auto;<br />
}<br />
<br />
.cctv-header {<br />
text-align: center;<br />
margin-bottom: 24px;<br />
}<br />
<br />
.cctv-header h2 {<br />
font-size: clamp(20px, 4vw, 32px);<br />
font-weight: 900;<br />
color: var(--text-main);<br />
position: relative;<br />
display: inline-block;<br />
}<br />
<br />
.cctv-header p {<br />
font-size: clamp(13px, 2.5vw, 16px);<br />
color: var(--text-muted);<br />
margin-top: 6px;<br />
}<br />
<br />
/* =====================================================<br />
3. GRID SYSTEM (Mobile First: 1 Col -> 2 Col -> 4 Col)<br />
===================================================== */<br />
.cctv-grid {<br />
display: grid;<br />
grid-template-columns: 1fr; /* موبایل: تک ستونه */<br />
gap: var(--card-gap);<br />
}<br />
<br />
/* =====================================================<br />
4. CARD DESIGN<br />
===================================================== */<br />
.cctv-card {<br />
position: relative;<br />
background: var(--bg-card);<br />
border-radius: var(--card-radius);<br />
box-shadow: var(--shadow-sm);<br />
overflow: hidden;<br />
display: flex;<br />
flex-direction: column;<br />
transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;<br />
isolation: isolate;<br />
}<br />
<br />
.cctv-card:hover {<br />
transform: translateY(-6px);<br />
box-shadow: var(--shadow-hover);<br />
}<br />
<br />
/* Hero / Colored Curved Top Area */<br />
.cctv-card__hero {<br />
position: relative;<br />
background-color: var(--theme-primary);<br />
padding: 16px;<br />
display: flex;<br />
flex-direction: column;<br />
align-items: center;<br />
justify-content: space-between;<br />
min-height: 250px;<br />
overflow: hidden;<br />
}<br />
<br />
/* قوس بالا و پسزمینه منحنی ارگانیک */<br />
.cctv-card__hero::after {<br />
content: "";<br />
position: absolute;<br />
bottom: -35px;<br />
left: -10%;<br />
width: 120%;<br />
height: 70px;<br />
background: var(--bg-card);<br />
border-radius: 50%;<br />
z-index: 2;<br />
}<br />
<br />
/* Image Box - پرکننده کامل کادر بدون فضا خالی */<br />
.cctv-card__img-wrapper {<br />
position: relative;<br />
width: 100%;<br />
max-width: 280px;<br />
aspect-ratio: 16 / 10; /* نسبت ابعاد استاندارد برای جلوگیری از بهم ریختگی */<br />
border-radius: 14px;<br />
overflow: hidden;<br />
z-index: 3;<br />
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);<br />
}<br />
<br />
.cctv-card__img-wrapper img {<br />
width: 100%;<br />
height: 100%;<br />
object-fit: cover; /* پر کردن کامل بدون اسکیل نادرست */<br />
object-position: center;<br />
transition: transform 0.5s ease;<br />
}<br />
<br />
.cctv-card:hover .cctv-card__img-wrapper img {<br />
transform: scale(1.08);<br />
}<br />
<br />
/* Content Inside Colored Hero */<br />
.cctv-card__hero-content {<br />
position: relative;<br />
z-index: 3;<br />
text-align: center;<br />
margin-top: 12px;<br />
width: 100%;<br />
}<br />
<br />
.cctv-card__tagline {<br />
font-size: 13px;<br />
font-weight: 500;<br />
color: rgba(255, 255, 255, 0.9);<br />
background: rgba(0, 0, 0, 0.15);<br />
display: inline-block;<br />
padding: 3px 12px;<br />
border-radius: 20px;<br />
backdrop-filter: blur(4px);<br />
}<br />
<br />
.cctv-card__highlight {<br />
font-size: clamp(20px, 3.5vw, 24px);<br />
font-weight: 900;<br />
color: var(--text-white);<br />
margin-top: 4px;<br />
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);<br />
}<br />
<br />
/* Card Bottom Body */<br />
.cctv-card__body {<br />
padding: 20px 18px 18px;<br />
display: flex;<br />
flex-direction: column;<br />
justify-content: space-between;<br />
flex-grow: 1;<br />
text-align: center;<br />
z-index: 3;<br />
}<br />
<br />
.cctv-card__title {<br />
font-size: clamp(16px, 2.5vw, 18px);<br />
font-weight: 800;<br />
color: var(--text-main);<br />
line-height: 1.4;<br />
margin-bottom: 8px;<br />
}<br />
<br />
.cctv-card__desc {<br />
font-size: 13px;<br />
color: var(--text-muted);<br />
line-height: 1.7;<br />
margin-bottom: 16px;<br />
}<br />
<br />
/* Button CTA / Touch Target Compatible (Min 44px height) */<br />
.cctv-card__btn {<br />
display: inline-flex;<br />
align-items: center;<br />
justify-content: center;<br />
gap: 6px;<br />
width: 100%;<br />
min-height: 44px;<br />
padding: 10px 16px;<br />
background-color: #f1f5f9;<br />
color: var(--text-main);<br />
font-size: 14px;<br />
font-weight: 700;<br />
border-radius: 12px;<br />
transition: all var(--transition-speed) ease;<br />
}<br />
<br />
.cctv-card:hover .cctv-card__btn {<br />
background-color: var(--theme-primary);<br />
color: var(--text-white);<br />
}<br />
<br />
/* Full Card Accessible Stretched Overlay Link */<br />
.cctv-card__link {<br />
position: absolute;<br />
inset: 0;<br />
z-index: 10;<br />
}<br />
<br />
.cctv-card:focus-within {<br />
outline: 3px solid var(--theme-primary);<br />
outline-offset: 3px;<br />
}<br />
<br />
/* =====================================================<br />
5. COLOR VARIATIONS FOR CCTV SERVICES<br />
===================================================== */<br />
/* ۱. نصب و راهاندازی (نارنجی/امبر) */<br />
.cctv-card--installation {<br />
--theme-primary: #f59e0b;<br />
}<br />
<br />
/* ۲. انتقال تصویر (آبی فیروزهای) */<br />
.cctv-card--remote {<br />
--theme-primary: #0284c7;<br />
}<br />
<br />
/* ۳. تعمیرات و عیبیابی (زمردی) */<br />
.cctv-card--repair {<br />
--theme-primary: #10b981;<br />
}<br />
<br />
/* ۴. پردازش تصویر و هوشمندسازی (بنفش/نیلی) */<br />
.cctv-card--ai {<br />
--theme-primary: #6366f1;<br />
}<br />
<br />
/* =====================================================<br />
6. RESPONSIVE BREAKPOINTS (Mobile-First approach)<br />
===================================================== */<br />
/* تبلتهای کوچک و موبایلهای افقی (از 576px به بالا) */<br />
@media (min-width: 576px) {<br />
.cctv-grid {<br />
grid-template-columns: repeat(2, 1fr);<br />
gap: 20px;<br />
}<br />
.cctv-section {<br />
padding: 36px 20px;<br />
}<br />
}<br />
<br />
/* تبلتهای بزرگ و لپتاپ (از 992px به بالا) */<br />
@media (min-width: 992px) {<br />
.cctv-grid {<br />
grid-template-columns: repeat(3, 1fr);<br />
gap: 24px;<br />
}<br />
}<br />
<br />
/* دسکتاپ بزرگ (از 1200px به بالا) */<br />
@media (min-width: 1200px) {<br />
.cctv-grid {<br />
grid-template-columns: repeat(4, 1fr);<br />
gap: 26px;<br />
}<br />
.cctv-card__hero {<br />
min-height: 270px;<br />
}<br />
}<br />
</style><br />
</head><br />
<body><br />
<br />
<!-- =====================================================<br />
CCTV Services Section<br />
===================================================== --><br />
<section class="cctv-section" aria-labelledby="cctv-main-heading"><br />
<div class="cctv-container"><br />
<br />
<!-- Section Header --><br />
<header class="cctv-header"><br />
<h2 id="cctv-main-heading">منوی تخصصی و اختصاصی کافه پاتوق محمد</h2><br />
</header><br />
<br />
<!-- Card Grid --><br />
<div class="cctv-grid"><br />
<br />
<!-- Card 1: دمنوش های تخصصی --><br />
<article class="cctv-card cctv-card--installation"><br />
<div class="cctv-card__hero"><br />
<figure class="cctv-card__img-wrapper"><br />
<img <br />
src="https://dl.faraghaib.ir/m/260018/26001802.png" <br />
alt="دمنوش" <br />
loading="lazy"<br />
decoding="async"<br />
width="400" <br />
height="250"><br />
</figure><br />
<div class="cctv-card__hero-content"><br />
<span class="cctv-card__tagline">دمنوش های تخصصی</span><br />
<div class="cctv-card__highlight">ذائقه های متفاوت</div><br />
</div><br />
</div><br />
<br />
<div class="cctv-card__body"><br />
<br />
<div class="cctv-card__btn" aria-hidden="true"><br />
<span>سفارش آنلاین</span><br />
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg><br />
</div><br />
</div><br />
<br />
<br />
</article><br />
<br />
<!-- Card 2: انتقال تصویر روی موبایل --><br />
<article class="cctv-card cctv-card--remote"><br />
<div class="cctv-card__hero"><br />
<figure class="cctv-card__img-wrapper"><br />
<img <br />
src="https://dl.faraghaib.ir/m/260018/26001802.png" <br />
alt="انتقال تصویر دوربین مداربسته روی گوشی موبایل" <br />
loading="lazy"<br />
decoding="async"<br />
width="400" <br />
height="250"><br />
</figure><br />
<div class="cctv-card__hero-content"><br />
<span class="cctv-card__tagline">دسترسی از هر کجا</span><br />
<div class="cctv-card__highlight">انتقال تصویر</div><br />
</div><br />
</div><br />
<br />
<div class="cctv-card__body"><br />
<br />
<div class="cctv-card__btn" aria-hidden="true"><br />
<span>راهنمای انتقال تصویر</span><br />
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg><br />
</div><br />
</div><br />
<br />
<br />
</article><br />
<br />
<!-- Card 3: عیبیابی و تعمیرات --><br />
<article class="cctv-card cctv-card--repair"><br />
<div class="cctv-card__hero"><br />
<figure class="cctv-card__img-wrapper"><br />
<img <br />
src="https://dl.faraghaib.ir/m/260018/26001802.png" <br />
alt="تعمیر و عیب یابی دستگاه dvr و دوربین مداربسته" <br />
loading="lazy"<br />
decoding="async"<br />
width="400" <br />
height="250"><br />
</figure><br />
<div class="cctv-card__hero-content"><br />
<span class="cctv-card__tagline">سریع و باضمانت</span><br />
<div class="cctv-card__highlight">تعمیرات آنلاین</div><br />
</div><br />
</div><br />
<br />
<div class="cctv-card__body"><br />
<br />
<div class="cctv-card__btn" aria-hidden="true"><br />
<span>درخواست تعمیرکار</span><br />
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg><br />
</div><br />
</div><br />
<br />
<br />
</article><br />
<br />
<!-- Card 4: هوشمندسازی و پردازش تصویر --><br />
<article class="cctv-card cctv-card--ai"><br />
<div class="cctv-card__hero"><br />
<figure class="cctv-card__img-wrapper"><br />
<img <br />
src="https://dl.faraghaib.ir/m/260018/26001802.png" <br />
alt="سیستم هوشمند پردازش تصویر و پلاک خوان دوربین مداربسته" <br />
loading="lazy"<br />
decoding="async"<br />
width="400" <br />
height="250"><br />
</figure><br />
<div class="cctv-card__hero-content"><br />
<span class="cctv-card__tagline">فناوری هوش مصنوعی</span><br />
<div class="cctv-card__highlight">پردازش تصویر</div><br />
</div><br />
</div><br />
<br />
<div class="cctv-card__body"><br />
<br />
<div class="cctv-card__btn" aria-hidden="true"><br />
<span>بررسی هوشمندسازی</span><br />
<svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg><br />
</div><br />
</div><br />
<br />
</article><br />
<br />
</div><br />
</div><br />
</section><br />
<br />
<!-- =====================================================<br />
SEO STRUCTURED DATA (JSON-LD)<br />
===================================================== --><br />
<script type="application/ld+json"><br />
{<br />
"@context": "https://schema.org",<br />
"@type": "ItemList",<br />
"name": "خدمات تخصصی دوربین مداربسته",<br />
"description": "لیست خدمات حرفهای نصب، راه اندازی و تعمیرات دوربین مداربسته",<br />
"itemListElement": [<br />
{<br />
"@type": "ListItem",<br />
"position": 1,<br />
"name": "نصب و کابلکشی تخصصی دوربین مداربسته",<br />
"url": "https://yourdomain.com/services/cctv-installation"<br />
},<br />
{<br />
"@type": "ListItem",<br />
"position": 2,<br />
"name": "مشاهده زنده و انتقال تصویر روی موبایل",<br />
"url": "https://yourdomain.com/services/mobile-monitoring"<br />
},<br />
{<br />
"@type": "ListItem",<br />
"position": 3,<br />
"name": "عیبیابی و رفع قطعی دوربین مداربسته",<br />
"url": "https://yourdomain.com/services/cctv-repair"<br />
},<br />
{<br />
"@type": "ListItem",<br />
"position": 4,<br />
"name": "پلاکخوان و تشخیص چهره هوشمند",<br />
"url": "https://yourdomain.com/services/ai-cctv"<br />
}<br />
]<br />
}<br />
</script><br />
<br />
</body><br />
</html></div>
Javid