payment.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <link rel="shortcut icon" type="image/png" href="https://animaproject.s3.amazonaws.com/home/favicon.png" />
  7. <link rel="stylesheet" type="text/css" href="css/style.css">
  8. </head>
  9. <body>
  10. <header>
  11. <a href="personal_acc.html"><img src="img/logo_open.svg" alt="sharix" style="height:42px"></a>
  12. </header>
  13. <div class="logout">
  14. <a href="" class="logoutCircle"><img src="img/Vector.svg"></a>
  15. <a href="" class="logoutText">Выйти</a>
  16. </div>
  17. <main>
  18. <div class="column-wrapper req-wrapper">
  19. <p>Доступна оплата картой и по реквизитам. При оплате заказа банковской картой, обработка платежа происходит на странице платежного провайдера PAYMO.</p>
  20. <p>Вам будет необходимо ввести данные Вашей банковской карты: МИР; VISA International; Mastercard Worldwide.</p>
  21. <p>Карты только 3D-Secure.</p>
  22. <form method="" action="">
  23. <input id="sum" name="sum" type="number" placeholder="Введите необходимую сумму">
  24. <p>После пополнения, средства можно использовать для оплаты услуг дочерних сервисов.</p>
  25. <div class="payImages">
  26. <img src="img/visa.png">
  27. <img src="img/mc.png">
  28. <img src="img/mir.png">
  29. <img src="img/paymo.png">
  30. </div>
  31. <button id="pay" type="submit">Пополнить</button>
  32. <a href="" id="back">Назад</a>
  33. </form>
  34. </div>
  35. <hr>
  36. <section class="requisites container-req">
  37. <h2>Реквизиты</h2>
  38. <div>
  39. <p><b>ООО «*name*»</b></p>
  40. <p>Юридический адрес: <b>*address*</b></p>
  41. <p>Электронная почта: <a href="mailto:*mail*">*mail*</a></p>
  42. <p>ИНН: <b>*inn*</b></p>
  43. <p>Банк: <b>*bank_name*</b></p>
  44. <p>Бик: <b>*bik*</b></p>
  45. <p>Расчетный счет: <b>*calculated*</b></p>
  46. <p>Корреспондентский счет: <b>*correspondent*</b></p>
  47. </div>
  48. </section>
  49. </main>
  50. <footer class="footer-pay">
  51. <ul>
  52. <li id="deleteAcc"><a href="">Удалить аккаунт</a></li>
  53. <li><a href="">Контакты</a></li>
  54. <li><a href="">Условия использования</a></li>
  55. <li><a href="">Политика конфиденциальности</a></li>
  56. </ul>
  57. </footer>
  58. </body>
  59. </html>