<!DOCTYPE html>
<html lang="ru">





<head>
<link rel="stylesheet" href="/static/content_manager/css/home.css">
<title> Разработка и продвижение сайтов в ТОП для Вашего Бизнеса | Бизнес Системы Iskar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="/static/content_manager/js/home.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<link rel="shortcut icon" href="/static/content_manager/fav/favicon.ico">
<script>
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.header__city.dropdown, .mobile-city.dropdown').forEach(function(drop){
      const btn = drop.querySelector('.header__city-btn');
      if (!btn) return;
      btn.addEventListener('click', function(e){
        e.stopPropagation();
        drop.classList.toggle('open');
      });
    });
    document.addEventListener('click', function(){
      document.querySelectorAll('.header__city.dropdown, .mobile-city.dropdown').forEach(function(drop){ drop.classList.remove('open'); });
    });
  });
</script>
<meta name="description" content="Нужен результат, а не просто сайт? Бизнес Системы Iskar предлагает комплексные digital-решения — от разработки до продвижения, с фокусом на рост прибыли.">
<meta name="zen-verification" content="3w0dWHL2puP3Z2sr0Y1zuveas1aVVuWty8DsYZSIP1FXlFil6cXEkZ8yLLIai7zm" />

<!-- Open Graph (hardcoded) -->
<meta property="og:type" content="website">
<meta property="og:locale" content="ru_RU">
<meta property="og:site_name" content="Бизнес Системы Iskar">
<meta property="og:title" content="Разработка и продвижение сайтов в ТОП для Вашего Бизнеса | Бизнес Системы Iskar">
<meta property="og:description" content="Нужен результат, а не просто сайт? Бизнес Системы Iskar предлагает комплексные digital-решения — от разработки до продвижения, с фокусом на рост прибыли.">
<meta property="og:url" content="https://iskar.pro/">
<meta property="og:image" content="https://iskar.pro/static/content_manager/og/og-cover.jpg">
<meta property="og:image:secure_url" content="https://iskar.pro/static/content_manager/og/og-cover.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Бизнес Системы Iskar — разработка и продвижение сайтов">

