فراغیب

الگو:کانتینر منحنی/کافه محمد: تفاوت میان نسخه‌ها

دیداریویکی‌متن
صفحه‌ای تازه حاوی « <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="ارائه خدمات حرفه‌ای نصب، راه اندازی، انتقال تصویر روی موبایل، عیب یابی و هوشمندسازی ا...» ایجاد کرد
 
بدون خلاصۀ ویرایش
 
خط ۴: خط ۴:
     <meta charset="UTF-8">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>خدمات تخصصی دوربین مداربسته و سیستم‌های امنیتی</title>
     <title>کافه پاتوق محمد</title>
    <meta name="description" content="ارائه خدمات حرفه‌ای نصب، راه اندازی، انتقال تصویر روی موبایل، عیب یابی و هوشمندسازی انواع دوربین مداربسته با ضمانت کیفیت.">
  <meta name="description" content="کافه پاتوق محمد؛ انتخابی عالی برای قهوه، نوشیدنی‌های خوش‌طعم و دورهمی در فضایی دنج و صمیمی. تجربه‌ای متفاوت از یک کافه‌گردی لذت‌بخش.">
      
      
     <style>
     <style>
خط ۲۷: خط ۲۷:
             /* Colors */
             /* Colors */
             --bg-page: #f8fafc;
             --bg-page: #f8fafc;
             --bg-card: #ffffff;
             --bg-card: #9B7653;
             --text-main: #0f172a;
             --text-main: #0f172a;
             --text-muted: #475569;
             --text-muted: #475569;
خط ۲۸۱: خط ۲۸۱:
         /* ۱. نصب و راه‌اندازی (نارنجی/امبر) */
         /* ۱. نصب و راه‌اندازی (نارنجی/امبر) */
         .cctv-card--installation {
         .cctv-card--installation {
             --theme-primary: #f59e0b;
             --theme-primary: #734A12;
         }
         }
          
          
         /* ۲. انتقال تصویر (آبی فیروزه‌ای) */
         /* ۲. انتقال تصویر (آبی فیروزه‌ای) */
         .cctv-card--remote {
         .cctv-card--remote {
             --theme-primary: #0284c7;
             --theme-primary: #734A12;
         }
         }


         /* ۳. تعمیرات و عیب‌یابی (زمردی) */
         /* ۳. تعمیرات و عیب‌یابی (زمردی) */
         .cctv-card--repair {
         .cctv-card--repair {
             --theme-primary: #10b981;
             --theme-primary: #734A12;
         }
         }


         /* ۴. پردازش تصویر و هوشمندسازی (بنفش/نیلی) */
         /* ۴. پردازش تصویر و هوشمندسازی (بنفش/نیلی) */
         .cctv-card--ai {
         .cctv-card--ai {
             --theme-primary: #6366f1;
             --theme-primary: #734A12;
         }
         }


خط ۳۵۴: خط ۳۵۴:
                     <figure class="cctv-card__img-wrapper">
                     <figure class="cctv-card__img-wrapper">
                         <img  
                         <img  
                             src="https://dl.faraghaib.ir/m/260018/26001802.png"  
                             src="https://dl.faraghaib.ir/m/260012/26001202.jpg"  
                             alt="دمنوش"  
                             alt="دمنوش"  
                             loading="lazy"
                             loading="lazy"
خط ۳۶۲: خط ۳۶۲:
                     </figure>
                     </figure>
                     <div class="cctv-card__hero-content">
                     <div class="cctv-card__hero-content">
                         <span class="cctv-card__tagline">دمنوش های تخصصی</span>
                         <span class="cctv-card__tagline">دمنوش های اختصاصی</span>
                         <div class="cctv-card__highlight">ذائقه های متفاوت</div>
                         <div class="cctv-card__highlight">ذائقه های متفاوت</div>
                     </div>
                     </div>
خط ۳۷۸: خط ۳۷۸:
             </article>
             </article>


             <!-- Card 2: انتقال تصویر روی موبایل -->
             <!-- Card 2: انواع قهوه  -->
             <article class="cctv-card cctv-card--remote">
             <article class="cctv-card cctv-card--remote">
                 <div class="cctv-card__hero">
                 <div class="cctv-card__hero">
                     <figure class="cctv-card__img-wrapper">
                     <figure class="cctv-card__img-wrapper">
                         <img  
                         <img  
                             src="https://dl.faraghaib.ir/m/260018/26001802.png"  
                             src="https://dl.faraghaib.ir/m/260012/26001202.jpg"  
                             alt="انتقال تصویر دوربین مداربسته روی گوشی موبایل"
                             alt=" انواع قهوه 
                             loading="lazy"
                             loading="lazy"
                             decoding="async"
                             decoding="async"
