پرش به محتوا

تست۶ - فراغیب

از فراغیب
تفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
صفحه‌ای تازه حاوی «<html> <html lang="fa" dir="rtl"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <style> ←========================================================= ROOT / VARIABLES =========================================================: .wiki-store{ --ws-primary:#0b3157; --ws-primary-dark:#071f38; --ws-secondary:#238b68; --ws-secondary-dark:#176b50; --ws-gold...» ایجاد کرد
 
بدون خلاصۀ ویرایش
خط ۳۰۵: خط ۳۰۵:


/* =========================================================
/* =========================================================
   CATEGORY QUICK MENU
   QUICK CATEGORIES
========================================================= */
========================================================= */


خط ۱٬۰۶۱: خط ۱٬۰۶۱:


<div class="wiki-store">
<div class="wiki-store">


<!-- ======================================================
<!-- ======================================================
خط ۱٬۰۷۲: خط ۱٬۰۷۳:
         <div class="ws-top-item">
         <div class="ws-top-item">
             <i class="fa-solid fa-headset"></i>
             <i class="fa-solid fa-headset"></i>
             پشتیبانی و مشاوره تخصصی
             مشاوره تخصصی سیستم‌های امنیتی
         </div>
         </div>


         <div class="ws-top-item">
         <div class="ws-top-item">
             <i class="fa-solid fa-clock"></i>
             <i class="fa-solid fa-clock"></i>
             شنبه تا پنجشنبه ۸ تا ۲۰
             شنبه تا پنجشنبه ۹ تا ۲۰
         </div>
         </div>


         <div class="ws-top-item">
         <div class="ws-top-item">
             <i class="fa-solid fa-phone"></i>
             <i class="fa-solid fa-phone"></i>
             ۰۲۱-۱۲۳۴۵۶۷۸
             تماس با ARS
         </div>
         </div>


         <div class="ws-top-item">
         <div class="ws-top-item">
             <i class="fa-solid fa-truck-fast"></i>
             <i class="fa-solid fa-shield-halved"></i>
             ارسال سریع
             راهکارهای هوشمند حفاظتی
         </div>
         </div>


خط ۱٬۱۰۲: خط ۱٬۱۰۳:


     <div class="ws-header-main">
     <div class="ws-header-main">


         <!-- LOGO -->
         <!-- LOGO -->


         <a href="#" class="ws-logo" aria-label="صفحه اصلی">
         <a href="#" class="ws-logo" aria-label="صفحه اصلی دوربین مداربسته ARS">


             <span class="ws-logo-icon">
             <span class="ws-logo-icon">
                 <i class="fa-solid fa-bolt"></i>
                 <i class="fa-solid fa-camera"></i>
             </span>
             </span>


             <span>
             <span>
                 برق‌مارکت
                 ARS
                 <small>فروش تخصصی تجهیزات برق و شبکه</small>
                 <small>
                    دوربین مداربسته و سیستم‌های امنیتی
                </small>
             </span>
             </span>


خط ۱٬۱۲۵: خط ۱٬۱۲۹:
             <input
             <input
                 type="search"
                 type="search"
                 placeholder="جستجوی محصول، برند یا دسته‌بندی..."
                 placeholder="جستجوی دوربین مداربسته، DVR، NVR یا تجهیزات امنیتی..."
                 aria-label="جستجوی محصولات">
                 aria-label="جستجوی محصولات دوربین مداربسته">


             <button type="submit" aria-label="جستجو">
             <button type="submit" aria-label="جستجو">
                 <i class="fa-solid fa-magnifying-glass"></i>
                 <i class="fa-solid fa-magnifying-glass"></i>
             </button>
             </button>


خط ۱٬۱۴۰: خط ۱٬۱۴۶:


             <a href="#" class="ws-action">
             <a href="#" class="ws-action">
                 <i class="fa-regular fa-user"></i>
                 <i class="fa-regular fa-user"></i>
                 <span>حساب کاربری</span>
 
                 <span>
                    حساب کاربری
                </span>
 
             </a>
             </a>


             <a href="#" class="ws-action">
             <a href="#" class="ws-action">
                 <i class="fa-regular fa-heart"></i>
                 <i class="fa-regular fa-heart"></i>
                 <span>علاقه‌مندی</span>
 
                 <span>
                    علاقه‌مندی
                </span>
 
             </a>
             </a>


             <a href="#" class="ws-action">
             <a href="#" class="ws-action">
                 <i class="fa-solid fa-cart-shopping"></i>
                 <i class="fa-solid fa-cart-shopping"></i>
                 <span>سبد خرید</span>
 
                 <span>
                    سبد خرید
                </span>
 
             </a>
             </a>


خط ۱٬۱۶۱: خط ۱٬۱۸۴:
     <!-- NAV -->
     <!-- NAV -->


     <nav class="ws-nav" aria-label="منوی اصلی">
     <nav class="ws-nav" aria-label="منوی اصلی دوربین مداربسته ARS">


         <ul class="ws-nav-list">
         <ul class="ws-nav-list">


             <li>
             <li>
                 <a href="#">
                 <a href="#">
                     <i class="fa-solid fa-bars"></i>
                     <i class="fa-solid fa-bars"></i>
                     دسته‌بندی محصولات
 
                     دسته‌بندی تجهیزات امنیتی
 
                 </a>
                 </a>
             </li>
             </li>


             <li>
             <li>
                <a href="#">تجهیزات شبکه</a>
            </li>


            <li>
                 <a href="#">
                 <a href="#">برق صنعتی</a>
                    دوربین مداربسته
            </li>
                </a>


            <li>
                <a href="#">فیبر نوری</a>
             </li>
             </li>


            <li>
                <a href="#">تجهیزات سرور</a>
            </li>


             <li>
             <li>
                 <a href="#">تجهیزات حفاظتی</a>
 
             </li>
                 <a href="#">
                    DVR و NVR
                </a>
 
             </li>
 


             <li>
             <li>
                 <a href="#" class="ws-special">
 
                    <i class="fa-solid fa-percent"></i>
                 <a href="#">
                     تخفیف‌ها
                     دزدگیر اماکن
                 </a>
                 </a>
             </li>
             </li>


        </ul>


    </nav>
            <li>


</header>
                <a href="#">
                    تجهیزات انتقال تصویر
                </a>


            </li>


<!-- ======================================================
    QUICK CATEGORIES
====================================================== -->


<section class="ws-section" aria-labelledby="quick-category-title">
            <li>


    <div class="ws-section-head">
                <a href="#">
                    لوازم جانبی دوربین
                </a>


        <h1 id="quick-category-title" class="ws-section-title">
             </li>
             خرید تجهیزات برق و شبکه
        </h1>


        <a href="#" class="ws-more">
            مشاهده همه
        </a>


    </div>
            <li>


                <a href="#" class="ws-special">


    <div class="ws-category-scroll">
                    <i class="fa-solid fa-percent"></i>


        <a href="#" class="ws-category">
                    پیشنهادهای ویژه
            <div class="ws-category-icon">
                <i class="fa-solid fa-network-wired"></i>
            </div>
            <strong>تجهیزات شبکه</strong>
        </a>


        <a href="#" class="ws-category">
                 </a>
            <div class="ws-category-icon">
                 <i class="fa-solid fa-server"></i>
            </div>
            <strong>سرور و رک</strong>
        </a>


        <a href="#" class="ws-category">
             </li>
            <div class="ws-category-icon">
                <i class="fa-solid fa-bolt"></i>
            </div>
             <strong>برق صنعتی</strong>
        </a>


         <a href="#" class="ws-category">
         </ul>
            <div class="ws-category-icon">
                <i class="fa-solid fa-fiber"></i>
            </div>
            <strong>فیبر نوری</strong>
        </a>


        <a href="#" class="ws-category">
    </nav>
            <div class="ws-category-icon">
                <i class="fa-solid fa-wifi"></i>
            </div>
            <strong>تجهیزات رادیویی</strong>
        </a>


        <a href="#" class="ws-category">
</header>
            <div class="ws-category-icon">
                <i class="fa-solid fa-shield-halved"></i>
            </div>
            <strong>تجهیزات حفاظتی</strong>
        </a>
 
    </div>
 
</section>




<!-- ======================================================
<!-- ======================================================
     HERO SLIDER
     QUICK CATEGORIES
    فقط آدرس تصاویر را عوض کنید
====================================================== -->
====================================================== -->


<section class="ws-section" aria-label="بنرهای فروشگاه">
<section
    class="ws-section"
    aria-labelledby="quick-category-title">


     <div class="ws-hero" data-hero-slider>
     <div class="ws-section-head">


         <div class="ws-hero-track">
         <h1
            id="quick-category-title"
            class="ws-section-title">


             <a href="#" class="ws-hero-slide">
             خرید دوربین مداربسته و تجهیزات امنیتی ARS
                <img
                    src="https://placehold.co/1600x600/0b3157/ffffff?text=Banner+1"
                    alt="خرید تجهیزات برق و شبکه">
            </a>


            <a href="#" class="ws-hero-slide">
        </h1>
                <img
                    src="https://placehold.co/1600x600/238b68/ffffff?text=Banner+2"
                    alt="تخفیف تجهیزات شبکه">
            </a>


            <a href="#" class="ws-hero-slide">
                <img
                    src="https://placehold.co/1600x600/c99a2e/ffffff?text=Banner+3"
                    alt="فروش ویژه تجهیزات برق">
            </a>


         </div>
         <a href="#" class="ws-more">


            مشاهده همه


         <div class="ws-hero-dots"></div>
         </a>


     </div>
     </div>


</section>


    <div class="ws-category-scroll">


<!-- ======================================================
    SPECIAL PRODUCTS
====================================================== -->


<section class="ws-section" aria-labelledby="special-products-title">
        <a href="#" class="ws-category">


    <div class="ws-section-head">
            <div class="ws-category-icon">


        <h2 id="special-products-title" class="ws-section-title">
                <i class="fa-solid fa-camera"></i>
             محصولات ویژه و پیشنهادهای امروز
 
        </h2>
             </div>
 
            <strong>
                دوربین مداربسته
            </strong>


        <a href="#" class="ws-more">
            مشاهده همه محصولات
         </a>
         </a>


    </div>


        <a href="#" class="ws-category">


    <div class="ws-product-slider" data-product-slider>
            <div class="ws-category-icon">


        <button
                <i class="fa-solid fa-video"></i>
            class="ws-slider-btn ws-slider-prev"
            type="button"
            aria-label="محصولات قبلی">
            <i class="fa-solid fa-chevron-right"></i>
        </button>


            </div>


        <div class="ws-product-track">
            <strong>
                دوربین تحت شبکه
            </strong>


            <!-- ROW 1 -->
        </a>


            <div class="ws-product-row">


                <article class="ws-product-card">
        <a href="#" class="ws-category">


                    <div class="ws-product-image">
            <div class="ws-category-icon">
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Product+1"
                            alt="سوئیچ شبکه">
                    </div>


                    <div class="ws-product-info">
                <i class="fa-solid fa-hard-drive"></i>


                        <div class="ws-brand">برند نمونه</div>
            </div>


                        <h3 class="ws-product-title">
            <strong>
                            سوئیچ شبکه مدیریتی حرفه‌ای
                DVR و NVR
                        </h3>
            </strong>


                        <div class="ws-price">
        </a>
                            <span class="ws-new-price">
                                ۲,۴۵۰,۰۰۰ تومان
                            </span>


                            <span class="ws-discount">
                                ۱۵٪
                            </span>
                        </div>


                        <div class="ws-product-actions">
        <a href="#" class="ws-category">


                            <button class="ws-cart">
            <div class="ws-category-icon">
                                افزودن به سبد
                            </button>


                            <button
                <i class="fa-solid fa-bell"></i>
                                class="ws-favorite"
                                aria-label="افزودن به علاقه‌مندی">
                                <i class="fa-regular fa-heart"></i>
                            </button>


                        </div>
            </div>


                    </div>
            <strong>
                دزدگیر اماکن
            </strong>


                </article>
        </a>




                <article class="ws-product-card">
        <a href="#" class="ws-category">


                    <div class="ws-product-image">
            <div class="ws-category-icon">
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Product+2"
                            alt="مودم فیبر نوری">
                    </div>


                    <div class="ws-product-info">
                <i class="fa-solid fa-wifi"></i>


                        <div class="ws-brand">برند نمونه</div>
            </div>


                        <h3 class="ws-product-title">
            <strong>
                            مودم فیبر نوری دو بانده
                انتقال تصویر
                        </h3>
            </strong>
 
        </a>


                        <div class="ws-price">
                            <span class="ws-new-price">
                                ۱,۸۹۰,۰۰۰ تومان
                            </span>


                            <span class="ws-discount">
        <a href="#" class="ws-category">
                                ۱۰٪
                            </span>
                        </div>


                        <div class="ws-product-actions">
            <div class="ws-category-icon">


                            <button class="ws-cart">
                <i class="fa-solid fa-plug"></i>
                                افزودن به سبد
                            </button>


                            <button class="ws-favorite">
            </div>
                                <i class="fa-regular fa-heart"></i>
                            </button>


                        </div>
            <strong>
                لوازم جانبی
            </strong>


                    </div>
        </a>


                </article>
    </div>


</section>


                <article class="ws-product-card">


                    <div class="ws-product-image">
<!-- ======================================================
                        <img
    HERO SLIDER
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Product+3"
    آدرس تصاویر را می‌توانید عوض کنید
                            alt="کابل شبکه">
====================================================== -->
                    </div>


                    <div class="ws-product-info">
<section
    class="ws-section"
    aria-label="بنرهای دوربین مداربسته ARS">


                        <div class="ws-brand">برند نمونه</div>
    <div
        class="ws-hero"
        data-hero-slider>


                        <h3 class="ws-product-title">
                            کابل شبکه CAT6 با کیفیت بالا
                        </h3>


                        <div class="ws-price">
        <div class="ws-hero-track">
                            <span class="ws-new-price">
                                ۷۵۰,۰۰۰ تومان
                            </span>


                            <span class="ws-discount">
                                ۲۰٪
                            </span>
                        </div>


                        <div class="ws-product-actions">
            <a href="#" class="ws-hero-slide">


                            <button class="ws-cart">
                <img
                                افزودن به سبد
                    src="https://placehold.co/1600x600/0b3157/ffffff?text=ARS+CCTV"
                            </button>
                    alt="دوربین مداربسته ARS و سیستم‌های امنیتی">


                            <button class="ws-favorite">
            </a>
                                <i class="fa-regular fa-heart"></i>
                            </button>


                        </div>


                    </div>
            <a href="#" class="ws-hero-slide">


                 </article>
                 <img
                    src="https://placehold.co/1600x600/238b68/ffffff?text=ARS+Security"
                    alt="فروش و نصب دوربین مداربسته ARS">


             </div>
             </a>




             <!-- ROW 2 -->
             <a href="#" class="ws-hero-slide">


            <div class="ws-product-row">
                <img
                    src="https://placehold.co/1600x600/c99a2e/ffffff?text=ARS+Camera"
                    alt="خرید دوربین مداربسته و تجهیزات حفاظتی">


                <article class="ws-product-card">
            </a>


                    <div class="ws-product-image">
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Product+4"
                            alt="رک شبکه">
                    </div>


                    <div class="ws-product-info">
        </div>
 


                        <div class="ws-brand">برند نمونه</div>
        <div class="ws-hero-dots"></div>


                        <h3 class="ws-product-title">
    </div>
                            رک شبکه دیواری استاندارد
                        </h3>


                        <div class="ws-price">
</section>
                            <span class="ws-new-price">
                                ۳,۲۵۰,۰۰۰ تومان
                            </span>


                            <span class="ws-discount">
                                ۱۲٪
                            </span>
                        </div>


                        <div class="ws-product-actions">
<!-- ======================================================
                            <button class="ws-cart">
    SPECIAL PRODUCTS
                                افزودن به سبد
====================================================== -->
                            </button>
                            <button class="ws-favorite">
                                <i class="fa-regular fa-heart"></i>
                            </button>
                        </div>


                    </div>
<section
    class="ws-section"
    aria-labelledby="special-products-title">


                </article>


    <div class="ws-section-head">


                <article class="ws-product-card">
        <h2
            id="special-products-title"
            class="ws-section-title">


                    <div class="ws-product-image">
            محصولات ویژه دوربین مداربسته ARS
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Product+5"
                            alt="پچ پنل شبکه">
                    </div>


                    <div class="ws-product-info">
        </h2>


                        <div class="ws-brand">برند نمونه</div>


                        <h3 class="ws-product-title">
        <a href="#" class="ws-more">
                            پچ پنل شبکه ۲۴ پورت
                        </h3>


                        <div class="ws-price">
            مشاهده همه محصولات
                            <span class="ws-new-price">
                                ۱,۱۵۰,۰۰۰ تومان
                            </span>


                            <span class="ws-discount">
        </a>
                                ۸٪
                            </span>
                        </div>


                        <div class="ws-product-actions">
    </div>
                            <button class="ws-cart">
                                افزودن به سبد
                            </button>
                            <button class="ws-favorite">
                                <i class="fa-regular fa-heart"></i>
                            </button>
                        </div>


                    </div>


                </article>
    <div
        class="ws-product-slider"
        data-product-slider>




                <article class="ws-product-card">
        <button
            class="ws-slider-btn ws-slider-prev"
            type="button"
            aria-label="محصولات قبلی">


                    <div class="ws-product-image">
            <i class="fa-solid fa-chevron-right"></i>
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Product+6"
                            alt="ماژول فیبر نوری">
                    </div>


                     <div class="ws-product-info">
        </button>
 
 
        <div class="ws-product-track">
 
 
            <!-- ROW 1 -->
 
            <div class="ws-product-row">
 
 
                <article class="ws-product-card">
 
                    <div class="ws-product-image">
 
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=CCTV+1"
                            alt="دوربین مداربسته بولت ARS">
 
                    </div>
 
 
                     <div class="ws-product-info">
 
                        <div class="ws-brand">
                            ARS
                        </div>


                        <div class="ws-brand">برند نمونه</div>


                         <h3 class="ws-product-title">
                         <h3 class="ws-product-title">
                             ماژول فیبر نوری SFP
 
                             دوربین مداربسته بولت با دید در شب
 
                         </h3>
                         </h3>


                         <div class="ws-price">
                         <div class="ws-price">
                             <span class="ws-new-price">
                             <span class="ws-new-price">
                                 ۹۸۰,۰۰۰ تومان
                                 قیمت تماس
                             </span>
                             </span>


                             <span class="ws-discount">
                             <span class="ws-discount">
                                 ۱۸٪
                                 ویژه
                             </span>
                             </span>
                         </div>
                         </div>


                         <div class="ws-product-actions">
                         <div class="ws-product-actions">
                             <button class="ws-cart">
                             <button class="ws-cart">
                                 افزودن به سبد
                                 دریافت مشاوره
                             </button>
                             </button>
                             <button class="ws-favorite">
 
 
                             <button
                                class="ws-favorite"
                                aria-label="افزودن دوربین به علاقه‌مندی">
 
                                 <i class="fa-regular fa-heart"></i>
                                 <i class="fa-regular fa-heart"></i>
                             </button>
                             </button>
                         </div>
                         </div>


خط ۱٬۶۰۴: خط ۱٬۵۵۵:
                 </article>
                 </article>


            </div>


        </div>
                <article class="ws-product-card">


                    <div class="ws-product-image">


        <button
                        <img
            class="ws-slider-btn ws-slider-next"
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=CCTV+2"
            type="button"
                            alt="دوربین مداربسته دام ARS">
            aria-label="محصولات بعدی">
            <i class="fa-solid fa-chevron-left"></i>
        </button>


    </div>
                    </div>


</section>


                    <div class="ws-product-info">


<!-- ======================================================
                        <div class="ws-brand">
    BENEFITS
                            ARS
====================================================== -->
                        </div>


<section class="ws-section" aria-labelledby="benefits-title">


    <div class="ws-section-head">
                        <h3 class="ws-product-title">


        <h2 id="benefits-title" class="ws-section-title">
                            دوربین مداربسته دام مناسب محیط داخلی
            چرا از ما خرید کنید؟
        </h2>


    </div>
                        </h3>




    <div class="ws-benefits">
                        <div class="ws-price">


        <div class="ws-benefit">
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>


            <div class="ws-benefit-icon">
                            <span class="ws-discount">
                <i class="fa-solid fa-truck-fast"></i>
                                ویژه
            </div>
                            </span>


            <strong>ارسال سریع</strong>
                        </div>
            <span>ارسال سفارش در کوتاه‌ترین زمان</span>


        </div>


                        <div class="ws-product-actions">


        <div class="ws-benefit">
                            <button class="ws-cart">
                                دریافت مشاوره
                            </button>


            <div class="ws-benefit-icon">
                <i class="fa-solid fa-headset"></i>
            </div>


            <strong>مشاوره تخصصی</strong>
                            <button class="ws-favorite">
            <span>راهنمایی قبل از خرید</span>


        </div>
                                <i class="fa-regular fa-heart"></i>


                            </button>


        <div class="ws-benefit">
                        </div>


            <div class="ws-benefit-icon">
                    </div>
                <i class="fa-solid fa-shield-halved"></i>
            </div>


            <strong>ضمانت اصالت</strong>
                </article>
            <span>تضمین کیفیت و اصالت کالا</span>


        </div>


                <article class="ws-product-card">


        <div class="ws-benefit">
                    <div class="ws-product-image">


            <div class="ws-benefit-icon">
                        <img
                <i class="fa-solid fa-credit-card"></i>
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=CCTV+3"
            </div>
                            alt="دوربین مداربسته تحت شبکه IP">


            <strong>پرداخت مطمئن</strong>
                    </div>
            <span>پرداخت امن و آسان</span>


        </div>


    </div>
                    <div class="ws-product-info">


</section>
                        <div class="ws-brand">
                            ARS
                        </div>




<!-- ======================================================
                        <h3 class="ws-product-title">
    PRODUCT CATEGORIES
====================================================== -->


<section class="ws-section" aria-labelledby="categories-title">
                            دوربین مداربسته تحت شبکه IP با کیفیت بالا


    <div class="ws-section-head">
                        </h3>


        <h2 id="categories-title" class="ws-section-title">
            دسته‌بندی محصولات
        </h2>


        <a href="#" class="ws-more">
                        <div class="ws-price">
            همه دسته‌بندی‌ها
        </a>


    </div>
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>


                            <span class="ws-discount">
                                ویژه
                            </span>


    <div class="ws-category-grid">
                        </div>


        <a href="#" class="ws-category-box">


            <div class="ws-category-box-icon">
                        <div class="ws-product-actions">
                <i class="fa-solid fa-network-wired"></i>
            </div>


            <div>
                            <button class="ws-cart">
                <strong>تجهیزات شبکه</strong>
                                دریافت مشاوره
                <span>سوئیچ، روتر و تجهیزات شبکه</span>
                            </button>
            </div>


        </a>


                            <button class="ws-favorite">


        <a href="#" class="ws-category-box">
                                <i class="fa-regular fa-heart"></i>


            <div class="ws-category-box-icon">
                            </button>
                <i class="fa-solid fa-server"></i>
            </div>


            <div>
                        </div>
                <strong>سرور و تجهیزات رک</strong>
                <span>رک، سرور و تجهیزات جانبی</span>
            </div>


        </a>
                    </div>


                </article>


        <a href="#" class="ws-category-box">
            <div class="ws-category-box-icon">
                <i class="fa-solid fa-bolt"></i>
             </div>
             </div>


            <div>
                <strong>برق صنعتی</strong>
                <span>تجهیزات برق و اتوماسیون</span>
            </div>


        </a>
            <!-- ROW 2 -->


            <div class="ws-product-row">


        <a href="#" class="ws-category-box">


            <div class="ws-category-box-icon">
                <article class="ws-product-card">
                <i class="fa-solid fa-signal"></i>
            </div>


            <div>
                    <div class="ws-product-image">
                <strong>فیبر نوری</strong>
                <span>کابل و تجهیزات فیبر نوری</span>
            </div>


        </a>
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=DVR"
                            alt="دستگاه DVR دوربین مداربسته">


                    </div>


        <a href="#" class="ws-category-box">


            <div class="ws-category-box-icon">
                    <div class="ws-product-info">
                <i class="fa-solid fa-wifi"></i>
            </div>


            <div>
                        <div class="ws-brand">
                <strong>تجهیزات وایرلس</strong>
                            ARS
                <span>آنتن و تجهیزات رادیویی</span>
                        </div>
            </div>


        </a>


                        <h3 class="ws-product-title">


        <a href="#" class="ws-category-box">
                            دستگاه DVR حرفه‌ای برای سیستم مداربسته


            <div class="ws-category-box-icon">
                        </h3>
                <i class="fa-solid fa-video"></i>
            </div>


            <div>
                <strong>دوربین و امنیت</strong>
                <span>سیستم‌های حفاظتی و امنیتی</span>
            </div>


        </a>
                        <div class="ws-price">


    </div>
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>


</section>
                            <span class="ws-discount">
                                ویژه
                            </span>


                        </div>


<!-- ======================================================
    BRANDS
====================================================== -->


<section class="ws-section" aria-labelledby="brands-title">
                        <div class="ws-product-actions">


    <div class="ws-section-head">
                            <button class="ws-cart">
                                دریافت مشاوره
                            </button>


        <h2 id="brands-title" class="ws-section-title">
            برندهای محبوب
        </h2>


    </div>
                            <button class="ws-favorite">


                                <i class="fa-regular fa-heart"></i>


    <div class="ws-brands">
                            </button>


        <a href="#" class="ws-brand-card">
                        </div>
            <img src="https://placehold.co/300x120/ffffff/0b3157?text=BRAND+1"
                alt="برند تجهیزات شبکه">
        </a>


        <a href="#" class="ws-brand-card">
                    </div>
            <img src="https://placehold.co/300x120/ffffff/0b3157?text=BRAND+2"
                alt="برند تجهیزات برق">
        </a>


        <a href="#" class="ws-brand-card">
                </article>
            <img src="https://placehold.co/300x120/ffffff/0b3157?text=BRAND+3"
                alt="برند تجهیزات فیبر نوری">
        </a>


        <a href="#" class="ws-brand-card">
            <img src="https://placehold.co/300x120/ffffff/0b3157?text=BRAND+4"
                alt="برند تجهیزات شبکه">
        </a>


        <a href="#" class="ws-brand-card">
                <article class="ws-product-card">
            <img src="https://placehold.co/300x120/ffffff/0b3157?text=BRAND+5"
                alt="برند تجهیزات سرور">
        </a>


        <a href="#" class="ws-brand-card">
                    <div class="ws-product-image">
            <img src="https://placehold.co/300x120/ffffff/0b3157?text=BRAND+6"
                alt="برند تجهیزات برق صنعتی">
        </a>


    </div>
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=NVR"
                            alt="دستگاه NVR دوربین مداربسته">


</section>
                    </div>




<!-- ======================================================
                    <div class="ws-product-info">
    BEST SELLERS
====================================================== -->


<section class="ws-section" aria-labelledby="best-title">
                        <div class="ws-brand">
                            ARS
                        </div>


    <div class="ws-section-head">


        <h2 id="best-title" class="ws-section-title">
                        <h3 class="ws-product-title">
            پرفروش‌ترین محصولات
        </h2>


        <a href="#" class="ws-more">
                            دستگاه NVR ضبط تصاویر دوربین تحت شبکه
            مشاهده همه
        </a>


    </div>
                        </h3>




    <div class="ws-product-slider" data-product-slider>
                        <div class="ws-price">


        <div class="ws-product-track">
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>


            <div class="ws-product-row">
                            <span class="ws-discount">
                                ویژه
                            </span>


                <article class="ws-product-card">
                        </div>


                    <div class="ws-product-image">
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Best+1"
                            alt="سوئیچ شبکه پرفروش">
                    </div>


                    <div class="ws-product-info">
                        <div class="ws-product-actions">


                        <h3 class="ws-product-title">
                            <button class="ws-cart">
                             سوئیچ شبکه ۲۴ پورت
                                دریافت مشاوره
                        </h3>
                             </button>


                        <div class="ws-price">
                            <span class="ws-new-price">
                                ۳,۲۰۰,۰۰۰ تومان
                            </span>
                        </div>


                    </div>
                            <button class="ws-favorite">


                </article>
                                <i class="fa-regular fa-heart"></i>


                            </button>


                <article class="ws-product-card">
                    <div class="ws-product-image">
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Best+2"
                            alt="روتر شبکه پرفروش">
                    </div>
                    <div class="ws-product-info">
                        <h3 class="ws-product-title">
                            روتر حرفه‌ای شبکه
                        </h3>
                        <div class="ws-price">
                            <span class="ws-new-price">
                                ۲,۷۵۰,۰۰۰ تومان
                            </span>
                         </div>
                         </div>


خط ۱٬۹۲۹: خط ۱٬۷۹۸:


                     <div class="ws-product-image">
                     <div class="ws-product-image">
                         <img
                         <img
                             src="https://placehold.co/500x500/f8f9fa/0b3157?text=Best+3"
                             src="https://placehold.co/500x500/f8f9fa/0b3157?text=Alarm"
                             alt="کابل شبکه پرفروش">
                             alt="دزدگیر اماکن ARS">
 
                     </div>
                     </div>


                     <div class="ws-product-info">
                     <div class="ws-product-info">
                        <div class="ws-brand">
                            ARS
                        </div>


                         <h3 class="ws-product-title">
                         <h3 class="ws-product-title">
                             کابل شبکه CAT6
 
                             دزدگیر اماکن و سیستم اعلام سرقت
 
                         </h3>
                         </h3>


                         <div class="ws-price">
                         <div class="ws-price">
                             <span class="ws-new-price">
                             <span class="ws-new-price">
                                 ۸۵۰,۰۰۰ تومان
                                 قیمت تماس
                            </span>
 
                            <span class="ws-discount">
                                ویژه
                             </span>
                             </span>
                         </div>
                         </div>


                    </div>


                </article>
                        <div class="ws-product-actions">


            </div>
                            <button class="ws-cart">
                                دریافت مشاوره
                            </button>


            <div class="ws-product-row">


                <article class="ws-product-card">
                            <button class="ws-favorite">


                    <div class="ws-product-image">
                                <i class="fa-regular fa-heart"></i>
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Best+4"
                            alt="رک شبکه پرفروش">
                    </div>


                    <div class="ws-product-info">
                             </button>
 
                        <h3 class="ws-product-title">
                             رک شبکه ۹ یونیت
                        </h3>


                        <div class="ws-price">
                            <span class="ws-new-price">
                                ۴,۲۰۰,۰۰۰ تومان
                            </span>
                         </div>
                         </div>


خط ۱٬۹۷۸: خط ۱٬۸۵۲:
                 </article>
                 </article>


            </div>


                <article class="ws-product-card">
        </div>


                    <div class="ws-product-image">
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Best+5"
                            alt="پچ پنل پرفروش">
                    </div>


                    <div class="ws-product-info">
        <button
            class="ws-slider-btn ws-slider-next"
            type="button"
            aria-label="محصولات بعدی">


                        <h3 class="ws-product-title">
            <i class="fa-solid fa-chevron-left"></i>
                            پچ پنل شبکه
                        </h3>


                        <div class="ws-price">
        </button>
                            <span class="ws-new-price">
                                ۱,۲۰۰,۰۰۰ تومان
                            </span>
                        </div>


                    </div>
    </div>


                </article>
</section>




                <article class="ws-product-card">
<!-- ======================================================
    BENEFITS
====================================================== -->


                    <div class="ws-product-image">
<section
                        <img
    class="ws-section"
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Best+6"
    aria-labelledby="benefits-title">
                            alt="ماژول فیبر نوری پرفروش">
                    </div>


                    <div class="ws-product-info">


                        <h3 class="ws-product-title">
    <div class="ws-section-head">
                            ماژول فیبر نوری
                        </h3>


                        <div class="ws-price">
        <h2
                            <span class="ws-new-price">
            id="benefits-title"
                                ۹۹۰,۰۰۰ تومان
            class="ws-section-title">
                            </span>
                        </div>


                    </div>
            چرا سیستم امنیتی ARS؟


                </article>
        </h2>


            </div>
    </div>


        </div>


     </div>
     <div class="ws-benefits">


</section>


        <div class="ws-benefit">


<!-- ======================================================
            <div class="ws-benefit-icon">
    ARTICLES
====================================================== -->


<section class="ws-section" aria-labelledby="articles-title">
                <i class="fa-solid fa-camera"></i>


    <div class="ws-section-head">
            </div>


        <h2 id="articles-title" class="ws-section-title">
            <strong>
             مجله تخصصی برق و شبکه
                تجهیزات باکیفیت
        </h2>
             </strong>


        <a href="#" class="ws-more">
            <span>
             مشاهده مقالات
                انتخاب تجهیزات مناسب برای هر پروژه
        </a>
             </span>


    </div>
        </div>




    <div class="ws-articles">
        <div class="ws-benefit">


        <article class="ws-article">
            <div class="ws-benefit-icon">


            <div class="ws-article-image">
                <i class="fa-solid fa-headset"></i>
 
                <img
                    src="https://placehold.co/800x500/e9eef3/0b3157?text=Article+1"
                    alt="راهنمای خرید تجهیزات شبکه">


             </div>
             </div>


             <div class="ws-article-content">
             <strong>
                مشاوره تخصصی
            </strong>


                <h3>
            <span>
                    راهنمای خرید تجهیزات شبکه برای ساختمان
                راهنمایی برای انتخاب دوربین مناسب
                </h3>
            </span>


                <p>
        </div>
                    با مهم‌ترین نکات انتخاب تجهیزات شبکه مناسب
                    برای پروژه‌های مختلف آشنا شوید.
                </p>


                <a href="#" class="ws-read">
                    مطالعه مقاله ←
                </a>


            </div>
        <div class="ws-benefit">


        </article>
            <div class="ws-benefit-icon">


                <i class="fa-solid fa-shield-halved"></i>


        <article class="ws-article">
            </div>


             <div class="ws-article-image">
             <strong>
                امنیت مطمئن
            </strong>


                 <img
            <span>
                    src="https://placehold.co/800x500/e9eef3/0b3157?text=Article+2"
                 راهکارهای نظارتی متناسب با نیاز شما
                    alt="تفاوت کابل شبکه CAT6 و CAT6A">
            </span>


            </div>
        </div>


            <div class="ws-article-content">


                <h3>
        <div class="ws-benefit">
                    تفاوت کابل شبکه CAT6 و CAT6A چیست؟
                </h3>


                <p>
            <div class="ws-benefit-icon">
                    مقایسه سرعت، پهنای باند و کاربرد انواع کابل شبکه
                    برای انتخاب بهتر.
                </p>


                 <a href="#" class="ws-read">
                 <i class="fa-solid fa-screwdriver-wrench"></i>
                    مطالعه مقاله ←
                </a>


             </div>
             </div>


        </article>
            <strong>
                نصب و راه‌اندازی
            </strong>


            <span>
                اجرای اصولی سیستم‌های نظارتی
            </span>


         <article class="ws-article">
         </div>


            <div class="ws-article-image">
    </div>


                <img
</section>
                    src="https://placehold.co/800x500/e9eef3/0b3157?text=Article+3"
                    alt="آشنایی با فیبر نوری">


            </div>


            <div class="ws-article-content">
<!-- ======================================================
    PRODUCT CATEGORIES
====================================================== -->


                <h3>
<section
                    فیبر نوری چیست و چه کاربردی دارد؟
    class="ws-section"
                </h3>
    aria-labelledby="categories-title">


                <p>
                    آشنایی با انواع فیبر نوری و کاربردهای آن
                    در شبکه‌های ارتباطی.
                </p>


                <a href="#" class="ws-read">
    <div class="ws-section-head">
                    مطالعه مقاله ←
                </a>


             </div>
        <h2
             id="categories-title"
            class="ws-section-title">


        </article>
            دسته‌بندی تجهیزات امنیتی


    </div>
        </h2>


</section>


        <a href="#" class="ws-more">


<!-- ======================================================
            مشاهده همه دسته‌بندی‌ها
    CTA
====================================================== -->


<section class="ws-cta">
        </a>


    <h2>
     </div>
        برای انتخاب تجهیزات مناسب نیاز به مشاوره دارید؟
     </h2>


    <p>
        کارشناسان ما برای انتخاب محصول مناسب پروژه،
        بررسی مشخصات فنی و ارائه پیشنهاد خرید در کنار شما هستند.
    </p>


     <a href="#" class="ws-cta-btn">
     <div class="ws-category-grid">
        <i class="fa-solid fa-phone"></i>
        دریافت مشاوره تخصصی
    </a>


</section>


        <a href="#" class="ws-category-box">


<!-- ======================================================
            <div class="ws-category-box-icon">
    FOOTER
====================================================== -->


<footer class="ws-footer">
                <i class="fa-solid fa-camera"></i>


    <div class="ws-footer-grid">
            </div>


        <div>
            <div>


            <h3>درباره مجموعه</h3>
                <strong>
                    دوربین مداربسته
                </strong>


            <p>
                <span>
                فروشگاه تخصصی تجهیزات برق، شبکه، فیبر نوری،
                    انواع دوربین برای فضای داخلی و خارجی
                سرور و تجهیزات زیرساخت با ارائه مشاوره تخصصی
                 </span>
                 و خدمات پس از فروش.
            </p>


             <p>
             </div>
                <i class="fa-solid fa-location-dot"></i>
                تهران، خیابان نمونه، پلاک ۱۲
            </p>


            <p>
        </a>
                <i class="fa-solid fa-phone"></i>
                ۰۲۱-۱۲۳۴۵۶۷۸
            </p>


        </div>


        <a href="#" class="ws-category-box">


        <div>
            <div class="ws-category-box-icon">


            <h3>دسترسی سریع</h3>
                <i class="fa-solid fa-video"></i>


             <ul>
             </div>


                <li><a href="#">صفحه اصلی</a></li>
            <div>
                <li><a href="#">محصولات</a></li>
                <li><a href="#">دسته‌بندی‌ها</a></li>
                <li><a href="#">تخفیف‌ها</a></li>


            </ul>
                <strong>
                    دوربین تحت شبکه
                </strong>


        </div>
                <span>
                    دوربین IP و تجهیزات نظارت تصویری
                </span>


            </div>


         <div>
         </a>


            <h3>خدمات مشتریان</h3>


            <ul>
        <a href="#" class="ws-category-box">


                <li><a href="#">تماس با ما</a></li>
            <div class="ws-category-box-icon">
                <li><a href="#">قوانین خرید</a></li>
                <li><a href="#">روش‌های ارسال</a></li>
                <li><a href="#">پرسش‌های متداول</a></li>


            </ul>
                <i class="fa-solid fa-hard-drive"></i>


        </div>
            </div>


            <div>


        <div>
                <strong>
                    DVR و NVR
                </strong>


            <h3>شبکه‌های اجتماعی</h3>
                <span>
                    دستگاه‌های ضبط و مدیریت تصاویر
                </span>


             <ul>
             </div>


                <li>
        </a>
                    <a href="#">
                        <i class="fa-brands fa-instagram"></i>
                        اینستاگرام
                    </a>
                </li>


                <li>
                    <a href="#">
                        <i class="fa-brands fa-telegram"></i>
                        تلگرام
                    </a>
                </li>


                <li>
        <a href="#" class="ws-category-box">
                    <a href="#">
                        <i class="fa-brands fa-whatsapp"></i>
                        واتساپ
                    </a>
                </li>


             </ul>
             <div class="ws-category-box-icon">


        </div>
                <i class="fa-solid fa-bell"></i>


    </div>
            </div>


            <div>


    <div class="ws-footer-bottom">
                <strong>
                    دزدگیر اماکن
                </strong>


        © ۱۴۰۵ تمامی حقوق این وب‌سایت محفوظ است.
                <span>
                    سیستم اعلام سرقت و حفاظت از اماکن
                </span>


    </div>
            </div>


</footer>
        </a>


</div>


        <a href="#" class="ws-category-box">


<!-- ======================================================
            <div class="ws-category-box-icon">
    SLIDER JAVASCRIPT
====================================================== -->


<script>
                <i class="fa-solid fa-mobile-screen-button"></i>


document.addEventListener("DOMContentLoaded",function(){
            </div>


    /* ============================================
            <div>
      HERO SLIDER
    ============================================ */


    const hero=document.querySelector("[data-hero-slider]");
                <strong>
                    انتقال تصویر
                </strong>


    if(hero){
                <span>
                    مشاهده تصاویر دوربین از راه دور
                </span>


        const track=hero.querySelector(".ws-hero-track");
            </div>
        const slides=hero.querySelectorAll(".ws-hero-slide");
        const dotsBox=hero.querySelector(".ws-hero-dots");


         let current=0;
         </a>
        let timer;


        slides.forEach(function(slide,index){


            const dot=document.createElement("button");
        <a href="#" class="ws-category-box">


             dot.type="button";
             <div class="ws-category-box-icon">
            dot.className="ws-hero-dot";


            if(index===0){
                <i class="fa-solid fa-plug"></i>
                dot.classList.add("active");
            }


             dot.setAttribute(
             </div>
                "aria-label",
                "نمایش اسلاید "+(index+1)
            );


             dot.addEventListener("click",function(){
             <div>
                goToSlide(index);
                restart();
            });


            dotsBox.appendChild(dot);
                <strong>
                    لوازم جانبی
                </strong>


        });
                <span>
                    کابل، آداپتور، هارد و تجهیزات جانبی
                </span>


        const dots=dotsBox.querySelectorAll(".ws-hero-dot");
            </div>


         function goToSlide(index){
         </a>


            current=index;
    </div>


            track.style.transform=
</section>
                "translateX(-"+(current*100)+"%)";


            dots.forEach(function(dot,i){


                dot.classList.toggle(
<!-- ======================================================
                    "active",
    BRANDS
                    i===current
====================================================== -->
                );


            });
<section
    class="ws-section"
    aria-labelledby="brands-title">


        }


        function next(){
    <div class="ws-section-head">


             current=(current+1)%slides.length;
        <h2
             id="brands-title"
            class="ws-section-title">


             goToSlide(current);
             برندهای تجهیزات امنیتی


         }
         </h2>


        function start(){
    </div>


            timer=setInterval(
                next,
                4500
            );


        }
    <div class="ws-brands">


        function restart(){


            clearInterval(timer);
        <a href="#" class="ws-brand-card">
            start();


        }
            <img
                src="https://placehold.co/300x120/ffffff/0b3157?text=ARS"
                alt="برند ARS دوربین مداربسته">


         hero.addEventListener(
         </a>
            "mouseenter",
            function(){
                clearInterval(timer);
            }
        );


        hero.addEventListener(
            "mouseleave",
            function(){
                restart();
            }
        );


         start();
         <a href="#" class="ws-brand-card">


    }
            <img
                src="https://placehold.co/300x120/ffffff/0b3157?text=Brand+2"
                alt="برند دوربین مداربسته">


        </a>


    /* ============================================
      TWO ROW PRODUCT SLIDERS
    ============================================ */


    document.querySelectorAll(
         <a href="#" class="ws-brand-card">
         "[data-product-slider]"
    ).forEach(function(slider){


        const track=
            <img
            slider.querySelector(".ws-product-track");
                src="https://placehold.co/300x120/ffffff/0b3157?text=Brand+3"
                alt="برند تجهیزات نظارتی">


         const prev=
         </a>
            slider.querySelector(".ws-slider-prev");


        const next=
            slider.querySelector(".ws-slider-next");


         if(!track) return;
         <a href="#" class="ws-brand-card">


        let position=0;
            <img
        let autoTimer;
                src="https://placehold.co/300x120/ffffff/0b3157?text=Brand+4"
                alt="برند تجهیزات امنیتی">


         function getStep(){
         </a>


            const card=
                track.querySelector(".ws-product-card");


            if(!card) return 250;
        <a href="#" class="ws-brand-card">


             return card.getBoundingClientRect().width+10;
             <img
                src="https://placehold.co/300x120/ffffff/0b3157?text=Brand+5"
                alt="برند دوربین تحت شبکه">


         }
         </a>


        function move(direction){


            const step=getStep();
        <a href="#" class="ws-brand-card">


             position+=direction*step;
             <img
                src="https://placehold.co/300x120/ffffff/0b3157?text=Brand+6"
                alt="برند سیستم حفاظتی">


            if(position>0){
        </a>
                position=0;
            }


             const maxScroll=
    </div>
                 Math.max(
 
                     0,
</section>
                     track.scrollWidth-slider.clientWidth
 
                 );
 
<!-- ======================================================
    BEST SELLERS
====================================================== -->
 
<section
    class="ws-section"
    aria-labelledby="best-title">
 
 
    <div class="ws-section-head">
 
        <h2
            id="best-title"
            class="ws-section-title">
 
            پرفروش‌ترین دوربین‌ها و تجهیزات امنیتی
 
        </h2>
 
 
        <a href="#" class="ws-more">
 
            مشاهده همه
 
        </a>
 
    </div>
 
 
    <div
        class="ws-product-slider"
        data-product-slider>
 
 
        <div class="ws-product-track">
 
 
            <div class="ws-product-row">
 
 
                <article class="ws-product-card">
 
                    <div class="ws-product-image">
 
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Camera"
                            alt="دوربین مداربسته پرفروش ARS">
 
                    </div>
 
 
                    <div class="ws-product-info">
 
                        <h3 class="ws-product-title">
 
                            دوربین مداربسته پرفروش ARS
 
                        </h3>
 
 
                        <div class="ws-price">
 
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>
 
                        </div>
 
                    </div>
 
                </article>
 
 
                <article class="ws-product-card">
 
                    <div class="ws-product-image">
 
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=IP+Camera"
                            alt="دوربین IP پرفروش">
 
                    </div>
 
 
                    <div class="ws-product-info">
 
                        <h3 class="ws-product-title">
 
                            دوربین تحت شبکه IP
 
                        </h3>
 
 
                        <div class="ws-price">
 
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>
 
                        </div>
 
                    </div>
 
                </article>
 
 
                <article class="ws-product-card">
 
                    <div class="ws-product-image">
 
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=DVR"
                            alt="دستگاه DVR پرفروش">
 
                    </div>
 
 
                    <div class="ws-product-info">
 
                        <h3 class="ws-product-title">
 
                            دستگاه DVR ضبط تصاویر
 
                        </h3>
 
 
                        <div class="ws-price">
 
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>
 
                        </div>
 
                    </div>
 
                </article>
 
            </div>
 
 
            <div class="ws-product-row">
 
 
                <article class="ws-product-card">
 
                    <div class="ws-product-image">
 
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=NVR"
                            alt="دستگاه NVR پرفروش">
 
                    </div>
 
 
                    <div class="ws-product-info">
 
                        <h3 class="ws-product-title">
 
                            دستگاه NVR حرفه‌ای
 
                        </h3>
 
 
                        <div class="ws-price">
 
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>
 
                        </div>
 
                    </div>
 
                </article>
 
 
                <article class="ws-product-card">
 
                    <div class="ws-product-image">
 
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Hard+Disk"
                            alt="هارد مخصوص دوربین مداربسته">
 
                    </div>
 
 
                    <div class="ws-product-info">
 
                        <h3 class="ws-product-title">
 
                            هارد مخصوص سیستم مداربسته
 
                        </h3>
 
 
                        <div class="ws-price">
 
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>
 
                        </div>
 
                    </div>
 
                </article>
 
 
                <article class="ws-product-card">
 
                    <div class="ws-product-image">
 
                        <img
                            src="https://placehold.co/500x500/f8f9fa/0b3157?text=Alarm"
                            alt="دزدگیر اماکن پرفروش">
 
                    </div>
 
 
                    <div class="ws-product-info">
 
                        <h3 class="ws-product-title">
 
                            دزدگیر اماکن هوشمند
 
                        </h3>
 
 
                        <div class="ws-price">
 
                            <span class="ws-new-price">
                                قیمت تماس
                            </span>
 
                        </div>
 
                    </div>
 
                </article>
 
            </div>
 
        </div>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    ARTICLES
====================================================== -->
 
<section
    class="ws-section"
    aria-labelledby="articles-title">
 
 
    <div class="ws-section-head">
 
        <h2
            id="articles-title"
            class="ws-section-title">
 
            مجله تخصصی دوربین مداربسته و سیستم‌های امنیتی
 
        </h2>
 
 
        <a href="#" class="ws-more">
 
            مشاهده مقالات
 
        </a>
 
    </div>
 
 
    <div class="ws-articles">
 
 
        <article class="ws-article">
 
 
            <div class="ws-article-image">
 
                <img
                    src="https://placehold.co/800x500/e9eef3/0b3157?text=CCTV+Guide"
                    alt="راهنمای خرید دوربین مداربسته">
 
            </div>
 
 
            <div class="ws-article-content">
 
                <h3>
 
                    راهنمای خرید دوربین مداربسته برای منزل و محل کار
 
                </h3>
 
 
                <p>
 
                    با مهم‌ترین نکات انتخاب دوربین مداربسته،
                    کیفیت تصویر، دید در شب و نوع مناسب دوربین آشنا شوید.
 
                </p>
 
 
                <a href="#" class="ws-read">
 
                    مطالعه مقاله ←
 
                </a>
 
            </div>
 
        </article>
 
 
        <article class="ws-article">
 
 
            <div class="ws-article-image">
 
                <img
                    src="https://placehold.co/800x500/e9eef3/0b3157?text=IP+Camera"
                    alt="تفاوت دوربین مداربسته آنالوگ و تحت شبکه">
 
            </div>
 
 
            <div class="ws-article-content">
 
                <h3>
 
                    تفاوت دوربین مداربسته آنالوگ و تحت شبکه چیست؟
 
                </h3>
 
 
                <p>
 
                    مقایسه دوربین‌های آنالوگ و IP و بررسی مزایا،
                    کاربردها و نکات انتخاب هر سیستم.
 
                </p>
 
 
                <a href="#" class="ws-read">
 
                    مطالعه مقاله ←
 
                </a>
 
            </div>
 
        </article>
 
 
        <article class="ws-article">
 
 
            <div class="ws-article-image">
 
                <img
                    src="https://placehold.co/800x500/e9eef3/0b3157?text=Security"
                    alt="بهترین مکان نصب دوربین مداربسته">
 
            </div>
 
 
            <div class="ws-article-content">
 
                <h3>
 
                    بهترین مکان برای نصب دوربین مداربسته کجاست؟
 
                </h3>
 
 
                <p>
 
                    نکات مهم انتخاب محل نصب دوربین برای افزایش
                    امنیت منزل، فروشگاه، دفتر و محیط‌های صنعتی.
 
                </p>
 
 
                <a href="#" class="ws-read">
 
                    مطالعه مقاله ←
 
                </a>
 
            </div>
 
        </article>
 
    </div>
 
</section>
 
 
<!-- ======================================================
    CTA
====================================================== -->
 
<section class="ws-cta">
 
 
    <h2>
 
        برای انتخاب دوربین مداربسته مناسب نیاز به مشاوره دارید؟
 
    </h2>
 
 
    <p>
 
        کارشناسان ARS آماده‌اند با بررسی محیط، میزان امنیت موردنیاز
        و بودجه شما، مناسب‌ترین دوربین مداربسته و تجهیزات حفاظتی
        را پیشنهاد دهند.
 
    </p>
 
 
    <a href="#" class="ws-cta-btn">
 
        <i class="fa-solid fa-phone"></i>
 
        دریافت مشاوره تخصصی
 
    </a>
 
</section>
 
 
<!-- ======================================================
    FOOTER
====================================================== -->
 
<footer class="ws-footer">
 
 
    <div class="ws-footer-grid">
 
 
        <div>
 
            <h3>
                درباره ARS
            </h3>
 
 
            <p>
 
                ARS در زمینه دوربین مداربسته،
                سیستم‌های نظارت تصویری، دزدگیر اماکن
                و تجهیزات امنیتی فعالیت می‌کند و
                راهکارهای حفاظتی متناسب با نیاز مشتریان ارائه می‌دهد.
 
            </p>
 
 
            <p>
 
                <i class="fa-solid fa-location-dot"></i>
 
                آدرس مجموعه ARS
 
            </p>
 
 
            <p>
 
                <i class="fa-solid fa-phone"></i>
 
                شماره تماس ARS
 
            </p>
 
        </div>
 
 
        <div>
 
            <h3>
                دسترسی سریع
            </h3>
 
 
            <ul>
 
                <li>
                    <a href="#">
                        صفحه اصلی
                    </a>
                </li>
 
                <li>
                    <a href="#">
                        دوربین مداربسته
                    </a>
                </li>
 
                <li>
                    <a href="#">
                        تجهیزات امنیتی
                    </a>
                </li>
 
                <li>
                    <a href="#">
                        محصولات ویژه
                    </a>
                </li>
 
            </ul>
 
        </div>
 
 
        <div>
 
            <h3>
                خدمات ARS
            </h3>
 
 
            <ul>
 
                <li>
                    <a href="#">
                        مشاوره خرید دوربین
                    </a>
                </li>
 
                <li>
                    <a href="#">
                        نصب دوربین مداربسته
                    </a>
                </li>
 
                <li>
                    <a href="#">
                        راه‌اندازی سیستم امنیتی
                    </a>
                </li>
 
                <li>
                    <a href="#">
                        پشتیبانی و خدمات
                    </a>
                </li>
 
            </ul>
 
        </div>
 
 
        <div>
 
            <h3>
                ارتباط با ما
            </h3>
 
 
            <ul>
 
                <li>
 
                    <a href="#">
 
                        <i class="fa-brands fa-instagram"></i>
 
                        اینستاگرام ARS
 
                    </a>
 
                </li>
 
 
                <li>
 
                    <a href="#">
 
                        <i class="fa-brands fa-telegram"></i>
 
                        تلگرام ARS
 
                    </a>
 
                </li>
 
 
                <li>
 
                    <a href="#">
 
                        <i class="fa-brands fa-whatsapp"></i>
 
                        واتساپ ARS
 
                    </a>
 
                </li>
 
            </ul>
 
        </div>
 
    </div>
 
 
    <div class="ws-footer-bottom">
 
        © ۱۴۰۵ تمامی حقوق وب‌سایت دوربین مداربسته ARS محفوظ است.
 
    </div>
 
</footer>
 
</div>
 
 
<!-- ======================================================
    SLIDER JAVASCRIPT
====================================================== -->
 
<script>
 
document.addEventListener("DOMContentLoaded",function(){
 
 
    /* ============================================
      HERO SLIDER
    ============================================ */
 
    const hero=document.querySelector("[data-hero-slider]");
 
 
    if(hero){
 
        const track=
            hero.querySelector(".ws-hero-track");
 
        const slides=
            hero.querySelectorAll(".ws-hero-slide");
 
        const dotsBox=
            hero.querySelector(".ws-hero-dots");
 
        let current=0;
 
        let timer;
 
 
        slides.forEach(function(slide,index){
 
            const dot=
                document.createElement("button");
 
            dot.type="button";
 
            dot.className="ws-hero-dot";
 
 
            if(index===0){
 
                dot.classList.add("active");
 
            }
 
 
            dot.setAttribute(
                "aria-label",
                "نمایش اسلاید "+(index+1)
            );
 
 
            dot.addEventListener(
                "click",
                function(){
 
                    goToSlide(index);
 
                    restart();
 
                }
            );
 
 
            dotsBox.appendChild(dot);
 
        });
 
 
        const dots=
            dotsBox.querySelectorAll(".ws-hero-dot");
 
 
        function goToSlide(index){
 
            current=index;
 
 
            track.style.transform=
                "translateX(-"+(current*100)+"%)";
 
 
            dots.forEach(
                function(dot,i){
 
                    dot.classList.toggle(
                        "active",
                        i===current
                    );
 
                }
            );
 
        }
 
 
        function next(){
 
            current=
                (current+1)%slides.length;
 
            goToSlide(current);
 
        }
 
 
        function start(){
 
            timer=
                setInterval(
                    next,
                    4500
                );
 
        }
 
 
        function restart(){
 
            clearInterval(timer);
 
            start();
 
        }
 
 
        hero.addEventListener(
            "mouseenter",
            function(){
 
                clearInterval(timer);
 
            }
        );
 
 
        hero.addEventListener(
            "mouseleave",
            function(){
 
                restart();
 
            }
        );
 
 
        start();
 
    }
 
 
    /* ============================================
      TWO ROW PRODUCT SLIDERS
    ============================================ */
 
    document.querySelectorAll(
        "[data-product-slider]"
    ).forEach(function(slider){
 
 
        const track=
            slider.querySelector(".ws-product-track");
 
 
        const prev=
            slider.querySelector(".ws-slider-prev");
 
 
        const next=
            slider.querySelector(".ws-slider-next");
 
 
        if(!track) return;
 
 
        let position=0;
 
        let autoTimer;
 
 
        function getStep(){
 
            const card=
                track.querySelector(".ws-product-card");
 
 
            if(!card){
 
                return 250;
 
            }
 
 
            return(
                card.getBoundingClientRect().width
                +10
            );
 
        }
 
 
        function move(direction){
 
            const step=
                getStep();
 
 
            position+=
                direction*step;
 
 
            if(position>0){
 
                position=0;
 
            }
 
 
             const maxScroll=
                 Math.max(
                     0,
                     track.scrollWidth-
                    slider.clientWidth
                 );
 
 
            if(Math.abs(position)>maxScroll){
 
                position=
                    -maxScroll;
 
            }
 
 
            track.style.transform=
                "translateX("+position+"px)";
 
        }
 
 
        if(prev){
 
            prev.addEventListener(
                "click",
                function(){
 
                    move(1);
 
                    restart();
 
                }
            );
 
        }
 
 
        if(next){
 
            next.addEventListener(
                "click",
                function(){
 
                    move(-1);
 
                    restart();
 
                }
            );
 
        }
 
 
        function start(){
 
            autoTimer=
                setInterval(
                    function(){
 
                        move(-1);
 
 
                        if(
                            Math.abs(position)>=
                            track.scrollWidth-
                            slider.clientWidth
                        ){
 
                            position=0;
 
                            track.style.transform=
                                "translateX(0)";


            if(Math.abs(position)>maxScroll){
                        }
                position=-maxScroll;
            }


            track.style.transform=
                     },
                "translateX("+position+"px)";
                     3500
 
                 );
        }
 
        if(prev){
 
            prev.addEventListener(
                "click",
                function(){
                    move(1);
                     restart();
                }
            );
 
        }
 
        if(next){
 
            next.addEventListener(
                "click",
                function(){
                    move(-1);
                     restart();
                 }
            );


         }
         }


        function start(){
            autoTimer=setInterval(
                function(){
                    move(-1);
                    if(
                        Math.abs(position)>=
                        track.scrollWidth-slider.clientWidth
                    ){
                        position=0;
                        track.style.transform=
                            "translateX(0)";
                    }
                },
                3500
            );
        }


         function restart(){
         function restart(){


             clearInterval(autoTimer);
             clearInterval(autoTimer);
             start();
             start();


         }
         }


         slider.addEventListener(
         slider.addEventListener(
             "mouseenter",
             "mouseenter",
             function(){
             function(){
                 clearInterval(autoTimer);
                 clearInterval(autoTimer);
             }
             }
         );
         );


         slider.addEventListener(
         slider.addEventListener(
             "mouseleave",
             "mouseleave",
             function(){
             function(){
                 restart();
                 restart();
             }
             }
         );
         );


         start();
         start();

نسخهٔ ‏۲۳ اوت ۲۰۲۶، ساعت ۱۴:۰۳

مشاوره تخصصی سیستم‌های امنیتی
شنبه تا پنجشنبه ۹ تا ۲۰
تماس با ARS
راهکارهای هوشمند حفاظتی
حساب کاربری علاقه‌مندی سبد خرید

خرید دوربین مداربسته و تجهیزات امنیتی ARS

مشاهده همه
دوربین مداربسته
دوربین تحت شبکه
DVR و NVR
دزدگیر اماکن
انتقال تصویر
لوازم جانبی
دوربین مداربسته ARS و سیستم‌های امنیتی فروش و نصب دوربین مداربسته ARS خرید دوربین مداربسته و تجهیزات حفاظتی

محصولات ویژه دوربین مداربسته ARS

مشاهده همه محصولات
دوربین مداربسته بولت ARS
ARS

دوربین مداربسته بولت با دید در شب

قیمت تماس ویژه
دوربین مداربسته دام ARS
ARS

دوربین مداربسته دام مناسب محیط داخلی

قیمت تماس ویژه
دوربین مداربسته تحت شبکه IP
ARS

دوربین مداربسته تحت شبکه IP با کیفیت بالا

قیمت تماس ویژه
دستگاه DVR دوربین مداربسته
ARS

دستگاه DVR حرفه‌ای برای سیستم مداربسته

قیمت تماس ویژه
دستگاه NVR دوربین مداربسته
ARS

دستگاه NVR ضبط تصاویر دوربین تحت شبکه

قیمت تماس ویژه
دزدگیر اماکن ARS
ARS

دزدگیر اماکن و سیستم اعلام سرقت

قیمت تماس ویژه

چرا سیستم امنیتی ARS؟

تجهیزات باکیفیت انتخاب تجهیزات مناسب برای هر پروژه
مشاوره تخصصی راهنمایی برای انتخاب دوربین مناسب
امنیت مطمئن راهکارهای نظارتی متناسب با نیاز شما
نصب و راه‌اندازی اجرای اصولی سیستم‌های نظارتی

دسته‌بندی تجهیزات امنیتی

مشاهده همه دسته‌بندی‌ها
دوربین مداربسته انواع دوربین برای فضای داخلی و خارجی
دوربین تحت شبکه دوربین IP و تجهیزات نظارت تصویری
DVR و NVR دستگاه‌های ضبط و مدیریت تصاویر
دزدگیر اماکن سیستم اعلام سرقت و حفاظت از اماکن
انتقال تصویر مشاهده تصاویر دوربین از راه دور
لوازم جانبی کابل، آداپتور، هارد و تجهیزات جانبی

برندهای تجهیزات امنیتی

برند ARS دوربین مداربسته برند دوربین مداربسته برند تجهیزات نظارتی برند تجهیزات امنیتی برند دوربین تحت شبکه برند سیستم حفاظتی

پرفروش‌ترین دوربین‌ها و تجهیزات امنیتی

مشاهده همه
دوربین مداربسته پرفروش ARS

دوربین مداربسته پرفروش ARS

قیمت تماس
دوربین IP پرفروش

دوربین تحت شبکه IP

قیمت تماس
دستگاه DVR پرفروش

دستگاه DVR ضبط تصاویر

قیمت تماس
دستگاه NVR پرفروش

دستگاه NVR حرفه‌ای

قیمت تماس
هارد مخصوص دوربین مداربسته

هارد مخصوص سیستم مداربسته

قیمت تماس
دزدگیر اماکن پرفروش

دزدگیر اماکن هوشمند

قیمت تماس

مجله تخصصی دوربین مداربسته و سیستم‌های امنیتی

مشاهده مقالات
راهنمای خرید دوربین مداربسته

راهنمای خرید دوربین مداربسته برای منزل و محل کار

با مهم‌ترین نکات انتخاب دوربین مداربسته، کیفیت تصویر، دید در شب و نوع مناسب دوربین آشنا شوید.

مطالعه مقاله ←
تفاوت دوربین مداربسته آنالوگ و تحت شبکه

تفاوت دوربین مداربسته آنالوگ و تحت شبکه چیست؟

مقایسه دوربین‌های آنالوگ و IP و بررسی مزایا، کاربردها و نکات انتخاب هر سیستم.

مطالعه مقاله ←
بهترین مکان نصب دوربین مداربسته

بهترین مکان برای نصب دوربین مداربسته کجاست؟

نکات مهم انتخاب محل نصب دوربین برای افزایش امنیت منزل، فروشگاه، دفتر و محیط‌های صنعتی.

مطالعه مقاله ←

برای انتخاب دوربین مداربسته مناسب نیاز به مشاوره دارید؟

کارشناسان ARS آماده‌اند با بررسی محیط، میزان امنیت موردنیاز و بودجه شما، مناسب‌ترین دوربین مداربسته و تجهیزات حفاظتی را پیشنهاد دهند.

دریافت مشاوره تخصصی

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=تست۶&oldid=6816»