МТБ: Надійне зберігання документів та цінностей

<!DOCTYPE html> <html lang="uk-UA"> <head> <meta charset="UTF-8"> <title>МТБ: Надійне зберігання документів та цінностей</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:type" content="website"> <meta property="og:title" content="МТБ Банківські Сейфи-комірки"> <meta property="og:description" content="МТБ Банківські Сейфи-комірки">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="МТБ Банківські Сейфи-комірки"> <meta name="twitter:description" content="МТБ Банківські Сейфи-комірки"> <link rel="canonical" href="index.php"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans%3A600"/> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C500%2C600"/> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter%3A400%2C500"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="https://code.jquery.com/ui/1.13.3/jquery-ui.js"></script> <style> body { align-items: center; margin: 0; padding: 0; } .group-40030-sFu, .group-40037-ZPd .iconsax-linear-call-gUF { width: 250px; } .group-40037-ZPd { margin-right: 7rem; box-sizing: border-box; padding: 0.1rem 0rem 0.1rem 0.35rem; height: 100%; display: flex; align-items: center; flex-shrink: 0; } .iconsax-linear-call-gUF { margin-right: -6.5rem; width: 2rem; height: 2rem; object-fit: contain; vertical-align: top; flex-shrink: 0; } .item-0-800-500-255-jhR { margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: left; font-size: 1.45rem; font-weight: 600; line-height: 1; letter-spacing: -0.011rem; text-transform: uppercase; color: #1e124b; font-family: Open Sans, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .item--BpK { display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 600; line-height: 1; text-transform: uppercase; color: #1e124b; font-family: Open Sans, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .mtb-bank-instagram-xCo { margin-bottom: 0.2rem; display: flex; font-size: 1.2rem; font-weight: 400; line-height: 1.2705882577; letter-spacing: -0.04rem; color: #606981; font-family: Captura Now, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .auto-group-sjnj-S7Z { width: calc(100% - 57.9rem); height: 5.4rem; display: flex; align-items: center; flex-shrink: 0; } .pseudo-wa7 { margin-right: 2.2rem; width: 0.5rem; height: 50%; background-color: #b6c1dd; border-radius: 0.4rem 0 0 0.4rem; flex-shrink: 0; } .item--sCs { margin-bottom: 0.2rem; display: flex; font-size: 1.7rem; font-weight: 400; line-height: 1.0416666667; letter-spacing: -0.1rem; color: #b6c1dd; font-family: Captura Now, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .groups-eWT { width: 100%; display: flex; flex-direction: column; } .groups-cCP { margin: 0rem 11rem 2.51rem 0rem; width: calc(100% - 11rem); display: flex; align-items: flex-start; flex-shrink: 0; } .vector-XKM { margin-right: 1.6rem; width: 0.7rem; height: 2.4rem; object-fit: contain; vertical-align: top; flex-shrink: 0; } .item-5-109--fAf { display: flex; font-size: 1.6rem; font-weight: 400; line-height: 1.3500000238; letter-spacing: -0.04rem; color: #00b5ef; font-family: Captura Now, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .groups-HvF { width: 100%; height: 12.6rem; display: flex; vertical-align: top; } .spliter { margin-top: 30px; } .s-pb-black-border-btn { display: inline-block; background: #fff; border: 1px solid #2852a1; border-radius: 25px; color: #2852a1; box-shadow: none; text-decoration: none; padding: 15px 30px; transition: background ease 0.5s; font-weight: 500; font-size: 16px; box-sizing: border-box; } .padlockwithkey-1-rkP { width: 3.9rem; height: 5rem; position: relative; background-size: 100% 100%; background-position: -0rem -1rem; background-image: url(assets/mXPSfKrgpNdSXEJemK8qqP02wc.webp); flex-shrink: 0; } .item-1-xmV { margin-bottom: 2.381rem; font-size: 1.4rem; font-weight: 400; line-height: 1.0322580645; letter-spacing: -0.09rem; color: #2f3441; font-family: Captura Now, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .item--euD { max-width: 13.5rem; display: flex; font-size: 0.9rem; font-weight: 400; line-height: 1.2705882577; letter-spacing: -0.04rem; color: #606981; font-family: Captura Now, 'Source Sans Pro'; flex-shrink: 0; } .list-RPD { width: 20.2rem; flex-shrink: 0; } .group-40030-61V { width: 30%; object-fit: contain; vertical-align: top; } .link-8-800-100-24-24-GYF { margin-bottom: 0.8rem; display: flex; font-size: 2rem; font-weight: 400; line-height: 1.0666666667; letter-spacing: -0.15rem; color: #2f3441; font-family: Captura Now, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .item--Vc3 { margin-top: 1rem; margin-left: 50px; max-width: 47rem; display: flex; font-size: 1.5rem; font-weight: 400; line-height: 1.0204081633; color: #2f3441; font-family: Captura Now, 'Source Sans Pro'; flex-shrink: 0; } .item--Vc31 { max-width: 47rem; display: flex; font-size: 1.3rem; font-weight: 400; line-height: 1.0204081633; color: #2f3441; font-family: Captura Now, 'Source Sans Pro'; flex-shrink: 0; } .item--tu5 { max-width: 41.9rem; display: flex; font-size: 1.1rem; font-weight: 400; line-height: 1.2705882577; letter-spacing: -0.04rem; color: #606981; font-family: Captura Now, 'Source Sans Pro'; flex-shrink: 0; } .item--YyD { margin-bottom: 1.65rem; display: flex; font-size: 1.7rem; font-weight: 400; line-height: 1.0322580645; letter-spacing: -0.15rem; color: #2f3441; font-family: Captura Now, 'Source Sans Pro'; white-space: nowrap; } .svg-uCb { margin-right: 1.2rem; width: 2rem; height: 2rem; object-fit: contain; vertical-align: top; padding: 2px; flex-shrink: 0; } .mtb-bank-telegram-SCX { margin-bottom: 0.2rem; display: flex; font-size: 1.7rem; font-weight: 400; line-height: 1.2705882577; letter-spacing: -0.04rem; color: #606981; font-family: Captura Now, 'Source Sans Pro'; white-space: nowrap; flex-shrink: 0; } .group-40030-61V { width: 9.2rem; height: 3.2507rem; object-fit: contain; vertical-align: top; } .auto-group-xef9-B8B { margin-right: 39.2rem; width: 26.5rem; flex-shrink: 0; } .item-2001-2023-66-000018-16082021-c2T { padding: 20px; margin-bottom: 1rem; max-width: 26.5rem; display: flex; font-size: 1.2rem; font-weight: 400; line-height: 1.2705882577; letter-spacing: -0.04rem; color: #2f3441; font-family: Captura Now, 'Source Sans Pro'; flex-shrink: 0; } .item--EKy { padding-bottom: 30px; max-width: 100%; display: flex; font-size: 1.1rem; font-weight: 400; text-align: justify; line-height: 1.2941176471; letter-spacing: -0.04rem; color: #606981; font-family: Inter, 'Source Sans Pro'; flex-shrink: 0; } .item--Bv7 { display: flex; font-size: 1.2rem; font-weight: 400; line-height: 1.3000000318; letter-spacing: -0.04rem; color: #606981; font-family: Captura Now, 'Source Sans Pro'; flex-shrink: 0; } .item-2001-2023-66-000018-16082021-c2T { padding: 20px; margin-bottom: 1rem; max-width: 26.5rem; display: flex; font-size: 1.2rem; font-weight: 400; line-height: 1.2705882577; letter-spacing: -0.04rem; color: #2f3441; font-family: Captura Now, 'Source Sans Pro'; flex-shrink: 0; } .safe-rent-gNT .frame-J8w .box-sc-qHH .auto-group-lqpf-wTV .section-K5y .footer-2m5 { box-sizing: border-box; padding-right: 7.9rem; width: 100%; height: 100%; display: flex; align-items: flex-start; } .item-mhy { margin-bottom: 2.359rem; display: flex; flex-direction: column; } .button { background-color: #00b5ef; border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button1 {border-radius: 30px;} .button2 { background-color: #fff;; border: 1px solid #2852a1; color: #2852a1; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button3 { background-color: #1e124b; border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .btn:hover { background-color: #00c2f9; color: white; } /* Стили для шкалы слайдера */ #rental_days_slider .ui-slider-range { background: #007BFF; } #rental_days_slider .ui-slider-handle { background: #007BFF; border-color: #007BFF; border-radius: 15px; } #rental_days_slider .ui-slider-handle:hover { background: #0056b3; } #rental_days_slider .ui-slider-handle:active { background: #0056b3; } #rental_days_slider .ui-slider-handle:focus { outline: none; } #rental_days_slider .ui-slider-handle .ui-slider-tip { display: none; } /* Стили для отображения количества дней */ .slider-tooltip { position: absolute; top: -25px; left: 0; background-color: #007BFF; color: #fff; padding: 5px; border-radius: 5px; pointer-events: none; } /*.b-calculationResult {*/ /* background: #fff;*/ /* box-shadow: 0 10px 60px rgba(45,48,62,.2);*/ /* border-radius: 20px;*/ /* padding: 50px 70px;*/ /* height: 100%;*/ /*}*/ /*.calculator-result-q5y {*/ .b-calculationResult { margin-top: 0.3rem; box-sizing: border-box; padding: 5.297rem 3.9rem 3.5rem 3.9rem; align-items: center; display: flex; flex-direction: column; border: solid 0.05rem #1e124b; background-color: #ffffff; border-radius: 2rem; flex-shrink: 0; } </style> </head> <body> <div class="container"> <header class="d-flex flex-wrap justify-content-center py-3 mb-4"> <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none"> <svg class="bi me-2" width="40" height="32"><img class="group-40030-sFu img-fluid" src="./assets/group-40030.png"></svg>  </a> <div class="nav nav-pills">  <div class="group-40037-ZPd"> <img class="iconsax-linear-call-gUF" src="./assets/iconsax-linear-call.png"> <div class="frame-1-zUw"> <div class="item-0-800-500-255-jhR">0 800 500-255</div> <div class="item--BpK">Цілодобова підтримка</div> </div> </div> </div> </header> <div class="container col-xxl-8 px-4 py-2"> <div class="row flex-lg-row-reverse align-items-center g-5 py-2"> <div class="col-10 col-sm-8 col-lg-6"> <img src="assets/safe.png" class="d-block mx-lg-auto img-fluid item--Vc3" alt="" width="100%" height="100%" loading="lazy"> </div> <div class="col-lg-6"> <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3 item--Vc31">Надійне зберігання документів та цінностей</h1> <p class="item--EKy">Для зберігання документів та цінностей, а також для проведення безпечних угод купівлі-продажу</p> <div class="d-grid gap-2 d-md-flex justify-content-md-start"> </div> <div class="d-grid gap-4">  <a class="btn button1 button2" href="send.php">Обрати відділення   <i class="fa fa-arrow-right"></i></a>  </div> </div> </div> </div>   <div class="modal fade" id="bidModal"> <div class="modal-dialog"> <div class="modal-content">  <div class="modal-header"> <h4 class="modal-title">Замовити банківську ячейку</h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body">                 <form action="#" class="was-validated"> <div class="mb-3 mt-3"> <label for="uname" class="form-label">ІМ'Я:</label> <input type="text" class="form-control" id="uname" placeholder="" name="uname" required>  <div class="invalid-feedback">Необхідно заповнити Ім'я</div> </div> <div class="mb-3"> <label for="m_phone" class="form-label">Мобільний телефон:</label> <input type="password" class="form-control" id="m_phone" placeholder="+380" name="m_phone" required>  <div class="invalid-feedback">Необхідно заповнити телефон</div> </div> <div class="form-check mb-3"> <input class="form-check-input" type="checkbox" id="myCheck" name="remember" required> <label class="form-check-label" for="myCheck">Згода на обробку персональних даних</label>   </div> <button type="submit" class="btn s-pb-black-border-btn">Відправити</button> <button type="button" class="btn s-pb-black-border-btn" data-bs-dismiss="modal">Закрити</button> </form> </div> </div> </div> </div>   <div class="spliter"></div> <div class="auto-group-sjnj-S7Z"> <div class="pseudo-wa7"> </div> <div class="item--sCs">Навіщо порібні комірки?</div> </div> <div class="container col-xxl-8 px-2 py-1"> <div class="row flex-lg-row-reverse align-items-center g-5 py-2"> <div class="col-10 col-sm-8 col-lg-6"> <img src="assets/padlockwithkey-1-3g3.png" class="d-block mx-lg-auto img-fluid item--Vc31" alt="" width="100%" height="100%" loading="lazy"> </div> <div class="col-lg-6"> <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3 item--Vc31">Надійно збережіть цінності</h1> <div class="item--EKy">Безпека особистих цінностей: У світі, де ми щоденно стикаємось з різними ризиками, вам потрібна надійна захищена зона для ваших цінностей. Неважливо, чи це дорогоцінні камені, важливі документи або родинні реліквії - вони заслуговують на безпеку, яку може забезпечити банківська ячейка. <br /> </div> <div class="d-grid gap-2 d-md-flex justify-content-md-start"> </div> <div class="d-grid gap-4">  <a class="btn button1 button2" href="send.php">Обрати відділення   <i class="fa fa-arrow-right"></i></a> </div> </div> </div> </div> <div class="spliter"></div> <div class="auto-group-sjnj-S7Z"> <div class="pseudo-wa7"> </div> <div class="item--sCs">Розрахувати вартість оренди</div> </div> <div class="container mt-10"> <div class="spliter"></div> <div class="spliter"></div> <div class="row flex-row"> <div class="col-lg-5 col-12"> <form method="POST" class="j-calculatorResultForm" id="safesCalculator"> <div class="form-group"> <label for="city">Ваше місто:</label> <select name="city" id="city" class="j-select2 form-control select2-hidden-accessible"> <option value="1">М. КИЄВ, ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ “МТБ БАНК” </option> <option value="2">М. ОДЕСА, ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ “МТБ БАНК“ </option> <option value="3">ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №12</option> <option value="4">ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №15</option> <option value="5">ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №25</option> <option value="6">ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №30</option> <option value="7">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ДНІПРІ</option> <option value="8">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ХАРКОВІ</option> <option value="9">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ПОЛТАВІ</option> <option value="10">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ХЕРСОНІ</option> <option value="11">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ЧОРНОМОРСЬКУ</option> <option value="12">БІЛГОРОД-ДНІСТРОВСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №25</option> <option value="13">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. МИКОЛАЄВІ</option> <option value="14">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ЛЬВОВІ</option> <option value="15">ІВАНО-ФРАНКІВСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" № 1</option> <option value="16">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ЧЕРКАСАХ</option> </select> </div> <div class="form-group" data-select2-id="select2-data-27-2qa6"> <label for="cell_size">Оберіть розмір:</label> <select name="cell_size" id="cell_size" class="j-select2 form-control select2-hidden-accessible">  <option value="99">до 99 мм</option> <option value="100">від 100 до 199 мм</option> <option value="200">від 200 до 299 мм</option> <option value="300">від 300 до 399 мм</option> <option value="400">від 400 до 499 мм</option> <option value="500">від 500 до 599 мм</option>  </select> </div> <div class="form-group"> <label for="rental_days_slider">Термін оренди:</label> <div id="rental_days_slider" ></div> <span style="color:#2852a1;" id="rental_days"></span><br> </div>  <div class="spliter"></div> <div class="spliter"></div> <div class="form-group"> <button type="submit" class="s-pb-black-border-btn w-100" id="calculate_btn">Розрахувати вартість</button> </div> </form> <script> $(document).ready(function() { // Массив с данными о стоимости аренды ячеек для разных размеров и отделений // 1-Киев, 2-Одесса var safes_cells = { "99": [ {"branch_id": 1, "price_1": 24, "price_2": 22, "price_3": 21, "price_4": 19, "price_5": 18}, {"branch_id": 2, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 3, "price_1": 20, "price_2": 19, "price_3": 18, "price_4": 17, "price_5": 16}, {"branch_id": 4, "price_1": 18, "price_2": 17, "price_3": 15, "price_4": 14, "price_5": 13}, {"branch_id": 5, "price_1": 20, "price_2": 19, "price_3": 18, "price_4": 17, "price_5": 16}, {"branch_id": 6, "price_1": 20, "price_2": 19, "price_3": 18, "price_4": 17, "price_5": 15}, {"branch_id": 7, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 8, "price_1": 20, "price_2": 19, "price_3": 18, "price_4": 17, "price_5": 16}, {"branch_id": 9, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 10, "price_1": 14, "price_2": 13, "price_3": 12, "price_4": 11, "price_5": 10}, {"branch_id": 11, "price_1": 18, "price_2": 17, "price_3": 15, "price_4": 14, "price_5": 13}, {"branch_id": 12, "price_1": 14, "price_2": 13, "price_3": 12, "price_4": 11, "price_5": 10}, {"branch_id": 13, "price_1": 15, "price_2": 14, "price_3": 13, "price_4": 12, "price_5": 11}, {"branch_id": 14, "price_1": 15, "price_2": 14, "price_3": 13, "price_4": 12, "price_5": 11}, {"branch_id": 15, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 16, "price_1": 17, "price_2": 17, "price_3": 17, "price_4": 16, "price_5": 15}, ], "100": [ {"branch_id": 1, "price_1": 26, "price_2": 24, "price_3": 22, "price_4": 21, "price_5": 19}, {"branch_id": 2, "price_1": 25, "price_2": 23, "price_3": 21, "price_4": 20, "price_5": 19}, {"branch_id": 3, "price_1": 25, "price_2": 23, "price_3": 21, "price_4": 20, "price_5": 19}, {"branch_id": 4, "price_1": 23, "price_2": 21, "price_3": 20, "price_4": 19, "price_5": 18}, {"branch_id": 5, "price_1": 23, "price_2": 21, "price_3": 20, "price_4": 19, "price_5": 18}, {"branch_id": 6, "price_1": 23, "price_2": 21, "price_3": 19, "price_4": 18, "price_5": 16}, {"branch_id": 7, "price_1": 25, "price_2": 22, "price_3": 21, "price_4": 20, "price_5": 19}, {"branch_id": 8, "price_1": 25, "price_2": 24, "price_3": 23, "price_4": 22, "price_5": 21}, {"branch_id": 9, "price_1": 23, "price_2": 22, "price_3": 21, "price_4": 20, "price_5": 19}, {"branch_id": 10, "price_1": 22, "price_2": 20, "price_3": 19, "price_4": 17, "price_5": 16}, {"branch_id": 11, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 12, "price_1": 16, "price_2": 15, "price_3": 14, "price_4": 13, "price_5": 12}, {"branch_id": 13, "price_1": 19, "price_2": 18, "price_3": 16, "price_4": 15, "price_5": 14}, {"branch_id": 14, "price_1": 19, "price_2": 17, "price_3": 16, "price_4": 15, "price_5": 14}, {"branch_id": 15, "price_1": 17, "price_2": 16, "price_3": 14, "price_4": 13, "price_5": 12}, {"branch_id": 16, "price_1": 20, "price_2": 20, "price_3": 20, "price_4": 19, "price_5": 18}, ], "200": [ {"branch_id": 1, "price_1": 32, "price_2": 30, "price_3": 27, "price_4": 25, "price_5": 23}, {"branch_id": 2, "price_1": 36, "price_2": 33, "price_3": 32, "price_4": 30, "price_5": 29}, {"branch_id": 3, "price_1": 29, "price_2": 28, "price_3": 27, "price_4": 26, "price_5": 25}, {"branch_id": 4, "price_1": 29, "price_2": 27, "price_3": 25, "price_4": 23, "price_5": 21}, {"branch_id": 5, "price_1": 27, "price_2": 25, "price_3": 23, "price_4": 21, "price_5": 19}, {"branch_id": 6, "price_1": 29, "price_2": 28, "price_3": 27, "price_4": 26, "price_5": 25}, {"branch_id": 7, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 8, "price_1": 30, "price_2": 29, "price_3": 28, "price_4": 27, "price_5": 26}, {"branch_id": 9, "price_1": 27, "price_2": 26, "price_3": 25, "price_4": 24, "price_5": 23}, {"branch_id": 10, "price_1": 26, "price_2": 24, "price_3": 22, "price_4": 20, "price_5": 19}, {"branch_id": 11, "price_1": 25, "price_2": 22, "price_3": 21, "price_4": 19, "price_5": 17}, {"branch_id": 12, "price_1": 18, "price_2": 17, "price_3": 16, "price_4": 15, "price_5": 14}, {"branch_id": 13, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 14, "price_1": 26, "price_2": 24, "price_3": 22, "price_4": 20, "price_5": 19}, {"branch_id": 15, "price_1": 21, "price_2": 19, "price_3": 18, "price_4": 16, "price_5": 15}, {"branch_id": 16, "price_1": 26, "price_2": 26, "price_3": 26, "price_4": 24, "price_5": 23}, ], "300": [ {"branch_id": 1, "price_1": 37, "price_2": 35, "price_3": 32, "price_4": 30, "price_5": 28}, {"branch_id": 2, "price_1": 36, "price_2": 33, "price_3": 32, "price_4": 30, "price_5": 29}, {"branch_id": 3, "price_1": 36, "price_2": 33, "price_3": 32, "price_4": 30, "price_5": 29}, {"branch_id": 4, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 5, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 6, "price_1": 36, "price_2": 33, "price_3": 32, "price_4": 30, "price_5": 29}, {"branch_id": 7, "price_1": 33, "price_2": 31, "price_3": 30, "price_4": 29, "price_5": 27}, {"branch_id": 8, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 9, "price_1": 29, "price_2": 28, "price_3": 27, "price_4": 26, "price_5": 25}, {"branch_id": 10, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 11, "price_1": 29, "price_2": 25, "price_3": 23, "price_4": 21, "price_5": 19}, {"branch_id": 12, "price_1": 20, "price_2": 19, "price_3": 18, "price_4": 17, "price_5": 16}, {"branch_id": 13, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 14, "price_1": 32, "price_2": 30, "price_3": 28, "price_4": 26, "price_5": 24}, {"branch_id": 15, "price_1": 25, "price_2": 23, "price_3": 21, "price_4": 19, "price_5": 18}, {"branch_id": 16, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, ], "400": [ {"branch_id": 1, "price_1": 42, "price_2": 40, "price_3": 38, "price_4": 36, "price_5": 35}, {"branch_id": 2, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 3, "price_1": 38, "price_2": 35, "price_3": 34, "price_4": 33, "price_5": 32}, {"branch_id": 4, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 5, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 6, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 7, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 8, "price_1": 33, "price_2": 31, "price_3": 30, "price_4": 29, "price_5": 27}, {"branch_id": 9, "price_1": 35, "price_2": 34, "price_3": 33, "price_4": 32, "price_5": 30}, {"branch_id": 10, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 11, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 12, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 13, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 14, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 15, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 16, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, ], "500": [ {"branch_id": 1, "price_1": 44, "price_2": 42, "price_3": 40, "price_4": 38, "price_5": 37}, {"branch_id": 2, "price_1": 40, "price_2": 38, "price_3": 36, "price_4": 35, "price_5": 34}, {"branch_id": 3, "price_1": 40, "price_2": 38, "price_3": 36, "price_4": 35, "price_5": 34}, {"branch_id": 4, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 5, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 6, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 7, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 8, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 9, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 10, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 11, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 12, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 13, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 14, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 15, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, {"branch_id": 16, "price_1": null, "price_2": null, "price_3": null, "price_4": null, "price_5": null}, ], }; var branch_prices = { 1: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ “МТБ БАНК” У М. КИЄВІ', 2: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ “МТБ БАНК“ У М. ОДЕСІ', 3: 'ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №12', 4: 'ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №15', 5: 'ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №25', 6: 'ОДЕСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №30', 7: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ДНІПРІ', 8: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ХАРКОВІ', 9: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ПОЛТАВІ', 10: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ХЕРСОНІ', 11: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ЧОРНОМОРСЬКУ', 12: 'БІЛГОРОД-ДНІСТРОВСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" №25', 13: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. МИКОЛАЄВІ', 14: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ЛЬВОВІ', 15: 'ІВАНО-ФРАНКІВСЬКЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" № 1', 16: 'ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ЧЕРКАСАХ', }; // Инициализация слайдера для выбора количества дней $('#rental_days_slider').slider({ min: 1, max: 365, value: 30, // Начальное значение - 30 дней slide: function(event, ui) { $('#rental_days').text(ui.value + ' днів'); // Отображаем выбранное количество дней } }); // Установка начального значения слайдера var initialDays = 30; $('#rental_days_slider').slider('value', initialDays); $('#rental_days').text(initialDays + ' днів'); // $("#rental_days").text(ui.value); // Обработчик отправки формы $('#safesCalculator').on('submit', function(e) { e.preventDefault(); // Отменить стандартное действие отправки формы var selectedCity = $('select[name="city"]').val(); var selectedCellSize = $('select[name="cell_size"]').val(); var rentalDays = $('#rental_days_slider').slider('value'); // Получаем выбранное количество дней var safeCells = safes_cells[selectedCellSize]; var selectedSafeCell; for (var i = 0; i < safeCells.length; i++) { if (safeCells[i].branch_id == selectedCity) { selectedSafeCell = safeCells[i]; break; } } if (selectedSafeCell) { var price; if (rentalDays >= 1 && rentalDays <= 30) { price = selectedSafeCell.price_1; } else if (rentalDays >= 31 && rentalDays <= 90) { price = selectedSafeCell.price_2; } else if (rentalDays >= 91 && rentalDays <= 180) { price = selectedSafeCell.price_3; } else if (rentalDays >= 181 && rentalDays <= 365) { price = selectedSafeCell.price_4; } else if (rentalDays >= 366) { price = selectedSafeCell.price_5; } if (price) { var totalPrice = price * rentalDays; var branchAddress = branch_prices[selectedCity]; // $('#result').html('Стоимость аренды выбранной ячейки сейфа в отделении "' + branchAddress + '": ' + totalPrice.toFixed(2)); $('#result').html('<p> Оплата за '+rentalDays+' днів сейфа у відділенні "' + branchAddress + '":</p> <p class="text-center"> ' + totalPrice.toFixed(2)+' грн </p>'); } else { $('#result').text('Не вдалось визначити вартість оренди для обраної кількості днів'); } } else { $('#result').text('Не удалось найти выбранную ячейку сейфа.'); } }); }); </script> </div> <div class="col-lg-6 offset-lg-1 col-12"> <div class="b-calculationResult"> <span class="h3">Вартість оренди сейфа</span> <div class="mb-4 s-light-text"> </div> <span class="h2 s-blue-text mb-4"> <div id="result" class="h5"></div></span> <div class="mb-4"> <p> Сума розрахунку є орієнтовною. Точну вартість вам розрахують в офісі банку.</p> <div class="text-center">  <a class="btn button1 button3" href="send.php">Обрати відділення   <i class="fa fa-arrow-right"></i></a> </div> </div> <div class="mb-4"> <p> Попередній розрахунок. Не є публічної офертою.</p> </div> </div> </div> </div> </div> <div class="spliter"></div> <div class="spliter"></div> <div class="container text-center"> <div class="row"> <div class="col-6 col-sm-6"> <div class="groups-HvF"> <div class="groups-Eab"> <div class="item-1-xmV">Захист</div> <div class="item--euD"> Високий рівень безпеки та захисту для сейфів, включаючи відеоспостереження та охорону </div> </div> <div class="padlockwithkey-1-rkP"> </div> </div></div> <div class="col-6 col-sm-6"><div class="groups-HvF"> <div class="groups-Eab"> <div class="item-1-xmV">Зручність</div> <div class="item--euD"> Доступ до банківської ячейки у зручний для вас час, дозволяючи вільно входити та забирати свої цінності </div> </div> <div class="padlockwithkey-1-rkP"> </div> </div></div> <div class="w-100 d-none d-md-block"></div> <div class="col-6 col-sm-6"><div class="groups-HvF"> <div class="groups-Eab"> <div class="item-1-xmV">Секретність</div> <div class="item--euD"> Сейфи забезпечують надійний захист вашої приватної інформації та цінностей від сторонніх осіб </div> </div> <div class="padlockwithkey-1-rkP"> </div> </div></div> <div class="col-6 col-sm-6"><div class="groups-HvF"> <div class="groups-Eab"> <div class="item-1-xmV">Заміна сейфа</div> <div class="item--euD"> Використання сейфа в банку може виявитися безпечнішим, ніж зберігання цінностей в домашніх умовах </div> </div> <div class="padlockwithkey-1-rkP"> </div> </div></div> </div> </div> <div class="auto-group-sjnj-S7Z"> <div class="pseudo-wa7"> </div> <div class="item--sCs">Розмір комірок</div> </div> <div class="container mt-5"> <div class="row"> <div class="col-sm-4"> <h2 class="item--YyD">Маленька</h2> <div class="groups-eWT"> <div class="groups-cCP"> <img class="vector-XKM" src="assets/vector.png"> <div class="item-5-109--fAf"><p>5 - 10,9 см</p></div> </div> <div class="item--xfZ">Підходить для зберігання невеликих предметів, документів, ключів, ювелірних прикрас</div> </div> </div> <div class="col-sm-4"> <h2 class="item--YyD">Середня</h2> <div class="groups-eWT"> <div class="groups-cCP"> <img class="vector-XKM" src="assets/vector.png"> <div class="item-5-109--fAf"><p>5 - 10,9 см</p></div> </div> <div class="item--xfZ">Відмінно підходить для зберігання цінних речей в кейсах, а також стандартних золотих злитків та монет з дорогоцінних металів вагою до 1 кг</div> </div> </div> <div class="col-sm-4"> <h2 class="item--YyD">Велика</h2> <div class="groups-eWT"> <div class="groups-cCP"> <img class="vector-XKM" src="assets/vector.png"> <div class="item-5-109--fAf"><p> 11 - 29,9 см</p></div> </div> <div class="item--xfZ">Для зберігання колекційних предметів, які вам дорогі. Ваші рідкісні знахідки або предмети мистецтва будуть в безпеці</div> </div> </div> </div> </div> <div class="spliter"></div> <div class="auto-group-sjnj-S7Z"> <div class="pseudo-wa7"> </div> <div class="item--sCs">Це надійно?</div> </div> <div class="container col-xxl-8 px-2 py-1"> <div class="row flex-lg-row-reverse align-items-center g-5 py-2"> <div class="col-10 col-sm-8 col-lg-6"> <img src="assets/padlockwithkey-1-3g3.png" class="d-block mx-lg-auto img-fluid item--Vc31" alt="" width="100%" height="100%" loading="lazy"> </div> <div class="col-lg-6">  <p class="item--EKy"> Наші банковські ячейки обладнані сучасними системами безпеки та відеоспостереженням, гарантуючи надійне зберігання вашого майна. </p> <p class="item--EKy"> Ми гарантуємо абсолютну конфіденційність при зберіганні ваших цінностей, що додає ще більшої впевненості в надійності нашого сервісу. </p> <div class="d-grid gap-2 d-md-flex justify-content-md-start"> </div> <div class="d-grid gap-4"> <a class="btn button1 button2" href="send.php">Обрати відділення</a>    </div> </div> </div> </div> <div class="spliter"></div> <div class="auto-group-sjnj-S7Z"> <div class="pseudo-wa7"> </div> <div class="item--sCs">Корисна інформація</div> </div> <div class="accordion accordion-flush" id="accordionFlush1"> <div class="accordion-item" style="border-radius: 10px"> <h2 class="accordion-header" id="flush-headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> <h5>Тарифи</h5> </button> </h2> <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"><a href="https://www.mtb.ua/tariffs-bank-safes" target="_blank">Тарифи</a></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> <h5>Офіси, обладнані банківськими комірками</h5> </button> </h2> <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"><a href="https://www.mtb.ua/IndividualSafeRent" target="_blank">Список офісів з банківськими комірками</a></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> <h5>Документи</h5> </button> </h2> <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> <div class="accordion-body"><a href="https://www.mtb.ua/public-offer-mtb" target="_blank">Договор на аренду сейфа-комірки</a></div> </div> </div> </div> <div class="spliter"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top"> <div class="col mb-3"> <a href="/" class="d-flex align-items-center mb-3 link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> </a> <p class="text-body-secondary"> <div class="auto-group-xef9-B8B"> <div class="frame-40036-WgF"> <div class="auto-group-vvtz-rEK"> <div class="link-C3H"> <img class="svg-uCb" src="./assets/svg-Dc3.png"/> <a href="https://t.me/MTB_ClientSupport24_Bot" target="_balnk"> Канал MTB Bank Telegram</a> </div> <div class="link-8b9"> <img class="svg-uCb" src="./assets/svg-ens.png"/> <a href="https://m.me/399202090138227" target="_balnk">Сторінка MTB Bank Facebook</a> </div> </div> <div class="link-h1y"> <img class="svg-uCb" src="./assets/svg.png"/> <a href="#" target="_balnk"> Сторінка MTB Bank Instagram</a> </div> </div> <div class="frame-40036-3k3"> <div class="item-2001-2023-66-000018-16082021-c2T"> © 2001 - 2023 ПАТ «МТБ БАНК» <br/> Ліцензія № 66 з №ДРБ - 000018 від 16.08.2021р. </div> <div class="item-65026-11--PSX"> 65026, Польський узвіз, 11, <br/> м. Одеса, Україна </div> </div> </div> </p> </div> <div class="col mb-3"> </div> <div class="col mb-3"> </div> <div class="col mb-3"> </div> <div class="col mb-3"> <div class="list-RPD"> <div class="item-mhy"> <div class="link-8-800-100-24-24-it7">0 800 500-255</div> <div class="item--ELf">Цілодобова підтримка</div> </div> <div class="item-uhh"> <div class="link-8-800-100-24-24-GYF">+38(0482) 305-905</div> <div class="item--Bv7">Для інших країн</div> </div> <img class="group-40030-61V img-fluid" src="./assets/group-40030-yQb.png"/> </div> </div> </footer> </div> </body> </html>

CINXE.COM

МТБ: Надійне зберігання документів та цінностей