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

<!DOCTYPE html> <html lang="uk-UA"> <head> <meta charset="UTF-8"> <title>МТБ: Надійне зберігання документів та цінностей</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <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> <script src="js/phonemask.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: 2rem; 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; } .btn:hover { background-color: #00c2f9; color: white; } </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="spliter"></div> <div class="spliter"></div> <script src="https://www.google.com/recaptcha/api.js"></script> <script> $(function(){ $('#phone') .keydown(function (e) { var key = e.which || e.charCode || e.keyCode || 0; if (key > 31 && (key < 48 || key > 57)) { if (key < 97 && key > 105) return false; } $phone = $(this); // Don't let them remove the starting '(+380)' if ($phone.val().length === 6 && (key === 8 || key === 46)) { $phone.val('(+380)'); return false; } // Reset if they highlight and type over first char. else if ($phone.val().substr(0, 6) !== '(+380)') { $phone.val('(+380)' + ' ' + String.fromCharCode(e.keyCode) + ''); } // Auto-format- do not expose the mask as the user begins to type if (key !== 8 && key !== 9) { if ($phone.val().length === 6) { $phone.val($phone.val() + ' '); } if ($phone.val().length === 5) { $phone.val($phone.val() + ' '); } if ($phone.val().length === 9) { $phone.val($phone.val() + ''); } } // Allow numeric (and tab, backspace, delete) keys only return (key == 8 || key == 9 || key == 46 || (key >= 48 && key <= 57) || (key >= 96 && key <= 105)); }) .bind('focus click', function () { $phone = $(this); if ($phone.val().length === 0) { $phone.val('(+380)'); } else { var val = $phone.val(); $phone.val('').val(val); // Ensure cursor remains at the end } }) .blur(function () { $phone = $(this); if ($phone.val() === '(') { $phone.val(''); } }); }); </script> <script> function onSubmit(token) { document.getElementById("send-form").submit(); } </script> <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3 item--Vc31">Відправка замовлення на сейф-комірку</h1> <form id="send-form" method = "POST" action="action_send.php" 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="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="8">ЦЕНТРАЛЬНЕ ВІДДІЛЕННЯ ПАТ "МТБ БАНК" У М. ПОЛТАВІ</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="mb-3"> <label for="m_phone" class="form-label">Мобільний телефон:</label>  <input type="text" class="form-control" id="phone" name="m_phone" maxlength="16" placeholder="Номер телефону +380" required>  <div class="invalid-feedback">Необхідно заповнити телефон</div> </div> <div class="form-check mb-3"> <input class="form-check-input" type="checkbox" id="m_chk" name="remember" required> <label class="form-check-label" for="m_chk">Згода на обробку персональних даних</label>   </div> <input type="hidden" name="smb_frm" value="1">  <button type="submit" class="g-recaptcha btn s-pb-black-border-btn" data-sitekey="6LdgsHonAAAAACfL5M2EN2FA8QVjhtDiQOyP6D_C" data-callback="onSubmit" data-action="submit">Відправити</button>  <a class="btn s-pb-black-border-btn" href="/">Повернутись</a> </form>   <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">                         </div> </div> </div> </div> </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

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