خط ۳۹۱: خط ۳۹۱:
                     </figure>
                     </figure>
                     <div class="cctv-card__hero-content">
                     <div class="cctv-card__hero-content">
                         <span class="cctv-card__tagline">دسترسی از هر کجا</span>
                         <span class="cctv-card__tagline">انواع نوشیدنی های گرم</span>
                         <div class="cctv-card__highlight">انتقال تصویر</div>
                         <div class="cctv-card__highlight">همراه روزهای سرد</div>
                     </div>
                     </div>
                 </div>
                 </div>
خط ۳۹۹: خط ۳۹۹:
                    
                    
                     <div class="cctv-card__btn" aria-hidden="true">
                     <div class="cctv-card__btn" aria-hidden="true">
                         <span>راهنمای انتقال تصویر</span>
                         <span>سفارش آنلاین</span>
                         <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>
                         <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>
                     </div>
                     </div>
خط ۴۰۷: خط ۴۰۷:
             </article>
             </article>


             <!-- Card 3: عیب‌یابی و تعمیرات -->
             <!-- Card 3: دسر -->
             <article class="cctv-card cctv-card--repair">
             <article class="cctv-card cctv-card--repair">
                 <div class="cctv-card__hero">
                 <div class="cctv-card__hero">
                     <figure class="cctv-card__img-wrapper">
                     <figure class="cctv-card__img-wrapper">
                         <img  
                         <img  
                             src="https://dl.faraghaib.ir/m/260018/26001802.png"  
                             src="https://dl.faraghaib.ir/m/260012/26001202.jpg"  
                             alt="تعمیر و عیب یابی دستگاه dvr و دوربین مداربسته"  
                             alt="دسر"  
                             loading="lazy"
                             loading="lazy"
                             decoding="async"
                             decoding="async"
خط ۴۲۰: خط ۴۲۰:
                     </figure>
                     </figure>
                     <div class="cctv-card__hero-content">
                     <div class="cctv-card__hero-content">
                         <span class="cctv-card__tagline">سریع و باضمانت</span>
                         <span class="cctv-card__tagline">دسرهای اختصاصی کافه محمد</span>
                         <div class="cctv-card__highlight">تعمیرات آنلاین</div>
                         <div class="cctv-card__highlight">جشن ها و مناسبت ها</div>
                     </div>
                     </div>
                 </div>
                 </div>
خط ۴۲۸: خط ۴۲۸:
                      
                      
                     <div class="cctv-card__btn" aria-hidden="true">
                     <div class="cctv-card__btn" aria-hidden="true">
                         <span>درخواست تعمیرکار</span>
                         <span>رزرو آنلاین</span>
                         <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>
                         <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>
                     </div>
                     </div>
خط ۴۳۶: خط ۴۳۶:
             </article>
             </article>


             <!-- Card 4: هوشمندسازی و پردازش تصویر -->
             <!-- Card 4: محیطی آرام و دنج -->
             <article class="cctv-card cctv-card--ai">
             <article class="cctv-card cctv-card--ai">
                 <div class="cctv-card__hero">
                 <div class="cctv-card__hero">
                     <figure class="cctv-card__img-wrapper">
                     <figure class="cctv-card__img-wrapper">
                         <img  
                         <img  
                             src="https://dl.faraghaib.ir/m/260018/26001802.png"  
                             src="https://dl.faraghaib.ir/m/260012/26001202.jpg"  
                             alt="سیستم هوشمند پردازش تصویر و پلاک خوان دوربین مداربسته"  
                             alt="محیطی آرام و دنج"  
                             loading="lazy"
                             loading="lazy"
                             decoding="async"
                             decoding="async"
خط ۴۴۹: خط ۴۴۹:
                     </figure>
                     </figure>
                     <div class="cctv-card__hero-content">
                     <div class="cctv-card__hero-content">
                         <span class="cctv-card__tagline">فناوری هوش مصنوعی</span>
                         <span class="cctv-card__tagline">لوکیشن های مناسب</span>
                         <div class="cctv-card__highlight">پردازش تصویر</div>
                         <div class="cctv-card__highlight">عکاسی و نورپردازی</div>
                     </div>
                     </div>
                 </div>
                 </div>
خط ۴۵۷: خط ۴۵۷:
                      
                      
                     <div class="cctv-card__btn" aria-hidden="true">
                     <div class="cctv-card__btn" aria-hidden="true">
                         <span>بررسی هوشمندسازی</span>
                         <span>نمونه تصاویر</span>
                         <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>
                         <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>
                     </div>
                     </div>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_منحنی/کافه_محمد»