<!DOCTYPE html>




Выезд в Алматы — Ноутбуки и Компьютеры</title>


  :root{
    --ink:#1c2230;
    --steel:#3d4a5c;
    --mist:#eef1f4;
    --paper:#fbfbfa;
    --line:#d8dde2;
    --accent:#2a6f6f;
  }
  *{box-sizing:border-box;}
  html,body{height:100%;}
  body{
    margin:0;
    font-family:'Segoe UI', Tahoma, Arial, sans-serif;
    background:var(--paper);
    color:var(--ink);
    padding-top:68px;
  }

  .site-header{
    position:fixed;
    top:0;left:0;right:0;
    z-index:1000;
    height:64px;
    background:#fff;
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 32px;
    box-shadow:0 1px 4px rgba(28,34,48,0.07);
  }
  .header-logo{
    display:flex;align-items:center;gap:10px;
    text-decoration:none;color:var(--ink);
  }
  .header-logo-icon{
    width:38px;height:38px;
    background:var(--mist);border-radius:10px;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .header-logo-icon svg{width:22px;height:22px;}
  .header-logo-text{font-size:14px;font-weight:600;line-height:1.3;}
  .header-logo-text span{display:block;font-size:11.5px;font-weight:400;color:var(--steel);}
  .header-phone{
    display:flex;align-items:center;gap:8px;
    text-decoration:none;color:var(--ink);
    font-size:16px;font-weight:600;letter-spacing:.2px;
  }
  .header-phone svg{width:18px;height:18px;}

  .page-inner{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:calc(100vh - 64px);
    padding:32px 56px;
  }
  .wrap{
    width:100%;
    max-width:1200px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
  }

  .card{
    width:100%;
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:52px 64px 44px;
    text-align:center;
    box-shadow:0 1px 3px rgba(28,34,48,0.06);
  }
  .mark{
    width:56px;height:56px;
    margin:0 auto 22px;
    border-radius:14px;background:var(--mist);
    display:flex;align-items:center;justify-content:center;
  }
  .mark svg{width:28px;height:28px;}
  h1{font-size:28px;line-height:1.3;margin:0 0 12px;font-weight:700;color:var(--ink);}
  p.sub{font-size:16px;line-height:1.6;color:var(--steel);margin:0 0 32px;max-width:600px;margin-left:auto;margin-right:auto;}
  .facts{display:flex;justify-content:center;gap:28px;margin-bottom:32px;flex-wrap:wrap;}
  .fact{font-size:13.5px;color:var(--steel);display:flex;align-items:center;gap:7px;}
  .fact svg{width:16px;height:16px;flex-shrink:0;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    max-width:340px;width:100%;
    padding:16px 24px;
    background:var(--accent);color:#fff;
    text-decoration:none;border-radius:10px;
    font-size:16px;font-weight:600;letter-spacing:.2px;
    transition:background .15s ease, transform .1s ease;
    margin:0 auto;
  }
  .btn:hover{background:#235a5a;}
  .btn:active{transform:scale(.99);}
  .btn svg{width:17px;height:17px;}
  .card footer{margin-top:24px;font-size:12px;color:#9aa3ad;}

  .section-label{
    font-size:12px;font-weight:600;
    letter-spacing:.5px;text-transform:uppercase;
    color:#9aa3ad;margin:8px 2px 0;
  }
  .res-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:12px;
  }
  .res-item{
    display:flex;align-items:center;gap:12px;
    background:#fff;border:1px solid var(--line);border-radius:12px;
    padding:18px 20px;text-decoration:none;color:var(--ink);cursor:pointer;
    transition:border-color .15s ease, box-shadow .15s ease, transform .1s ease;
  }
  .res-item:hover{border-color:var(--accent);box-shadow:0 2px 10px rgba(28,34,48,0.07);}
  .res-item:active{transform:scale(.99);}
  .res-icon{
    width:38px;height:38px;flex-shrink:0;
    border-radius:9px;background:var(--mist);
    display:flex;align-items:center;justify-content:center;
  }
  .res-icon svg{width:19px;height:19px;}
  .res-text{flex:1;}
  .res-title{font-size:14px;font-weight:600;line-height:1.3;}

  .map-card{
    width:100%;background:#fff;border:1px solid var(--line);
    border-radius:16px;padding:20px 20px 22px;
    box-shadow:0 1px 3px rgba(28,34,48,0.06);cursor:pointer;
  }
  .map-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
  .map-head svg{width:18px;height:18px;flex-shrink:0;}
  .map-head span{font-size:15px;font-weight:600;}
  .map-frame{width:100%;aspect-ratio:21/6;border:0;border-radius:10px;display:block;}
  .map-addr{margin-top:10px;font-size:13px;color:var(--steel);}

  .legal{
    width:100%;
    border-top:1px solid var(--line);
    padding-top:18px;
    font-size:11px;
    line-height:1.7;
    color:#9aa3ad;
    text-align:left;
  }

  @media (max-width:960px){
    .page-inner{padding:32px 32px;}
    .card{padding:36px 36px 32px;}
  }
  @media (max-width:720px){
    .site-header{padding:0 16px;}
    .header-logo-text{display:none;}
    .header-phone{font-size:14px;}
    .page-inner{padding:24px 20px;}
    .card{padding:28px 20px 24px;}
    h1{font-size:20px;}
    p.sub{font-size:14px;}
    .res-grid{grid-template-columns:repeat(2, 1fr);}
    .map-frame{aspect-ratio:16/9;}
  }
  @media (max-width:480px){
    .res-grid{grid-template-columns:1fr;}
    .facts{gap:14px;}
    h1{font-size:18px;}
    .btn{font-size:14.5px;padding:14px 18px;}
    .legal{font-size:10.5px;}
  }

  @media (prefers-reduced-motion: no-preference){
    .card{animation:rise .35s ease both;}
    @keyframes rise{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
  }
</style>



  <header class="site-header">
    <a class="header-logo go-link" href="#">
      <div class="header-logo-icon">
        <svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8">
          <rect x="3" y="4" width="18" height="12" rx="1.5"/>
          <path d="M8 20h8M12 16v4" stroke-linecap="round"/>
          <circle cx="17.5" cy="5.5" r="2.5" fill="var(--accent)" stroke="none"/>
          <path d="M16.5 5.5l.7.7 1.3-1.3" stroke="#fff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </div>
      <div class="header-logo-text">
        Выезд в Алматы
        Ноутбуки и ПК</span>
      </div>
    </a>
    <a class="header-phone go-link" href="#">
      <svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8">
        <path d="M6.6 10.8a15.3 15.3 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11.4 11.4 0 003.57.57 1 1 0 011 1V18a1 1 0 01-1 1A17 17 0 013 5a1 1 0 011-1h3.5a1 1 0 011 1 11.4 11.4 0 00.57 3.57 1 1 0 01-.25 1z" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
      +7 (700) 123-45-67
    </a>
  </header>

  <div class="page-inner">
    <div class="wrap">

      <div class="card">
        <div class="mark">
          <svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8">
            <rect x="3" y="4" width="18" height="12" rx="1.5"/>
            <path d="M8 20h8M12 16v4" stroke-linecap="round"/>
          </svg>
        </div>
        Выезд в Алматы</h1>
        <p class="sub">Выезд по технике. Актуальные цены, услуги и контакты — на нашем сайте.</p>
        <div class="facts">
          <span class="fact">
            <svg viewBox="0 0 24 24" fill="none" stroke="var(--steel)" stroke-width="1.8"><path d="M12 6v6l4 2" stroke-linecap="round"/><circle cx="12" cy="12" r="9"/></svg>
            Приём ежедневно
          </span>
          <span class="fact">
            <svg viewBox="0 0 24 24" fill="none" stroke="var(--steel)" stroke-width="1.8"><path d="M9 12l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="9"/></svg>
            Гарантия на работы
          </span>
        </div>
        <a class="btn go-link" href="#">
          Перейти на сайт
          <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
        Выезд в Алматы</footer>
      </div>

      <div class="section-label">Услуги и разделы</div>

      <div class="res-grid">
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-noutbukov-almaty">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="4" y="3" width="16" height="14" rx="1.5"/><path d="M9 21h6M12 17v4" stroke-linecap="round"/></svg></div>
          <div class="res-text"><div class="res-title">Ноутбуки</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-kompyuterov">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="2" y="3" width="20" height="14" rx="1.5"/><path d="M8 21h8M12 17v4" stroke-linecap="round"/></svg></div>
          <div class="res-text"><div class="res-title">Компьютеры</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-kompyuterov">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="3" y="3" width="18" height="14" rx="1.5"/><path d="M8 21h8M12 17v4" stroke-linecap="round"/><rect x="6" y="6" width="12" height="8" rx="1"/></svg></div>
          <div class="res-text"><div class="res-title">Моноблок</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-noutbukov-almaty">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="4" y="3" width="16" height="14" rx="1.5"/><path d="M9 21h6M12 17v4" stroke-linecap="round"/><path d="M8 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
          <div class="res-text"><div class="res-title">Chromebook</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-noutbukov-almaty">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="3" y="5" width="18" height="14" rx="1.5"/><path d="M7 9h5M7 12h3" stroke-linecap="round"/><rect x="15" y="8" width="3" height="7" rx=".5"/></svg></div>
          <div class="res-text"><div class="res-title">Материнская плата</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-kompyuterov">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="2" y="6" width="20" height="12" rx="1.5"/><path d="M6 10h3M6 14h3M13 10h3M13 14h3" stroke-linecap="round"/></svg></div>
          <div class="res-text"><div class="res-title">Видеокарты</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-kompyuterov">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="3" y="3" width="18" height="14" rx="1.5"/><path d="M8 21h8M12 17v4" stroke-linecap="round"/></svg></div>
          <div class="res-text"><div class="res-title">Мониторы</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-printerov-almaty">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="3" y="6" width="14" height="12" rx="1.5"/><path d="M17 9h2a2 2 0 010 4h-2M7 10v4" stroke-linecap="round"/></svg></div>
          <div class="res-text"><div class="res-title">Принтеры</div></div>
        </a>
        <a class="res-item" href="https://bereke-service.kz/uslugi/remont-noutbukov-almaty">
          <div class="res-icon"><svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><rect x="3" y="4" width="18" height="12" rx="1.5"/><path d="M8 20h8M12 16v4" stroke-linecap="round"/><path d="M9 10l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
          <div class="res-text"><div class="res-title">Windows</div></div>
        </a>
      </div>

      <div class="section-label">Где мы находимся</div>

      <div class="map-card go-link">
        <div class="map-head">
          <svg viewBox="0 0 24 24" fill="none" stroke="var(--accent)" stroke-width="1.8"><path d="M12 21s7-6.5 7-12a7 7 0 10-14 0c0 5.5 7 12 7 12z"/><circle cx="12" cy="9" r="2.5"/></svg>
          Выезд в Алматы — на карте</span>
        </div>
        
        <div class="map-addr">г. Алматы — точный адрес и схема проезда на сайте</div>
      </div>

      <div class="legal">
        Philips – правообладатель Koninklijke Philips N.V. (Конинклийке Филипс Н.В.); ASUS – правообладатель ASUSTeK Computer Inc. (Асустек Компьютер Инкорпорейшн), (Асус); Huawei – правообладатель HUAWEI TECHNOLOGIES CO., LTD. (ХУАВЭЙ ТЕКНОЛОДЖИС КО., ЛТД.); Sony – правообладатель Sony Corporation (Сони Корпорейшн); Macbook, iMac – правообладатель Apple Inc. (Эпл Инк.), (Макбук, Аймак); Toshiba – правообладатель KABUSHIKI KAISHA TOSHIBA, также известная как Toshiba Corporation; Xiaomi – правообладатель Xiaomi Inc.; HP – правообладатель HP Hewlett-Packard Group LLC (ЭйчПи Хьюлетт Паккард Груп ЛЛК); Samsung – правообладатель Samsung Electronics Co. Ltd. (Самсунг Электроникс Ко., Лтд.); ACER – правообладатель Acer Incorporated (Эйсер Инкорпорейтед), (Асер); DELL – правообладатель Dell Inc. (Делл Инк.); Lenovo – правообладатель Lenovo (Beijing) Limited; MSI – правообладатель MICRO-STAR INTERNATIONAL CO., LTD. (Майкро-Стар Интернешнл Ко., Лтд.).
      </div>

    </div>
  </div>