<!-- (опционально) Twitter Card, тоже на жёстких значениях -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Разработка и продвижение сайтов в ТОП для Вашего Бизнеса | Бизнес Системы Iskar">
<meta name="twitter:description" content="Комплексные digital-решения: разработка, продвижение, рост прибыли.">
<meta name="twitter:image" content="https://iskar.pro/static/content_manager/og/og-cover.jpg">
<style>
  .header__city.dropdown { position: relative; }
  .header__city-btn { background: transparent; border: none; color: #F8B69D; cursor: pointer; display: flex; align-items: center; gap: 6px; }
  .header__city-menu { display: none; position: absolute; top: 120%; left: 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; min-width: 140px; z-index: 20; padding: 6px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
  .header__city-menu li { list-style: none; }
  .header__city-menu a { display: block; padding: 6px 12px; color: #F8B69D; text-decoration: none; }
  .header__city-menu a:hover { background: #f5f5f5; color: #F8B69D; }
  .header__city.dropdown.open .header__city-menu { display: block; }
  .mobile-city.dropdown { position: relative; }
  .mobile-city .header__city-menu { position: absolute; top: 110%; left: 0; }
</style>
</head>
<body>
  
  
  
  
  <header class="hero-banner">

    <!-- =======================
         Слайдер (Swiper)
    ======================== -->
    <section id="banner-slider" class="swiper-container">
      <div class="swiper-wrapper">
        
        <div class="swiper-slide">
          <picture>
            
              <source srcset="/media/imagekit_cache/banners/banner_1_UlchPsx/6a023c2d7662e6ada08c27d037b40793.webp" type="image/webp">
            
            <img src="/media/banners/banner_1_UlchPsx.png" alt="Помогаем бизнесу&amp;nbsp;увеличивать продажи" loading="lazy">
          </picture>
          <div class="banner-caption">
            <div class="banner-title"><h1 class="sales-boosting-text"><span class="sales-boosting-heading highlighted-text">Помогаем бизнесу&nbsp;<br></span><span class="sales-boosting-heading highlighted-text" style="color: rgb(206, 212, 217);">увеличивать продажи</span></h1></div>
            <div class="banner-buttons">
                <!-- Добавлено условие для кнопки 1 -->
                <script data-b24-form="click/1/t9tm8v" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn-ru.bitrix24.ru/b34180642/crm/form/loader_1.js');</script>
                <a href="https://iskariot.ru/" 
                   class="button b24-form-trigger"
                   data-b24-form="">
                  Аудит сайта
                </a>
              
          
                <!-- Добавлено условие для кнопки 2 -->
              <script data-b24-form="click/1/t9tm8v" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn-ru.bitrix24.ru/b34180642/crm/form/loader_1.js');</script>
                <a href="https://iskariot.ru/" 
                   class="button b24-form-trigger"
                   data-b24-form="">
                  Увеличить продажи
                </a>
              
          </div>
          </div>
        </div>
        
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
    </section>
  
  
    <!-- =======================
         Основная часть шапки (Desktop)
    ======================== -->
    <div class="header" id="header">
      <div class="container">
        <div class="header__new flex" id="header__new">
          
          <!-- Логотип -->
          <a href="/" class="header__logo">
            <img 
              src="/static/content_manager/fav/logo.png"
              alt="Бизнес системы Iskar"
              class="logo-img"
            >
          </a>
  
          <!-- Главное меню (2 строки) -->
          <nav class="header__nav">
            <!-- Верхняя строка: пункты меню слева + город справа -->
            <div class="header__nav-top">
              <ul class="header__list-top list-reset">
                <li class="header__item-top">
          <a href="/about-us/" class="header__link header__link-top">О компании</a>
                </li>
                <li class="header__item-top">
                  <a href="/aktsii/" class="header__link header__link-top">Акции</a>
                </li>
                <li class="header__item-top">
                  <a href="/blog/" class="header__link header__link-top">Блог</a>
                </li>
                <li class="header__item-top">
                  <a href="/contacts/" class="header__link header__link-top">Контакты</a>
                </li>
                <li class="header__item-top requisites">
                  <a href="/requisites/" class="header__link header__link-top">Реквизиты</a>
                </li>
                <li class="header__item-top requisites">
                  <a href="/product/1c-bitrix/" class="header__link header__link-top">1С-Битрикс</a>
                </li>
                <li class="header__item-top requisites">
                  <a href="/product/bitrix24/" class="header__link header__link-top">Битрикс24</a>
                </li>
              </ul>
              <!-- Город (справа) -->
              <div class="header__city dropdown">
                <button class="header__city-btn" type="button">
                  Уфа
                  <span class="caret">▼</span>
                </button>
                <ul class="header__city-menu">
                  
                    <li>
                      <a href="/" class="header__city-link">
                        Уфа
                      </a>
                    </li>
                  
                    <li>
                      <a href="/ekb/" class="header__city-link">
                        Екатеринбург
                      </a>
                    </li>
                  
                </ul>
              </div>
            </div>
  
            <!-- Нижняя строка: пункты меню слева + телефон справа -->
            <div class="header__nav-bottom">
              <ul class="header__list-bottom list-reset">
                <li class="header__item-bottom">
                  <a href="/prodvizhenie-sajtov/" class="header__services-item">Продвижение сайтов</a>
                </li>
                <li class="header__item-bottom">
                  <a href="/razrabotka-sajtov/" class="header__services-item">Разработка сайтов</a>
                </li>
                <li class="header__item-bottom">
                  <a href="/cases/" class="header__services-item">Кейсы</a>
                </li>
                <li class="header__item-bottom prices">
                  <a href="/prices/" class="header__services-item">Цены</a>
                </li>
              </ul>
              <!-- Телефон (справа) -->
              <div class="header__phone">
                
                  <a href="tel:+79999999999" class="header__phone-number">+7 (999) 999-99-99</a>
                
              </div>
            </div>
          </nav>
          <script data-b24-form="click/1/t9tm8v" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn-ru.bitrix24.ru/b34180642/crm/form/loader_1.js');</script>
          <!-- Кнопка "Оставить заявку" -->
          <button class="sales__btn">
            Оставить заявку
          </button>
  
          <!-- Прогресс-бар -->
          <div class="progress-container">
            <div class="progress-bar" id="myBar"></div>
          </div>
  
        </div> <!-- /header__new -->
      </div> <!-- /container -->
    </div> <!-- /header -->
  
  
    <!-- =======================
         Мобильная шапка
         (logo → город → телефон → бургер)
         поверх баннера
    ======================== -->
    <div class="mobile-header">
      <div class="mobile-header__row">
  
        <!-- Логотип -->
        <div class="mobile-logo">
          <a href="/">
            <img src="/static/content_manager/fav/logo.png" alt="Лого Моб">
          </a>
        </div>
  
        <!-- Город -->
        <div class="mobile-city dropdown">
          <button class="header__city-btn" type="button">
            Уфа
            <span class="caret">▼</span>
          </button>
          <ul class="header__city-menu">
            
              <li>
                <a href="/" class="header__city-link">
                  Уфа
                </a>
              </li>
            
              <li>
                <a href="/ekb/" class="header__city-link">
                  Екатеринбург
                </a>
              </li>
            
          </ul>
        </div>
  
        <!-- Телефон -->
        <div class="mobile-phone">
          
            <a href="tel:+79999999999">+7 (999) 999-99-99</a>
          
        </div>
  
        <!-- Бургер -->
        <div class="mobile-burger" onclick="toggleMobileMenu()">&#9776;</div>
      </div>
    </div>
  
    <!-- Мобильное меню (overlay) -->
    <div id="mobileMenu" class="mobile-menu-overlay">
      <div class="mobile-menu">
        <div class="close-menu" onclick="toggleMobileMenu()">&#10006;</div>
        <nav class="mobile-menu-nav">
          <a href="/about-us/">О компании</a>
          <a href="/aktsii/">Акции</a>
          <a href="/blog/">Блог</a>
          <a href="/contacts/">Контакты</a>
          <a href="/requisites/">Реквизиты</a>
          <a href="/prodvizhenie-sajtov/">Продвижение сайтов</a>
          <a href="/razrabotka-sajtov/">Разработка сайтов</a>
          <a href="/product/1c-bitrix/">1С-Битрикс</a>
          <a href="/product/bitrix24/">Битрикс24</a>
          <a href="/cases/">Кейсы</a>
          <a href="/prices/">Цены</a>
        </nav>
        <div class="mobile-menu-extra">

          <script data-b24-form="click/1/t9tm8v" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn-ru.bitrix24.ru/b34180642/crm/form/loader_1.js');</script>
          <a href="javascript:void(0);" class="header__apply-button">Оставить заявку</a>
        </div>
        <div class="mobile-contact-info">
          <p>Город:
            
              Уфа
            
          </p>
          <p>Тел:
            
              +7 (999) 999-99-99
            
          </p>
          <p>Адрес:
            
              г.Уфа
            
          </p>
        </div>
      </div>
    </div>
  
  </header>
  
  
  
  
  
    
    

<div class="futuristic-container">
  <div class="advantage-section">
    <!-- Заголовок -->
    <p class="advantage-title">
      <span>Наши</span>
      <span>преимущества</span>
    </p>
    
    <!-- Контейнер решений с равномерными отступами -->
    <div class="marketing-solutions-container">
      <div class="solution-grid">
        <!-- Первый ряд: два блока -->
        <div class="solution-container experience-container">
          <div class="client-attraction-section">
            

  <p class="experience-heading">9 лет опыта</p>

            <p class="reporting-message">
              Мы работаем с 2017 года и знаем <br>
              как привести клиентов к вам
            </p>
          </div>
        </div>
        <div class="solution-container website-container">
          <div class="site-development-info">
            <div class="feature-box">
              <p class="experience-heading">Разработка сайтов любой сложности</p>
              <p class="reporting-message">
                От лендингов и интернет-магазинов до крупных корпоративных порталов
              </p>
            </div>
          </div>
        </div>
        <!-- Второй ряд: два блока -->
        <div class="solution-container sales-container">
          <p class="experience-heading">Комплексный подход</p>
          <p class="reporting-message">
            Мы не просто делаем сайты — превращаем их в инструмент продаж
          </p>
        </div>
        <div class="solution-container strategy-container">
          <p class="experience-heading">Индивидуальные стратегии</p>
          <p class="reporting-message">
            Каждое решение разрабатывается под ваш бизнес
          </p>
        </div>
        <!-- Третий ряд: один блок на всю ширину -->
        <div class="solution-container transparency-container">
          <div class="transparent-reporting-notification">
            <div class="transparency-info-container">
              <div class="transparency-info-section">
                <p class="experience-heading">Прозрачная отчётность</p>
                <p class="reporting-message">
                  Регулярно информируем вас о каждом этапе работ
                </p>
              </div>
            </div>
          </div>
        </div>
      </div><!-- .solution-grid -->
    </div><!-- .marketing-solutions-container -->
  </div><!-- .advantage-section -->
</div><!-- .futuristic-container -->




<section id="services" class="services-section">
  <h2 class="services-title">Наши услуги</h2>
  <div class="cat-container">
    
      <div class="card-container">
        
          <div class="card-header">
            <span class="header-text">SEO</span>
          </div>
        
        <div class="card-content">
          <div class="card-text">
            <p class="card-title-text">Продвижение сайтов</p>
            <div class="bottom-line">
              <p class="card-index">01</p>
              <a href="/prodvizhenie-sajtov/" class="btn-details">Подробнее</a>
            </div>
          </div>
        </div>
      </div>
    
      <div class="card-container">
        
          <div class="card-header">
            <span class="header-text">WEB</span>
          </div>
        
        <div class="card-content">
          <div class="card-text">
            <p class="card-title-text">Разработка сайтов</p>
            <div class="bottom-line">
              <p class="card-index">02</p>
              <a href="/razrabotka-sajtov/" class="btn-details">Подробнее</a>
            </div>
          </div>
        </div>
      </div>
    
      <div class="card-container">
        
          <div class="card-header">
            <span class="header-text">Marketing</span>
          </div>
        
        <div class="card-content">
          <div class="card-text">
            <p class="card-title-text">Комплексный маркетинг</p>
            <div class="bottom-line">
              <p class="card-index">03</p>
              <a href="/kompleksnyj-marketing/" class="btn-details">Подробнее</a>
            </div>
          </div>
        </div>
      </div>
    
      <div class="card-container">
        
          <div class="card-header">
            <span class="header-text">Advertisement</span>
          </div>
        
        <div class="card-content">
          <div class="card-text">
            <p class="card-title-text">Контекстная реклама</p>
            <div class="bottom-line">
              <p class="card-index">04</p>
              <a href="/kontekstnaya-reklama/" class="btn-details">Подробнее</a>
            </div>
          </div>
        </div>
      </div>
    

    

  </div>
  <div class="audit-section-button-container">
    <div class="seo-card-container">
      <div class="seo-audit-section">
        <p class="large-heading-with-background">SEO - аудит</p>
        <div class="audit-content">
          <p class="oversized-text-with-opacity">05</p>
          <script data-b24-form="click/1/t9tm8v" data-skip-moving="true">(function(w,d,u){var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(window,document,'https://cdn-ru.bitrix24.ru/b34180642/crm/form/loader_1.js');</script>
          <a href="javascript:void(0);" class="btn-details">Заказать аудит</a>
        </div>
      </div>
    </div>
  </div>
</section>






<div class="company-hero-section">
  <p class="hero-title">
    <span>С кем</span><span>&nbsp;</span><span>мы работаем</span>
  </p>
  
  <div class="client-partners-wrapper">
    <div class="partner-block">
      <div class="dark-box">
        <p class="brand-label">Яндекс</p>
      </div>
      <div class="dark-box">
        <p class="brand-label">Google</p>
      </div>  
    </div>
    
    <div class="client-cases">
      <p class="big-header">Кейсы</p>
      <!-- PLACEHOLDER - Button Component -->
    </div>
  </div>
</div>

<!-- Дополнительный блок -->
<div class="hero-extra-section">
  <div class="tall-narrow-box"></div>
</div>


<!-- Кейсы -->
<section id="cases">
  <div class="cases-grid">
    
      <div class="project-info-card">
        <!-- Обёртка для имитации экрана устройства -->
        <div class="anons-device">
          
            <picture>
              <source srcset="/media/imagekit_cache/cases/anons/M/4a032f4d51f31f650e32b95cdb7f5da3.webp" type="image/webp">
              <img src="/media/cases/anons/M.webp" alt="EduPartner" class="anons" loading="lazy">
            </picture>
          
        </div>
        <div class="project-details-container">
          <div class="project-info-container">
            <p class="sphera">
              <span>Образование</span>
            </p>
            
            <a href="/cases/edupartner/" class="btn-project">О проекте</a>
          </div>
          <p class="zakaz">
            <span>Заказчик: </span>
            <span class="client-info-text-style client-name-text-style">Приуральский центр дополнительного профессионального образования</span>
          </p>
          <div class="flex-row-with-gap">
            <p class="data-start">
              2022
            </p>
            <p class="data-finish">
              2025
            </p>
          </div>
        </div>
      </div>
    
      <div class="project-info-card">
        <!-- Обёртка для имитации экрана устройства -->
        <div class="anons-device">
          
            <picture>
              <source srcset="/media/imagekit_cache/cases/anons/noroot/d1bd952cb38021d94d93573aaf7587d6.webp" type="image/webp">
              <img src="/media/cases/anons/noroot.png" alt="Кейс проекта &quot;Столярик&quot;" class="anons" loading="lazy">
            </picture>
          
        </div>
        <div class="project-details-container">
          <div class="project-info-container">
            <p class="sphera">
              <span>Строительство и ремонт</span>
            </p>
            
            <a href="/cases/kejs-proekta-stolyarik/" class="btn-project">О проекте</a>
          </div>
          <p class="zakaz">
            <span>Заказчик: </span>
            <span class="client-info-text-style client-name-text-style">Столярик - https://столярик.рф/</span>
          </p>
          <div class="flex-row-with-gap">
            <p class="data-start">
              2024
            </p>
            <p class="data-finish">
              2024
            </p>
          </div>
        </div>
      </div>
    
      <div class="project-info-card">
        <!-- Обёртка для имитации экрана устройства -->
        <div class="anons-device">
          
            <picture>
              <source srcset="/media/imagekit_cache/cases/anons/%D0%BB%D0%BE%D0%B3%D0%BE_kUnUpB7/90944c1641e9c4e25226c344c4f88779.webp" type="image/webp">
              <img src="/media/cases/anons/%D0%BB%D0%BE%D0%B3%D0%BE_kUnUpB7.png" alt="Кейс проекта ИПО" class="anons" loading="lazy">
            </picture>
          
        </div>
        <div class="project-details-container">
          <div class="project-info-container">
            <p class="sphera">
              <span>Образования</span>
            </p>
            
            <a href="/cases/kejs-proekta-ipo/" class="btn-project">О проекте</a>
          </div>
          <p class="zakaz">
            <span>Заказчик: </span>
            <span class="client-info-text-style client-name-text-style">Институт профессионального обучения https://ipo5.ru/</span>
          </p>
          <div class="flex-row-with-gap">
            <p class="data-start">
              2024
            </p>
            <p class="data-finish">
              2025
            </p>
          </div>
        </div>
      </div>
    
      <div class="project-info-card">
        <!-- Обёртка для имитации экрана устройства -->
        <div class="anons-device">
          
            <picture>
              <source srcset="/media/imagekit_cache/cases/anons/logo_2/031c2f08ed1772f655a4d8e72ab383b0.webp" type="image/webp">
              <img src="/media/cases/anons/logo_2.png" alt="Avkdoors" class="anons" loading="lazy">
            </picture>
          
        </div>
        <div class="project-details-container">
          <div class="project-info-container">
            <p class="sphera">
              <span>Интернет-магазин дверей</span>
            </p>
            
            <a href="/cases/avkdoors/" class="btn-project">О проекте</a>
          </div>
          <p class="zakaz">
            <span>Заказчик: </span>
            <span class="client-info-text-style client-name-text-style">Магазин дверей AvkDoors - https://avkdoors.ru/</span>
          </p>
          <div class="flex-row-with-gap">
            <p class="data-start">
              2024
            </p>
            <p class="data-finish">
              2025
            </p>
          </div>
        </div>
      </div>
    
      <div class="project-info-card">
        <!-- Обёртка для имитации экрана устройства -->
        <div class="anons-device">
          
            <picture>
              <source srcset="/media/imagekit_cache/cases/anons/WhatsApp_Image_2025-04-28_at_17.34.37/752b616400c0b67712499db8b7445d0a.webp" type="image/webp">
              <img src="/media/cases/anons/WhatsApp_Image_2025-04-28_at_17.34.37.jpeg" alt="Кейс проекта Parusekb" class="anons" loading="lazy">
            </picture>
          
        </div>
        <div class="project-details-container">
          <div class="project-info-container">
            <p class="sphera">
              <span>Изготовление печатной (полиграфической и сувенирной) продукции</span>
            </p>
            
            <a href="/cases/kejs-proekta-parusekb/" class="btn-project">О проекте</a>
          </div>
          <p class="zakaz">
            <span>Заказчик: </span>
            <span class="client-info-text-style client-name-text-style">Парус Бюро Печати https://parusekb.ru/</span>
          </p>
          <div class="flex-row-with-gap">
            <p class="data-start">
              2024
            </p>
            <p class="data-finish">
              2025
            </p>
          </div>
        </div>
      </div>
    
      <div class="project-info-card">
        <!-- Обёртка для имитации экрана устройства -->
        <div class="anons-device">
          
            <picture>
              <source srcset="/media/imagekit_cache/cases/anons/hls3bavl0j46upnadk7vsz6xehbngsh0/58e6294fd399a91b6461bfee26170619.webp" type="image/webp">
              <img src="/media/cases/anons/hls3bavl0j46upnadk7vsz6xehbngsh0.png" alt="Кейс проекта Центр Утепления" class="anons" loading="lazy">
            </picture>
          
        </div>
        <div class="project-details-container">
          <div class="project-info-container">
            <p class="sphera">
              <span>Утепление домов, зданий и производственных объектов эковатой</span>
            </p>
            
            <a href="/cases/kejs-proekta-centr-utepleniya/" class="btn-project">О проекте</a>
          </div>
          <p class="zakaz">
            <span>Заказчик: </span>
            <span class="client-info-text-style client-name-text-style">Центр утепления - https://centruteplenia.ru/</span>
          </p>
          <div class="flex-row-with-gap">
            <p class="data-start">
              2024
            </p>
            <p class="data-finish">
              2026
            </p>
          </div>
        </div>
      </div>
    
  </div>
</section>




<!-- Бегущая строка с логотипами -->
<!-- <section id="marquee">
  <h2>Наши клиенты</h2>
  <div class="marquee-container">
    <div class="marquee">
      <div class="marquee-content">
        <picture>
          <source srcset="/static/content_manager/images/logo1.webp" type="image/webp">
          <img src="/static/content_manager/images/logo1.jpg" alt="Logo 1" loading="lazy">
        </picture>
        <picture>
          <source srcset="/static/content_manager/images/logo2.webp" type="image/webp">
          <img src="/static/content_manager/images/logo2.jpg" alt="Logo 2" loading="lazy">
        </picture> -->
        <!-- Добавьте другие логотипы аналогично -->
      <!-- </div>
    </div>
  </div>
</section> -->



<div class="digital-solutions-company-section">
  <!-- Заголовок (Кто мы) -->
  <p class="hero-text-block coral-heading majestic-heading">
    <span>Кто</span>
    
    <span>мы</span>
  </p>
  
  <!-- Описание компании -->
  <p class="business-systems-description-text-style">
    Компания "Бизнес-системы" работает на рынке digital-услуг с 2017 года. Мы помогаем бизнесу увеличивать продажи в интернете за счет комплексных решений: от разработки сайтов до их продвижения и оптимизации.
  </p>
  
  <!-- Объединённый блок для разделов "Наши ключевые направления" и "Почему выбирают нас" -->
  <div class="highlight-section">
    <!-- Левая колонка: Ключевые направления -->
    <div class="highlight-column">
      <p class="highlight-title">Наши ключевые направления</p>
      <!-- Для каждой услуги создаём отдельную строку, где цифра и текст находятся в одном ряду -->
      <div class="service-row">
        <div class="service-number">01</div>
        <div class="service-text">
          <span class="custom-heading-style">Разработка сайтов</span>
          <span> — от доступных шаблонных решений до уникальных проектов под ключ.</span>
        </div>
      </div>
      <div class="service-row">
        <div class="service-number">02</div>
        <div class="service-text">
          <span class="custom-heading-style">SEO-продвижение</span>
          <span> — выводим ваши продукты и услуги в ТОП поисковой выдачи.</span>
        </div>
      </div>
      <div class="service-row">
        <div class="service-number">03</div>
        <div class="service-text">
          <span class="custom-heading-style">Контекстная и таргетированная реклама</span>
          <span> — привлекаем клиентов уже сегодня.</span>
        </div>
      </div>
      <div class="service-row">
        <div class="service-number">04</div>
        <div class="service-text">
          <span class="custom-heading-style">Аналитика и оптимизация</span>
          <span> — улучшаем конверсии и повышаем рентабельность ваших инвестиций.</span>
        </div>
      </div>
    </div>
    
    <!-- Правая колонка: Маркетинговая информация -->
    <div class="highlight-column">
      <p class="highlight-title">Почему выбирают нас</p>
      <!-- Здесь также можно разбить контент на строки, если есть разделение по пунктам -->
      <div class="service-row">
        <div class="service-number">01</div>
        <div class="service-text">
          

  <span class="standout-heading">9 лет на рынке.</span>

          <span> Мы знаем, как добиться результата.</span>
        </div>
      </div>
      <div class="service-row">
        <div class="service-number">02</div>
        <div class="service-text">
          <span class="standout-heading">Комплексный подход.</span>
          <span> Закрываем все задачи для развития бизнеса в интернете.</span>
        </div>
      </div>
      <div class="service-row">
        <div class="service-number">03</div>
        <div class="service-text">
          <span class="standout-heading">Индивидуальные решения</span>
          <span> Учитываем специфику каждой ниши.</span>
        </div>
      </div>
      <div class="service-row">
        <div class="service-number">04</div>
        <div class="service-text">
          <span class="standout-heading">Прозрачность и контроль.</span>
          <span> Регулярно предоставляем отчеты о проделанной работе.</span>
        </div>
      </div>
    </div>
  </div>
  
  <!-- Центральное завершающее сообщение -->
  <p class="central-text-block">
    <span class="trusty-text-markup brand-statement-text-style brand-statement-text-style1">
      Мы ценим доверие наших клиентов и гарантируем качественный результат на каждом этапе сотрудничества. Вместе <br>с нами ваш бизнес станет успешнее!<br>
    </span>
    <span class="trusty-text-markup brand-statement-text-style brand-statement-text-style1">
      <br>&lt; команда Бизнес-системы Iskar
    </span>
    <span class="trusty-text-markup brand-statement-text-style brand-statement-text-style1">
      &gt;
    </span>
  </p>
</div>

<!-- Дополнительный блок (hero-section) -->
<div class="hero-section">
  <div class="rounded-container-tall-and-narrow"></div>
</div>


<footer class="footer">
  <div class="footer-container">
    <!-- Основные столбцы футера -->
    <div class="footer-columns">
      <!-- Столбец 1: Контактная информация -->
      <div class="footer-column">
        <a href="/" class="footer-logo-link">
          <div class="footer-logo-title">
            <img src="/static/content_manager/fav/logo.png" alt="Бизнес системы Iskar">
          </div>
        </a>
        <p class="footer-slogan">
          <span class="slogan-primary">Помогаем бизнесу</span>
          <span class="slogan-secondary">увеличивать продажи</span>
        </p>
        <div class="footer-contact">
          <p class="footer-phone">
  
    
    
    
  
</p>

<p class="footer-email">
  
    
      <a href="mailto:info@iskariot.ru" class="contact-link">
        info@iskariot.ru
      </a>
    
    
    
  
</p>

          <p class="footer-address">
            
              Адрес: г.Уфа
            
          </p>
        </div>
      </div>
      
   
      
        <!-- Столбец 1: Продвижение сайтов -->
        <div class="footer-column">
          <h3 class="footer-column-title gray-text">
            <a href="/prodvizhenie-sajtov/">Продвижение сайтов</a>
          </h3>
          <ul class="footer-links">
            
              <li><a href="/prodvizhenie-sajtov/prodvizhenie-sajtov-v-yandekse/">Продвижение сайтов в Яндексе</a></li>
            
              <li><a href="/prodvizhenie-sajtov/prodvizhenie-sajtov-v-google/">Продвижение сайтов в Google</a></li>
            
              <li><a href="/prodvizhenie-sajtov/prodvizhenie-sajta-na-bitriks/">Продвижение сайта на Битрикс</a></li>
            
              <li><a href="/prodvizhenie-sajtov/prodvizhenie-sajtov-wordpress/">Продвижение сайтов на WordPress</a></li>
            
          </ul>
        </div>
      
        <!-- Столбец 2: Разработка сайтов -->
        <div class="footer-column">
          <h3 class="footer-column-title gray-text">
            <a href="/razrabotka-sajtov/">Разработка сайтов</a>
          </h3>
          <ul class="footer-links">
            
              <li><a href="/razrabotka-sajtov-na-bitriks/">Разработка сайтов на Битрикс</a></li>
            
              <li><a href="/razrabotka-sajtov-na-bitriks/razrabotka-korporativnogo-sajta-na-bitriks/">Разработка корпоративного сайта на битрикс</a></li>
            
              <li><a href="/prodvizhenie-sajtov/prodvizhenie-sajta-na-bitriks/">Продвижение сайта на Битрикс</a></li>
            
              <li><a href="/razrabotka-sajtov-na-vordpress/">Разработка сайтов на WordPress</a></li>
            
              <li><a href="/razrabotka-sajtov-na-vordpress/razrabotka-sajta-na-wordpress/">Разработка индивидуального сайта на WordPress</a></li>
            
              <li><a href="/razrabotka-sajtov-na-vordpress/razrabotki-korporativnogo-sajta-na-wordpress/">Разработки корпоративного сайта на WordPress</a></li>
            
              <li><a href="/razrabotka-sajtov-na-vordpress/razrabotka-internet-magazina-na-vordpresse/">Разработка интернет магазина на WordPress</a></li>
            
              <li><a href="/razrabotka-sajta-na-django/">Разработка сайта на Django</a></li>
            
              <li><a href="/razrabotka-sajta-na-django/razrabotka-sajta-na-django/">Разработка корпоративного сайта на Django</a></li>
            
          </ul>
        </div>
      
        <!-- Столбец 3: О компании -->
        <div class="footer-column">
          <h3 class="footer-column-title gray-text">
            <a href="/about-us/">О компании</a>
          </h3>
          <ul class="footer-links">
            
              <li><a href="/contacts/">Контакты</a></li>
            
              <li><a href="/cases/">Кейсы</a></li>
            
              <li><a href="/blog/">Блог</a></li>
            
              <li><a href="/aktsii/">Акции</a></li>
            
              <li><a href="/requisites/">Реквизиты</a></li>
            
              <li><a href="/prices/">Цены</a></li>
            
              <li><a href="/legal/soglasie-na-ispolzovanie-personalnyh-dannyh-dlya-polucheniya-reklamnyh-rassylok/">Согласие на использование персональных данных для получения рекламных рассылок</a></li>
            
              <li><a href="/legal/dogovor-publichnoj-oferty/">Договор публичной оферты</a></li>
            
              <li><a href="/legal/politika-konfidencialnosti/">Политика конфиденциальности</a></li>
            
              <li><a href="/legal/soglasie-posetitelya-sajta-na-obrabotku-personalnyh-dannyh/">Согласие посетителя сайта на обработку персональных данных</a></li>
            
          </ul>
        </div>
      
      


    
    
  </div>

  <!-- Блок копирайта (отдельно, в самом низу) -->
    <div class="footer-copyright">
      <p>&copy; Бизнес-системы Iskar 2017 - 2026</p>
    </div>
</footer>

<script>
window.addEventListener("mousewheel", function (e) {
    if (e.ctrlKey) {
        e.preventDefault();
        return false;
    }
}, { passive: false });


window.onscroll = function () { myFunction() };

function myFunction() {
    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (winScroll / height) * 100;
    document.getElementById("myBar").style.width = scrolled + "%";
}


let header__new = document.getElementById('header__new').classList
let active_class = "header__new_scrolled"

window.addEventListener('scroll', e => {
    if (scrollY > 0) header__new.add(active_class)
    else header__new.remove(active_class)
})
  </script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
  (function(m,e,t,r,i,k,a){
      m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
      m[i].l=1*new Date();
      for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
      k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
  })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=105465230', 'ym');

  ym(105465230, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/105465230" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<style>
/* Затемнённый фон, который покрывает всю страницу */
#marketing-overlay {
  display: none;                 /* скрыт по умолчанию */
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.75);
  z-index: 9999;
  justify-content: center;       /* центрирование по горизонтали */
  align-items: center;           /* центрирование по вертикали */
}

/* Контейнер с содержимым – именно этот блок будет в центре */
#marketing-overlay .modal-content {
  background: #fff;
  padding: 32px;
  border-radius: 8px;
  max-width: 480px;             /* ограничиваем ширину, чтобы окно не растягивалось */
  width: 90%;
  text-align: center;
  position: relative;
}

/* Крестик в правом верхнем углу */
#marketing-overlay .close-btn {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 28px;
  color: #333;
  cursor: pointer;
}

/* Кнопка «Закрыть» с нужным цветом */
#marketing-close-btn {
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  background-color: #F8B69D;    /* ваша палитра #F8B69D */
  color: #333;
  cursor: pointer;
}
</style>

<!-- HTML модального окна -->
<div id="marketing-overlay">
  <div class="modal-content">
    <div class="close-btn" aria-label="Закрыть всплывающее окно">&times;</div>
    <h2>Сайт находится в процессе разработки</h2>
    <p>Мы усердно работаем над новым веб‑сайтом. Скоро здесь появятся интересные материалы и сервисы. Благодарим за понимание и ждём вас снова!</p>
    <button id="marketing-close-btn">Закрыть</button>
  </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
  var overlay     = document.getElementById('marketing-overlay');
  var closeIcon   = overlay.querySelector('.close-btn');
  var closeButton = document.getElementById('marketing-close-btn');

  // проверяем, не закрывал ли пользователь баннер ранее
  if (!localStorage.getItem('developmentOverlayShown')) {
    overlay.style.display = 'flex'; // показываем баннер при первом визите
  }

  // функция скрытия баннера и запоминания визита
  function hideOverlay() {
    overlay.style.display = 'none';
    localStorage.setItem('developmentOverlayShown', 'true');
  }

  closeIcon.addEventListener('click', hideOverlay);
  closeButton.addEventListener('click', hideOverlay);

  // если пользователь кликнул по затемнённому фону — также закрываем
  overlay.addEventListener('click', function (event) {
    if (event.target === overlay) {
      hideOverlay();
    }
  });
});
</script>






</body>




</html>
