Пультова охорона в Києві від SHERIFF

<style> .sheriff-outer-wrap { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); background-color: #0a0a0a; } .sheriff-inner-wrap { max-width: 1100px; margin: 0 auto; padding: 50px 20px 20px 20px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .sheriff-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .sheriff-title { font-size: 2rem; } @media (max-width: 1024px) { .sheriff-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .sheriff-grid { grid-template-columns: 1fr; } .sheriff-title { font-size: 1.5rem; } } </style> <div class="sheriff-outer-wrap"> <div class="sheriff-inner-wrap"> <h2 class="sheriff-title" style="text-align: center; color: #ffffff; font-weight: 700; margin: 0 0 12px 0; letter-spacing: -0.5px;"> Переваги пультової охорони від компанії SHERIFF </h2> <p style="text-align: center; color: #999999; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 1rem; margin: 0 0 48px 0;"> Ваша безпека - наш пріоритет </p> <div class="sheriff-grid"> <!-- Картка 1 --> <div style="background-color: #141414; border: 1px solid #2a2a2a; border-radius: 16px; padding: 32px 28px; transition: all 0.3s ease; cursor: default;" onmouseover="this.style.borderColor='#FCE500'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 12px 32px rgba(252,229,0,0.12)';" onmouseout="this.style.borderColor='#2a2a2a'; this.style.transform='translateY(0)'; this.style.boxShadow='none';"> <div style="width: 48px; height: 48px; background-color: rgba(252,229,0,0.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FCE500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/> </svg> </div> <h3 style="color: #ffffff; font-size: 1.1rem; font-weight: 700; margin: 0 0 10px 0;">Цілодобовий контроль 24/7</h3> <p style="color: #888888; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.92rem; line-height: 1.6; margin: 0;">Безперервний моніторинг вашої безпеки без вихідних, перерв та святкових днів. Пульт централізованого спостереження SHERIFF працює в режимі нон-стоп, гарантуючи, що жодна підозріла подія чи загроза на об'єкті не залишиться непоміченою</p> </div> <!-- Картка 2 --> <div style="background-color: #141414; border: 1px solid #2a2a2a; border-radius: 16px; padding: 32px 28px; transition: all 0.3s ease; cursor: default;" onmouseover="this.style.borderColor='#FCE500'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 12px 32px rgba(252,229,0,0.12)';" onmouseout="this.style.borderColor='#2a2a2a'; this.style.transform='translateY(0)'; this.style.boxShadow='none';"> <div style="width: 48px; height: 48px; background-color: rgba(252,229,0,0.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FCE500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/> </svg> </div> <h3 style="color: #ffffff; font-size: 1.1rem; font-weight: 700; margin: 0 0 10px 0;">Миттєва обробка тривожних сигналів</h3> <p style="color: #888888; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.92rem; line-height: 1.6; margin: 0;">Сучасна автоматизована система миттєво передає сигнал тривоги на пульт. Наші оператори секунда в секунду отримують та ідентифікують сповіщення, що дозволяє миттєво зреагувати на загрозу та мінімізувати можливі ризики</p> </div> <!-- Картка 3 --> <div style="background-color: #141414; border: 1px solid #2a2a2a; border-radius: 16px; padding: 32px 28px; transition: all 0.3s ease; cursor: default;" onmouseover="this.style.borderColor='#FCE500'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 12px 32px rgba(252,229,0,0.12)';" onmouseout="this.style.borderColor='#2a2a2a'; this.style.transform='translateY(0)'; this.style.boxShadow='none';"> <div style="width: 48px; height: 48px; background-color: rgba(252,229,0,0.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FCE500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/> </svg> </div> <h3 style="color: #ffffff; font-size: 1.1rem; font-weight: 700; margin: 0 0 10px 0;">Реагування професійних груп охорони</h3> <p style="color: #888888; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.92rem; line-height: 1.6; margin: 0;">На виклик негайно направляється найближчий озброєний екіпаж швидкого реагування SHERIFF. Наші бійці мають високий рівень фізичної та тактичної підготовки, а час їхнього прибуття на об'єкт в Києві у більшості випадків складає всього від 2 до 5 хвилин</p> </div> <!-- Картка 4 --> <div style="background-color: #141414; border: 1px solid #2a2a2a; border-radius: 16px; padding: 32px 28px; transition: all 0.3s ease; cursor: default;" onmouseover="this.style.borderColor='#FCE500'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 12px 32px rgba(252,229,0,0.12)';" onmouseout="this.style.borderColor='#2a2a2a'; this.style.transform='translateY(0)'; this.style.boxShadow='none';"> <div style="width: 48px; height: 48px; background-color: rgba(252,229,0,0.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FCE500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/> </svg> </div> <h3 style="color: #ffffff; font-size: 1.1rem; font-weight: 700; margin: 0 0 10px 0;">Дистанційний контроль через мобільний застосунок</h3> <p style="color: #888888; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.92rem; line-height: 1.6; margin: 0;">Повний контроль над безпекою об'єкта прямо у вашому смартфоні. Ви можете віддалено ставити приміщення на охорону та знімати з неї, перевіряти статус датчиків, переглядати історію подій та отримувати миттєві push-сповіщення про будь-які зміни</p> </div> <!-- Картка 5 --> <div style="background-color: #141414; border: 1px solid #2a2a2a; border-radius: 16px; padding: 32px 28px; transition: all 0.3s ease; cursor: default;" onmouseover="this.style.borderColor='#FCE500'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 12px 32px rgba(252,229,0,0.12)';" onmouseout="this.style.borderColor='#2a2a2a'; this.style.transform='translateY(0)'; this.style.boxShadow='none';"> <div style="width: 48px; height: 48px; background-color: rgba(252,229,0,0.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FCE500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2z"/> <path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10A15.3 15.3 0 0 1 8 12a15.3 15.3 0 0 1 4-10z"/> </svg> </div> <h3 style="color: #ffffff; font-size: 1.1rem; font-weight: 700; margin: 0 0 10px 0;">Надійний захист майна та персоналу</h3> <p style="color: #888888; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.92rem; line-height: 1.6; margin: 0;">Комплексне рішення, що забезпечує всебічну безпеку вашого бізнесу, приватного будинку чи квартири. Пультова охорона ефективно запобігає крадіжкам, вандалізму та захищає життя і здоров'я ваших співробітників чи близьких</p> </div> <!-- Картка 6 --> <div style="background-color: #141414; border: 1px solid #2a2a2a; border-radius: 16px; padding: 32px 28px; transition: all 0.3s ease; cursor: default;" onmouseover="this.style.borderColor='#FCE500'; this.style.transform='translateY(-4px)'; this.style.boxShadow='0 12px 32px rgba(252,229,0,0.12)';" onmouseout="this.style.borderColor='#2a2a2a'; this.style.transform='translateY(0)'; this.style.boxShadow='none';"> <div style="width: 48px; height: 48px; background-color: rgba(252,229,0,0.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FCE500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 17H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v3"/> <rect x="9" y="11" width="14" height="10" rx="1"/> <path d="M13 16h2"/> </svg> </div> <h3 style="color: #ffffff; font-size: 1.1rem; font-weight: 700; margin: 0 0 10px 0;">Сучасне обладнання та технології Ajax</h3> <p style="color: #888888; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.92rem; line-height: 1.6; margin: 0;">Ми використовуємо передову бездротову систему безпеки Ajax, яка захищена від глушіння та зламу. Одне рішення забезпечує потрійний захист - від пограбування, пожежі та затоплення, а також дозволяє легко інтегрувати камери відеоспостереження сторонніх виробників</p> </div> </div> </div> </div> <style> .ajax-outer-wrap { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); background-color: #ffffff; } .ajax-inner-wrap { max-width: 1100px; margin: 0 auto; padding: 60px 20px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .ajax-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .ajax-section-title { font-size: 2rem; color: #0a0a0a; font-weight: 700; text-align: center; margin: 0 0 12px 0; letter-spacing: -0.5px; } .ajax-section-sub { text-align: center; color: #555555; font-size: 1rem; margin: 0 0 48px 0; } .ajax-card { background-color: #f9f9f9; border: 1px solid #e8e8e8; border-radius: 16px; overflow: hidden; transition: all 0.3s ease; cursor: default; } .ajax-card:hover { border-color: #0a0a0a; transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.10); } .ajax-card-img-wrap { width: 100%; aspect-ratio: 3 / 2; background-color: #f0f0f0; overflow: hidden; position: relative; } .ajax-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; } .ajax-card:hover .ajax-card-img-wrap img { transform: scale(1.04); } .ajax-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #e8e8e8; color: #aaaaaa; font-size: 0.8rem; } .ajax-card-body { padding: 24px 24px 28px 24px; } .ajax-card-icon { width: 40px; height: 40px; background-color: rgba(200,154,0,0.10); border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; } .ajax-card-title { color: #0a0a0a; font-size: 1rem; font-weight: 700; margin: 0 0 8px 0; } .ajax-card-text { color: #4a4a4a; font-size: 0.88rem; line-height: 1.6; margin: 0; } @media (max-width: 1024px) { .ajax-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .ajax-grid { grid-template-columns: 1fr; } .ajax-section-title { font-size: 1.5rem; } } </style> <div class="ajax-outer-wrap"> <div class="ajax-inner-wrap"> <h2 class="ajax-section-title"> Із чого складається пультова охорона на прикладі Ajax </h2> <p class="ajax-section-sub"> Сучасне обладнання для повного захисту вашого об'єкта </p> <div class="ajax-grid"> <!-- Картка 1: Датчики руху --> <div class="ajax-card"> <div class="ajax-card-img-wrap"> <img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6a21779415a96b10bde03b3b_MotionProtect.jpg" alt="Датчик руху Ajax" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" /> <div class="ajax-img-placeholder" style="display:none;">Фото датчика</div> </div> <div class="ajax-card-body"> <div class="ajax-card-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#c89a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/> </svg> </div> <h3 class="ajax-card-title">Датчики руху</h3> <p class="ajax-card-text">Фіксують будь-який рух у приміщенні та миттєво передають сигнал на пульт. Не реагують на домашніх тварин завдяки функції імунітету до тварин.</p> </div> </div> <!-- Картка 2: Датчики відкриття дверей/вікон --> <div class="ajax-card"> <div class="ajax-card-img-wrap"> <img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6a217da5e33e71f950af051b_doorprotect.jpg" alt="Датчик відкриття дверей Ajax" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" /> <div class="ajax-img-placeholder" style="display:none;">Фото датчика</div> </div> <div class="ajax-card-body"> <div class="ajax-card-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#c89a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/> </svg> </div> <h3 class="ajax-card-title">Датчики відкриття дверей та вікон</h3> <p class="ajax-card-text">Миттєво реагують на несанкціоноване відкриття або зрив дверей і вікон. Компактний розмір дозволяє встановити їх непомітно на будь-яку поверхню.</p> </div> </div> <!-- Картка 3: Датчики розбиття скла --> <div class="ajax-card"> <div class="ajax-card-img-wrap"> <img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6a217e4e438de9307b813aae_glassprotect.jpg" alt="Датчик розбиття скла Ajax" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" /> <div class="ajax-img-placeholder" style="display:none;">Фото датчика</div> </div> <div class="ajax-card-body"> <div class="ajax-card-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#c89a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/> </svg> </div> <h3 class="ajax-card-title">Датчики розбиття скла</h3> <p class="ajax-card-text">Розпізнають характерний звук розбитого скла на відстані до 9 метрів. Захищають вітрини, панорамні вікна та скляні перегородки від зламу.</p> </div> </div> <!-- Картка 4: Датчики задимлення та чадного газу --> <div class="ajax-card"> <div class="ajax-card-img-wrap"> <img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6a217f05db8a1519ae08ae2c_fireprotectplu.jpg" alt="Датчик задимлення Ajax" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" /> <div class="ajax-img-placeholder" style="display:none;">Фото датчика</div> </div> <div class="ajax-card-body"> <div class="ajax-card-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#c89a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M8 2h8"/><path d="M12 2v4"/><path d="M6 8a6 6 0 1 0 12 0"/><path d="M6 16c0 2 1.5 4 6 4s6-2 6-4"/> </svg> </div> <h3 class="ajax-card-title">Датчики задимлення та чадного газу</h3> <p class="ajax-card-text">Виявляють дим та небезпечну концентрацію чадного газу на ранній стадії. Спрацьовують ще до початку відкритого вогню, рятуючи життя та майно.</p> </div> </div> <!-- Картка 5: Датчики протікання води --> <div class="ajax-card"> <div class="ajax-card-img-wrap"> <img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6a217fba1c817b43f4929c41_WaterStop.jpg" alt="Датчик протікання води Ajax" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" /> <div class="ajax-img-placeholder" style="display:none;">Фото датчика</div> </div> <div class="ajax-card-body"> <div class="ajax-card-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#c89a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M12 2C6 10 4 14 4 17a8 8 0 0 0 16 0c0-3-2-7-8-15z"/> </svg> </div> <h3 class="ajax-card-title">Датчики протікання води</h3> <p class="ajax-card-text">Виявляють появу вологи під трубами, пральними машинами чи на підлозі. Сигнал на пульт надходить за лічені секунди - до того, як стався серйозний збиток.</p> </div> </div> <!-- Картка 6: Відеокамери --> <div class="ajax-card"> <div class="ajax-card-img-wrap"> <img src="https://cdn.prod.website-files.com/69b30daf19c2b2fc7f238ba8/6a21806a89be5acdc6882335_videocamera.jpg" alt="Відеокамера для пультової охорони" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" /> <div class="ajax-img-placeholder" style="display:none;">Фото датчика</div> </div> <div class="ajax-card-body"> <div class="ajax-card-icon"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#c89a00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2"/> </svg> </div> <h3 class="ajax-card-title">Відеокамери (за потреби)</h3> <p class="ajax-card-text">Інтегруються в єдину систему безпеки Ajax. Забезпечують відеопідтвердження тривог, дистанційний перегляд у реальному часі та архів записів для розслідування інцидентів.</p> </div> </div> </div> </div> </div> <style> .sheriff-promo-outer { background-color: #ffffff; } .sheriff-promo-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px 30px 20px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .sheriff-promo-heading { font-size: 2rem; font-weight: 700; color: #0a0a0a; text-align: center; margin: 0 0 28px 0; letter-spacing: -0.3px; } .sheriff-promo-banner-wrap { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); background-color: #FCE500; padding: 56px 0; } .sheriff-promo-banner { max-width: 1100px; margin: 0 auto; padding: 0 44px; display: flex; align-items: center; justify-content: center; gap: 48px; position: relative; } .sheriff-promo-left { flex-shrink: 0; } .sheriff-price-box { border: 2px solid #0a0a0a; border-radius: 8px; padding: 22px 28px; display: flex; gap: 36px; } .sheriff-price-col { display: flex; flex-direction: column; gap: 6px; } .sheriff-price-label { font-size: 1.1rem; font-weight: 700; color: #0a0a0a; text-transform: lowercase; } .sheriff-price-old { font-size: 1.1rem; color: #0a0a0a; text-decoration: line-through; margin: 0; } .sheriff-price-new { font-size: 2.4rem; font-weight: 900; color: #0a0a0a; line-height: 1; margin: 0; } .sheriff-price-new span { font-size: 1rem; font-weight: 700; } .sheriff-promo-right { flex-shrink: 0; } .sheriff-promo-sup { font-size: 1.5rem; font-weight: 400; color: #0a0a0a; margin: 0 0 8px 0; } .sheriff-promo-main { font-size: 1.9rem; font-weight: 900; color: #0a0a0a; margin: 0 0 14px 0; line-height: 1.15; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .sheriff-zero-badge { background-color: #0a0a0a; color: #FCE500; font-size: 1.1rem; font-weight: 900; padding: 6px 16px; border-radius: 8px; white-space: nowrap; } .sheriff-promo-sub { font-size: 1.5rem; color: #0a0a0a; margin: 0; /* ПРАВКА 1: прибрано opacity: 0.75 — текст знову чорний */ } @media (max-width: 768px) { .sheriff-promo-banner { flex-direction: column; padding: 0 24px; gap: 28px; } .sheriff-promo-main { font-size: 1.4rem; justify-content: center; /* центруємо бейдж разом із текстом */ } .sheriff-promo-heading { font-size: 1.3rem; } .sheriff-price-new { font-size: 2rem; } .sheriff-promo-sup { font-size: 1rem; } .sheriff-promo-sub { font-size: 1rem; } /* ПРАВКА 2: текст правого блоку по центру на мобільному */ .sheriff-promo-right { width: 100%; text-align: center; } } @media (max-width: 480px) { .sheriff-price-box { gap: 24px; padding: 18px 20px; } .sheriff-promo-sup { font-size: 0.95rem; } .sheriff-promo-main { font-size: 1.2rem; } .sheriff-promo-sub { font-size: 0.95rem; } } </style> <div class="sheriff-promo-outer"> <div class="sheriff-promo-inner"> <h2 class="sheriff-promo-heading">AJAX пильнує - SHERIFF реагує</h2> <div class="sheriff-promo-banner-wrap"> <div class="sheriff-promo-banner"> <div class="sheriff-promo-left"> <div class="sheriff-price-box"> <div class="sheriff-price-col"> <span class="sheriff-price-label">обладнання</span> <span class="sheriff-price-old">9699 грн</span> <p class="sheriff-price-new">0<span> грн</span></p> </div> <div class="sheriff-price-col"> <span class="sheriff-price-label">монтаж</span> <span class="sheriff-price-old">1500 грн</span> <p class="sheriff-price-new">0<span> грн</span></p> </div> </div> </div> <div class="sheriff-promo-right"> <p class="sheriff-promo-sup">При підключенні до охорони SHERIFF</p> <p class="sheriff-promo-main"> сигналізація Ajax за <span class="sheriff-zero-badge">0 грн</span> </p> <p class="sheriff-promo-sub">Сплачуй тільки абонентську плату за охорону</p> </div> </div> </div> </div> </div>